@diyet24/design-system 0.1.0 → 0.1.1

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 (17) hide show
  1. package/README.md +72 -555
  2. package/dist/{index.d.cts → index.d.mts} +323 -646
  3. package/dist/index.d.ts +323 -646
  4. package/dist/index.js +4463 -31620
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +4582 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/dist/styles.css +3037 -871
  9. package/package.json +56 -94
  10. package/dist/index.cjs +0 -32288
  11. package/dist/index.cjs.map +0 -1
  12. package/dist/tailwind/index.cjs +0 -301
  13. package/dist/tailwind/index.cjs.map +0 -1
  14. package/dist/tailwind/index.d.cts +0 -583
  15. package/dist/tailwind/index.d.ts +0 -583
  16. package/dist/tailwind/index.js +0 -287
  17. package/dist/tailwind/index.js.map +0 -1
package/dist/styles.css CHANGED
@@ -1,890 +1,3056 @@
1
- @import "tailwindcss";
2
-
3
- @custom-variant dark (&:is(.dark *));
4
-
5
- @source "../";
6
-
1
+ /* src/styles.css */
2
+ *,
3
+ ::before,
4
+ ::after {
5
+ --tw-border-spacing-x: 0;
6
+ --tw-border-spacing-y: 0;
7
+ --tw-translate-x: 0;
8
+ --tw-translate-y: 0;
9
+ --tw-rotate: 0;
10
+ --tw-skew-x: 0;
11
+ --tw-skew-y: 0;
12
+ --tw-scale-x: 1;
13
+ --tw-scale-y: 1;
14
+ --tw-pan-x: ;
15
+ --tw-pan-y: ;
16
+ --tw-pinch-zoom: ;
17
+ --tw-scroll-snap-strictness: proximity;
18
+ --tw-gradient-from-position: ;
19
+ --tw-gradient-via-position: ;
20
+ --tw-gradient-to-position: ;
21
+ --tw-ordinal: ;
22
+ --tw-slashed-zero: ;
23
+ --tw-numeric-figure: ;
24
+ --tw-numeric-spacing: ;
25
+ --tw-numeric-fraction: ;
26
+ --tw-ring-inset: ;
27
+ --tw-ring-offset-width: 0px;
28
+ --tw-ring-offset-color: #fff;
29
+ --tw-ring-color: rgb(59 130 246 / 0.5);
30
+ --tw-ring-offset-shadow: 0 0 #0000;
31
+ --tw-ring-shadow: 0 0 #0000;
32
+ --tw-shadow: 0 0 #0000;
33
+ --tw-shadow-colored: 0 0 #0000;
34
+ --tw-blur: ;
35
+ --tw-brightness: ;
36
+ --tw-contrast: ;
37
+ --tw-grayscale: ;
38
+ --tw-hue-rotate: ;
39
+ --tw-invert: ;
40
+ --tw-saturate: ;
41
+ --tw-sepia: ;
42
+ --tw-drop-shadow: ;
43
+ --tw-backdrop-blur: ;
44
+ --tw-backdrop-brightness: ;
45
+ --tw-backdrop-contrast: ;
46
+ --tw-backdrop-grayscale: ;
47
+ --tw-backdrop-hue-rotate: ;
48
+ --tw-backdrop-invert: ;
49
+ --tw-backdrop-opacity: ;
50
+ --tw-backdrop-saturate: ;
51
+ --tw-backdrop-sepia: ;
52
+ --tw-contain-size: ;
53
+ --tw-contain-layout: ;
54
+ --tw-contain-paint: ;
55
+ --tw-contain-style: ;
56
+ }
57
+ ::backdrop {
58
+ --tw-border-spacing-x: 0;
59
+ --tw-border-spacing-y: 0;
60
+ --tw-translate-x: 0;
61
+ --tw-translate-y: 0;
62
+ --tw-rotate: 0;
63
+ --tw-skew-x: 0;
64
+ --tw-skew-y: 0;
65
+ --tw-scale-x: 1;
66
+ --tw-scale-y: 1;
67
+ --tw-pan-x: ;
68
+ --tw-pan-y: ;
69
+ --tw-pinch-zoom: ;
70
+ --tw-scroll-snap-strictness: proximity;
71
+ --tw-gradient-from-position: ;
72
+ --tw-gradient-via-position: ;
73
+ --tw-gradient-to-position: ;
74
+ --tw-ordinal: ;
75
+ --tw-slashed-zero: ;
76
+ --tw-numeric-figure: ;
77
+ --tw-numeric-spacing: ;
78
+ --tw-numeric-fraction: ;
79
+ --tw-ring-inset: ;
80
+ --tw-ring-offset-width: 0px;
81
+ --tw-ring-offset-color: #fff;
82
+ --tw-ring-color: rgb(59 130 246 / 0.5);
83
+ --tw-ring-offset-shadow: 0 0 #0000;
84
+ --tw-ring-shadow: 0 0 #0000;
85
+ --tw-shadow: 0 0 #0000;
86
+ --tw-shadow-colored: 0 0 #0000;
87
+ --tw-blur: ;
88
+ --tw-brightness: ;
89
+ --tw-contrast: ;
90
+ --tw-grayscale: ;
91
+ --tw-hue-rotate: ;
92
+ --tw-invert: ;
93
+ --tw-saturate: ;
94
+ --tw-sepia: ;
95
+ --tw-drop-shadow: ;
96
+ --tw-backdrop-blur: ;
97
+ --tw-backdrop-brightness: ;
98
+ --tw-backdrop-contrast: ;
99
+ --tw-backdrop-grayscale: ;
100
+ --tw-backdrop-hue-rotate: ;
101
+ --tw-backdrop-invert: ;
102
+ --tw-backdrop-opacity: ;
103
+ --tw-backdrop-saturate: ;
104
+ --tw-backdrop-sepia: ;
105
+ --tw-contain-size: ;
106
+ --tw-contain-layout: ;
107
+ --tw-contain-paint: ;
108
+ --tw-contain-style: ;
109
+ }
110
+ *,
111
+ ::before,
112
+ ::after {
113
+ box-sizing: border-box;
114
+ border-width: 0;
115
+ border-style: solid;
116
+ border-color: #e5e7eb;
117
+ }
118
+ ::before,
119
+ ::after {
120
+ --tw-content: "";
121
+ }
122
+ html,
123
+ :host {
124
+ line-height: 1.5;
125
+ -webkit-text-size-adjust: 100%;
126
+ -moz-tab-size: 4;
127
+ -o-tab-size: 4;
128
+ tab-size: 4;
129
+ font-family:
130
+ ui-sans-serif,
131
+ system-ui,
132
+ sans-serif,
133
+ "Apple Color Emoji",
134
+ "Segoe UI Emoji",
135
+ "Segoe UI Symbol",
136
+ "Noto Color Emoji";
137
+ font-feature-settings: normal;
138
+ font-variation-settings: normal;
139
+ -webkit-tap-highlight-color: transparent;
140
+ }
141
+ body {
142
+ margin: 0;
143
+ line-height: inherit;
144
+ }
145
+ hr {
146
+ height: 0;
147
+ color: inherit;
148
+ border-top-width: 1px;
149
+ }
150
+ abbr:where([title]) {
151
+ -webkit-text-decoration: underline dotted;
152
+ text-decoration: underline dotted;
153
+ }
154
+ h1,
155
+ h2,
156
+ h3,
157
+ h4,
158
+ h5,
159
+ h6 {
160
+ font-size: inherit;
161
+ font-weight: inherit;
162
+ }
163
+ a {
164
+ color: inherit;
165
+ text-decoration: inherit;
166
+ }
167
+ b,
168
+ strong {
169
+ font-weight: bolder;
170
+ }
171
+ code,
172
+ kbd,
173
+ samp,
174
+ pre {
175
+ font-family:
176
+ ui-monospace,
177
+ SFMono-Regular,
178
+ Menlo,
179
+ Monaco,
180
+ Consolas,
181
+ "Liberation Mono",
182
+ "Courier New",
183
+ monospace;
184
+ font-feature-settings: normal;
185
+ font-variation-settings: normal;
186
+ font-size: 1em;
187
+ }
188
+ small {
189
+ font-size: 80%;
190
+ }
191
+ sub,
192
+ sup {
193
+ font-size: 75%;
194
+ line-height: 0;
195
+ position: relative;
196
+ vertical-align: baseline;
197
+ }
198
+ sub {
199
+ bottom: -0.25em;
200
+ }
201
+ sup {
202
+ top: -0.5em;
203
+ }
204
+ table {
205
+ text-indent: 0;
206
+ border-color: inherit;
207
+ border-collapse: collapse;
208
+ }
209
+ button,
210
+ input,
211
+ optgroup,
212
+ select,
213
+ textarea {
214
+ font-family: inherit;
215
+ font-feature-settings: inherit;
216
+ font-variation-settings: inherit;
217
+ font-size: 100%;
218
+ font-weight: inherit;
219
+ line-height: inherit;
220
+ letter-spacing: inherit;
221
+ color: inherit;
222
+ margin: 0;
223
+ padding: 0;
224
+ }
225
+ button,
226
+ select {
227
+ text-transform: none;
228
+ }
229
+ button,
230
+ input:where([type=button]),
231
+ input:where([type=reset]),
232
+ input:where([type=submit]) {
233
+ -webkit-appearance: button;
234
+ background-color: transparent;
235
+ background-image: none;
236
+ }
237
+ :-moz-focusring {
238
+ outline: auto;
239
+ }
240
+ :-moz-ui-invalid {
241
+ box-shadow: none;
242
+ }
243
+ progress {
244
+ vertical-align: baseline;
245
+ }
246
+ ::-webkit-inner-spin-button,
247
+ ::-webkit-outer-spin-button {
248
+ height: auto;
249
+ }
250
+ [type=search] {
251
+ -webkit-appearance: textfield;
252
+ outline-offset: -2px;
253
+ }
254
+ ::-webkit-search-decoration {
255
+ -webkit-appearance: none;
256
+ }
257
+ ::-webkit-file-upload-button {
258
+ -webkit-appearance: button;
259
+ font: inherit;
260
+ }
261
+ summary {
262
+ display: list-item;
263
+ }
264
+ blockquote,
265
+ dl,
266
+ dd,
267
+ h1,
268
+ h2,
269
+ h3,
270
+ h4,
271
+ h5,
272
+ h6,
273
+ hr,
274
+ figure,
275
+ p,
276
+ pre {
277
+ margin: 0;
278
+ }
279
+ fieldset {
280
+ margin: 0;
281
+ padding: 0;
282
+ }
283
+ legend {
284
+ padding: 0;
285
+ }
286
+ ol,
287
+ ul,
288
+ menu {
289
+ list-style: none;
290
+ margin: 0;
291
+ padding: 0;
292
+ }
293
+ dialog {
294
+ padding: 0;
295
+ }
296
+ textarea {
297
+ resize: vertical;
298
+ }
299
+ input::-moz-placeholder,
300
+ textarea::-moz-placeholder {
301
+ opacity: 1;
302
+ color: #9ca3af;
303
+ }
304
+ input::placeholder,
305
+ textarea::placeholder {
306
+ opacity: 1;
307
+ color: #9ca3af;
308
+ }
309
+ button,
310
+ [role=button] {
311
+ cursor: pointer;
312
+ }
313
+ :disabled {
314
+ cursor: default;
315
+ }
316
+ img,
317
+ svg,
318
+ video,
319
+ canvas,
320
+ audio,
321
+ iframe,
322
+ embed,
323
+ object {
324
+ display: block;
325
+ vertical-align: middle;
326
+ }
327
+ img,
328
+ video {
329
+ max-width: 100%;
330
+ height: auto;
331
+ }
332
+ [hidden]:where(:not([hidden=until-found])) {
333
+ display: none;
334
+ }
7
335
  :root {
8
- /* Brand Colors */
9
- --primary: #7367F0;
10
- --secondary: #808390;
11
- --info: #00BAD1;
12
- --success: #28C76F;
13
- --warning: #FF9F43;
14
- --danger: #FF4C51;
15
- --main: #2F2B3D;
16
- --main-foreground: #FFFFFF;
17
- --gray: #97959E;
18
-
19
- /* shadcn/ui Standard Variables - mapped to brand colors */
20
- --background: #f8f7fa;
21
- --foreground: var(--main);
22
- --card: #FFFFFF;
23
- --card-foreground: var(--main);
24
- --popover: #FFFFFF;
25
- --popover-foreground: var(--main);
26
- --primary-foreground: #FFFFFF;
27
- --secondary-foreground: var(--main);
28
- --muted: #F5F5F5;
29
- --muted-foreground: #6C6C6C;
30
- --accent: #F5F5F5;
31
- --accent-foreground: var(--main);
32
- --destructive: var(--danger);
33
- --destructive-foreground: #FFFFFF;
34
- --border: #E0E0E0;
35
- --input: #E0E0E0;
36
- --ring: var(--primary);
37
- --radius: 6px;
38
-
39
- /* Chart Colors */
40
- --chart-1: var(--primary);
41
- --chart-2: var(--info);
42
- --chart-3: var(--success);
43
- --chart-4: var(--warning);
44
- --chart-5: var(--danger);
45
-
46
- /* Custom Application Variables */
47
- --snackbar: #2f2b3d;
48
- --paper: #FFFFFF;
49
- --table-header: #FFFFFF;
50
- --chat-bg: #f3f2f5;
51
- --track-bg: #f1f0f2;
52
- --grey-light: #FAFAFA;
53
-
54
- /* Sidebar Variables */
55
- --sidebar: #FFFFFF;
56
- --sidebar-foreground: var(--main);
57
- --sidebar-primary: var(--primary);
58
- --sidebar-primary-foreground: #FFFFFF;
59
- --sidebar-accent: #F5F5F5;
60
- --sidebar-accent-foreground: var(--main);
61
- --sidebar-border: #E0E0E0;
62
- --sidebar-ring: var(--primary);
63
- }
64
-
336
+ --background: 0 0% 100%;
337
+ --foreground: 222.2 84% 4.9%;
338
+ --card: 0 0% 100%;
339
+ --card-foreground: 222.2 84% 4.9%;
340
+ --popover: 0 0% 100%;
341
+ --popover-foreground: 222.2 84% 4.9%;
342
+ --primary: 142 71% 45%;
343
+ --primary-foreground: 210 40% 98%;
344
+ --secondary: 144 13% 94%;
345
+ --secondary-foreground: 222.2 84% 4.9%;
346
+ --muted: 144 13% 94%;
347
+ --muted-foreground: 215.4 16.3% 46.9%;
348
+ --accent: 144 13% 94%;
349
+ --accent-foreground: 222.2 84% 4.9%;
350
+ --destructive: 0 84.2% 60.2%;
351
+ --destructive-foreground: 210 40% 98%;
352
+ --border: 214.3 31.8% 91.4%;
353
+ --input: 214.3 31.8% 91.4%;
354
+ --ring: 142 71% 45%;
355
+ --radius: 0.75rem;
356
+ --sidebar-background: 0 0% 98%;
357
+ --sidebar-foreground: 240 5.3% 26.1%;
358
+ --sidebar-primary: 142 71% 45%;
359
+ --sidebar-primary-foreground: 0 0% 98%;
360
+ --sidebar-accent: 144 13% 94%;
361
+ --sidebar-accent-foreground: 240 5.9% 10%;
362
+ --sidebar-border: 220 13% 91%;
363
+ --sidebar-ring: 142 71% 45%;
364
+ --success: 142 71% 45%;
365
+ --success-foreground: 210 40% 98%;
366
+ --warning: 35 91% 62%;
367
+ --warning-foreground: 210 40% 98%;
368
+ --info: 199 89% 48%;
369
+ --info-foreground: 210 40% 98%;
370
+ }
65
371
  .dark {
66
- color-scheme: dark;
67
-
68
- /* Brand Colors - Keep same for consistency */
69
- --primary: #7367F0;
70
- --secondary: #808390;
71
- --info: #00BAD1;
72
- --success: #28C76F;
73
- --warning: #FF9F43;
74
- --danger: #FF4C51;
75
- --main: #E1DEF5;
76
- --main-foreground: #434968;
77
- --gray: #9293AE;
78
-
79
- /* shadcn/ui Dark Mode Variables */
80
- --background: #25293c;
81
- --foreground: #FFFFFF;
82
- --card: #2F3349;
83
- --card-foreground: #FFFFFF;
84
- --popover: #2F3349;
85
- --popover-foreground: #FFFFFF;
86
- --primary-foreground: #FFFFFF;
87
- --secondary-foreground: #FFFFFF;
88
- --muted: #3A3F57;
89
- --muted-foreground: #A0A0A0;
90
- --accent: #3A3F57;
91
- --accent-foreground: #FFFFFF;
92
- --destructive: var(--danger);
93
- --destructive-foreground: #FFFFFF;
94
- --border: rgba(255, 255, 255, 0.1);
95
- --input: rgba(255, 255, 255, 0.15);
96
- --ring: var(--primary);
97
-
98
- /* Chart Colors */
99
- --chart-1: var(--primary);
100
- --chart-2: var(--info);
101
- --chart-3: var(--success);
102
- --chart-4: var(--warning);
103
- --chart-5: var(--danger);
104
-
105
- /* Custom Application Variables - Dark Mode */
106
- --snackbar: #F7F4FF;
107
- --paper: #2F3349;
108
- --table-header: #2F3349;
109
- --chat-bg: #202534;
110
- --track-bg: #3A3F57;
111
- --grey-light: #353A52;
112
-
113
- /* Sidebar Variables - Dark Mode */
114
- --sidebar: #2F3349;
115
- --sidebar-foreground: #FFFFFF;
116
- --sidebar-primary: var(--primary);
117
- --sidebar-primary-foreground: #FFFFFF;
118
- --sidebar-accent: #3A3F57;
119
- --sidebar-accent-foreground: #FFFFFF;
120
- --sidebar-border: rgba(255, 255, 255, 0.1);
121
- --sidebar-ring: var(--primary);
122
- }
123
-
372
+ --background: 222.2 84% 4.9%;
373
+ --foreground: 210 40% 98%;
374
+ --card: 222.2 84% 4.9%;
375
+ --card-foreground: 210 40% 98%;
376
+ --popover: 222.2 84% 4.9%;
377
+ --popover-foreground: 210 40% 98%;
378
+ --primary: 142 76% 36%;
379
+ --primary-foreground: 210 40% 98%;
380
+ --secondary: 217.2 32.6% 17.5%;
381
+ --secondary-foreground: 210 40% 98%;
382
+ --muted: 217.2 32.6% 17.5%;
383
+ --muted-foreground: 215 20.2% 65.1%;
384
+ --accent: 217.2 32.6% 17.5%;
385
+ --accent-foreground: 210 40% 98%;
386
+ --destructive: 0 62.8% 30.6%;
387
+ --destructive-foreground: 210 40% 98%;
388
+ --border: 217.2 32.6% 17.5%;
389
+ --input: 217.2 32.6% 17.5%;
390
+ --ring: 142 76% 36%;
391
+ --sidebar-background: 240 5.9% 10%;
392
+ --sidebar-foreground: 240 4.8% 95.9%;
393
+ --sidebar-primary: 142 76% 36%;
394
+ --sidebar-primary-foreground: 0 0% 98%;
395
+ --sidebar-accent: 240 3.7% 15.9%;
396
+ --sidebar-accent-foreground: 240 4.8% 95.9%;
397
+ --sidebar-border: 240 3.7% 15.9%;
398
+ --sidebar-ring: 142 76% 36%;
399
+ --success: 142 76% 36%;
400
+ --success-foreground: 210 40% 98%;
401
+ --warning: 35 84% 55%;
402
+ --warning-foreground: 210 40% 98%;
403
+ --info: 199 89% 48%;
404
+ --info-foreground: 210 40% 98%;
405
+ }
406
+ * {
407
+ border-color: hsl(var(--border));
408
+ }
124
409
  body {
125
- background-color: var(--background);
126
- color: var(--foreground);
127
- }
128
-
129
- @theme inline {
130
- /* shadcn/ui Standard Colors */
131
- --color-background: var(--background);
132
- --color-foreground: var(--foreground);
133
- --color-card: var(--card);
134
- --color-card-foreground: var(--card-foreground);
135
- --color-popover: var(--popover);
136
- --color-popover-foreground: var(--popover-foreground);
137
- --color-primary: var(--primary);
138
- --color-primary-foreground: var(--primary-foreground);
139
- --color-secondary: var(--secondary);
140
- --color-secondary-foreground: var(--secondary-foreground);
141
- --color-muted: var(--muted);
142
- --color-muted-foreground: var(--muted-foreground);
143
- --color-accent: var(--accent);
144
- --color-accent-foreground: var(--accent-foreground);
145
- --color-destructive: var(--destructive);
146
- --color-destructive-foreground: var(--destructive-foreground);
147
- --color-border: var(--border);
148
- --color-input: var(--input);
149
- --color-ring: var(--ring);
150
-
151
- /* Chart Colors */
152
- --color-chart-1: var(--chart-1);
153
- --color-chart-2: var(--chart-2);
154
- --color-chart-3: var(--chart-3);
155
- --color-chart-4: var(--chart-4);
156
- --color-chart-5: var(--chart-5);
157
-
158
- /* Radius */
159
- --radius-sm: calc(var(--radius) - 4px);
160
- --radius-md: calc(var(--radius) - 2px);
161
- --radius-lg: var(--radius);
162
- --radius-xl: calc(var(--radius) + 4px);
163
-
164
- /* Sidebar Colors */
165
- --color-sidebar: var(--sidebar);
166
- --color-sidebar-foreground: var(--sidebar-foreground);
167
- --color-sidebar-primary: var(--sidebar-primary);
168
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
169
- --color-sidebar-accent: var(--sidebar-accent);
170
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
171
- --color-sidebar-border: var(--sidebar-border);
172
- --color-sidebar-ring: var(--sidebar-ring);
173
-
174
- /* Brand Color Variants - Primary */
175
- --color-primary-100: color-mix(in srgb, var(--primary) 100%, white 80%);
176
- --color-primary-200: color-mix(in srgb, var(--primary) 100%, white 60%);
177
- --color-primary-300: color-mix(in srgb, var(--primary) 100%, white 40%);
178
- --color-primary-400: color-mix(in srgb, var(--primary) 100%, white 20%);
179
- --color-primary-500: var(--primary);
180
- --color-primary-600: color-mix(in srgb, var(--primary) 100%, black 10%);
181
- --color-primary-700: color-mix(in srgb, var(--primary) 100%, black 15%);
182
- --color-primary-800: color-mix(in srgb, var(--primary) 100%, black 20%);
183
- --color-primary-900: color-mix(in srgb, var(--primary) 100%, black 25%);
184
-
185
- --color-primary-o-lighter: color-mix(in srgb, var(--primary) 8%, transparent);
186
- --color-primary-o-light: color-mix(in srgb, var(--primary) 16%, transparent);
187
- --color-primary-o-main: color-mix(in srgb, var(--primary) 24%, transparent);
188
- --color-primary-o-dark: color-mix(in srgb, var(--primary) 32%, transparent);
189
- --color-primary-o-darker: color-mix(in srgb, var(--primary) 38%, transparent);
190
-
191
- --shadow-sm-primary: 0px 2px 6px color-mix(in srgb, var(--primary) 30%, transparent);
192
- --shadow-md-primary: 0px 4px 16px color-mix(in srgb, var(--primary) 30%, transparent);
193
- --shadow-lg-primary: 0px 6px 20px color-mix(in srgb, var(--primary) 50%, transparent);
194
-
195
- --color-secondary: var(--secondary);
196
- --color-secondary-100: color-mix(in srgb, var(--secondary) 100%, white 80%);
197
- --color-secondary-200: color-mix(in srgb, var(--secondary) 100%, white 60%);
198
- --color-secondary-300: color-mix(in srgb, var(--secondary) 100%, white 40%);
199
- --color-secondary-400: color-mix(in srgb, var(--secondary) 100%, white 20%);
200
- --color-secondary-500: var(--secondary);
201
- --color-secondary-600: color-mix(in srgb, var(--secondary) 100%, black 10%);
202
- --color-secondary-700: color-mix(in srgb, var(--secondary) 100%, black 15%);
203
- --color-secondary-800: color-mix(in srgb, var(--secondary) 100%, black 20%);
204
- --color-secondary-900: color-mix(in srgb, var(--secondary) 100%, black 25%);
205
-
206
- --color-secondary-o-lighter: color-mix(in srgb, var(--secondary) 8%, transparent);
207
- --color-secondary-o-light: color-mix(in srgb, var(--secondary) 16%, transparent);
208
- --color-secondary-o-main: color-mix(in srgb, var(--secondary) 24%, transparent);
209
- --color-secondary-o-dark: color-mix(in srgb, var(--secondary) 32%, transparent);
210
- --color-secondary-o-darker: color-mix(in srgb, var(--secondary) 38%, transparent);
211
-
212
- --shadow-sm-secondary: 0px 2px 6px color-mix(in srgb, var(--secondary) 30%, transparent);
213
- --shadow-md-secondary: 0px 4px 16px color-mix(in srgb, var(--secondary) 30%, transparent);
214
- --shadow-lg-secondary: 0px 6px 20px color-mix(in srgb, var(--secondary) 50%, transparent);
215
-
216
- --color-info: var(--info);
217
- --color-info-100: color-mix(in srgb, var(--info) 100%, white 80%);
218
- --color-info-200: color-mix(in srgb, var(--info) 100%, white 60%);
219
- --color-info-300: color-mix(in srgb, var(--info) 100%, white 40%);
220
- --color-info-400: color-mix(in srgb, var(--info) 100%, white 20%);
221
- --color-info-500: var(--info);
222
- --color-info-600: color-mix(in srgb, var(--info) 100%, black 10%);
223
- --color-info-700: color-mix(in srgb, var(--info) 100%, black 15%);
224
- --color-info-800: color-mix(in srgb, var(--info) 100%, black 20%);
225
- --color-info-900: color-mix(in srgb, var(--info) 100%, black 25%);
226
-
227
- --color-info-o-lighter: color-mix(in srgb, var(--info) 8%, transparent);
228
- --color-info-o-light: color-mix(in srgb, var(--info) 16%, transparent);
229
- --color-info-o-main: color-mix(in srgb, var(--info) 24%, transparent);
230
- --color-info-o-dark: color-mix(in srgb, var(--info) 32%, transparent);
231
- --color-info-o-darker: color-mix(in srgb, var(--info) 38%, transparent);
232
-
233
- --shadow-sm-info: 0px 2px 6px color-mix(in srgb, var(--info) 30%, transparent);
234
- --shadow-md-info: 0px 4px 16px color-mix(in srgb, var(--info) 30%, transparent);
235
- --shadow-lg-info: 0px 6px 20px color-mix(in srgb, var(--info) 50%, transparent);
236
-
237
- --color-success: var(--success);
238
- --color-success-100: color-mix(in srgb, var(--success) 100%, white 80%);
239
- --color-success-200: color-mix(in srgb, var(--success) 100%, white 60%);
240
- --color-success-300: color-mix(in srgb, var(--success) 100%, white 40%);
241
- --color-success-400: color-mix(in srgb, var(--success) 100%, white 20%);
242
- --color-success-500: var(--success);
243
- --color-success-600: color-mix(in srgb, var(--success) 100%, black 10%);
244
- --color-success-700: color-mix(in srgb, var(--success) 100%, black 15%);
245
- --color-success-800: color-mix(in srgb, var(--success) 100%, black 20%);
246
- --color-success-900: color-mix(in srgb, var(--success) 100%, black 25%);
247
-
248
- --color-success-o-lighter: color-mix(in srgb, var(--success) 8%, transparent);
249
- --color-success-o-light: color-mix(in srgb, var(--success) 16%, transparent);
250
- --color-success-o-main: color-mix(in srgb, var(--success) 24%, transparent);
251
- --color-success-o-dark: color-mix(in srgb, var(--success) 32%, transparent);
252
- --color-success-o-darker: color-mix(in srgb, var(--success) 38%, transparent);
253
-
254
- --shadow-sm-success: 0px 2px 6px color-mix(in srgb, var(--success) 30%, transparent);
255
- --shadow-md-success: 0px 4px 16px color-mix(in srgb, var(--success) 30%, transparent);
256
- --shadow-lg-success: 0px 6px 20px color-mix(in srgb, var(--success) 50%, transparent);
257
-
258
- --color-warning: var(--warning);
259
- --color-warning-100: color-mix(in srgb, var(--warning) 100%, white 80%);
260
- --color-warning-200: color-mix(in srgb, var(--warning) 100%, white 60%);
261
- --color-warning-300: color-mix(in srgb, var(--warning) 100%, white 40%);
262
- --color-warning-400: color-mix(in srgb, var(--warning) 100%, white 20%);
263
- --color-warning-500: var(--warning);
264
- --color-warning-600: color-mix(in srgb, var(--warning) 100%, black 10%);
265
- --color-warning-700: color-mix(in srgb, var(--warning) 100%, black 15%);
266
- --color-warning-800: color-mix(in srgb, var(--warning) 100%, black 20%);
267
- --color-warning-900: color-mix(in srgb, var(--warning) 100%, black 25%);
268
-
269
- --color-warning-o-lighter: color-mix(in srgb, var(--warning) 8%, transparent);
270
- --color-warning-o-light: color-mix(in srgb, var(--warning) 16%, transparent);
271
- --color-warning-o-main: color-mix(in srgb, var(--warning) 24%, transparent);
272
- --color-warning-o-dark: color-mix(in srgb, var(--warning) 32%, transparent);
273
- --color-warning-o-darker: color-mix(in srgb, var(--warning) 38%, transparent);
274
-
275
- --shadow-sm-warning: 0px 2px 6px color-mix(in srgb, var(--warning) 30%, transparent);
276
- --shadow-md-warning: 0px 4px 16px color-mix(in srgb, var(--warning) 30%, transparent);
277
- --shadow-lg-warning: 0px 6px 20px color-mix(in srgb, var(--warning) 50%, transparent);
278
-
279
- --color-danger: var(--danger);
280
- --color-danger-100: color-mix(in srgb, var(--danger) 100%, white 80%);
281
- --color-danger-200: color-mix(in srgb, var(--danger) 100%, white 60%);
282
- --color-danger-300: color-mix(in srgb, var(--danger) 100%, white 40%);
283
- --color-danger-400: color-mix(in srgb, var(--danger) 100%, white 20%);
284
- --color-danger-500: var(--danger);
285
- --color-danger-600: color-mix(in srgb, var(--danger) 100%, black 10%);
286
- --color-danger-700: color-mix(in srgb, var(--danger) 100%, black 15%);
287
- --color-danger-800: color-mix(in srgb, var(--danger) 100%, black 20%);
288
- --color-danger-900: color-mix(in srgb, var(--danger) 100%, black 25%);
289
-
290
- --color-danger-o-lighter: color-mix(in srgb, var(--danger) 8%, transparent);
291
- --color-danger-o-light: color-mix(in srgb, var(--danger) 16%, transparent);
292
- --color-danger-o-main: color-mix(in srgb, var(--danger) 24%, transparent);
293
- --color-danger-o-dark: color-mix(in srgb, var(--danger) 32%, transparent);
294
- --color-danger-o-darker: color-mix(in srgb, var(--danger) 38%, transparent);
295
-
296
- --shadow-sm-danger: 0px 2px 6px color-mix(in srgb, var(--danger) 30%, transparent);
297
- --shadow-md-danger: 0px 4px 16px color-mix(in srgb, var(--danger) 30%, transparent);
298
- --shadow-lg-danger: 0px 6px 20px color-mix(in srgb, var(--danger) 50%, transparent);
299
-
300
- --color-main: var(--main);
301
- --color-main-100: color-mix(in srgb, var(--main) 100%, var(--main-foreground) 90%);
302
- --color-main-200: color-mix(in srgb, var(--main) 100%, var(--main-foreground) 80%);
303
- --color-main-300: color-mix(in srgb, var(--main) 100%, var(--main-foreground) 70%);
304
- --color-main-400: color-mix(in srgb, var(--main) 100%, var(--main-foreground) 60%);
305
- --color-main-500: var(--gray);
306
- --color-main-600: color-mix(in srgb, var(--main) 100%, var(--main-foreground) 40%);
307
- --color-main-700: color-mix(in srgb, var(--main) 100%, var(--main-foreground) 30%);
308
- --color-main-800: color-mix(in srgb, var(--main) 100%, var(--main-foreground) 20%);
309
- --color-main-900: color-mix(in srgb, var(--main) 100%, var(--main-foreground) 10%);
310
-
311
- --color-main-o-lighter: color-mix(in srgb, var(--main) 8%, transparent);
312
- --color-main-o-light: color-mix(in srgb, var(--main) 16%, transparent);
313
- --color-main-o-main: color-mix(in srgb, var(--main) 24%, transparent);
314
- --color-main-o-dark: color-mix(in srgb, var(--main) 32%, transparent);
315
- --color-main-o-darker: color-mix(in srgb, var(--main) 38%, transparent);
316
-
317
- --shadow-sm-main: 0px 2px 6px color-mix(in srgb, var(--main) 30%, transparent);
318
- --shadow-md-main: 0px 4px 16px color-mix(in srgb, var(--main) 30%, transparent);
319
- --shadow-lg-main: 0px 6px 20px color-mix(in srgb, var(--main) 50%, transparent);
320
-
321
- --shadow-sm-light: 0px 2px 8px rgb(47 43 61 / 12%);
322
- --shadow-md-light: 0px 2px 8px rgb(47 43 61 / 30%);
323
- --shadow-lg-light: 0px 2px 8px rgb(47 43 61 / 50%);
324
-
325
- --color-snackbar: var(--snackbar);
326
- --color-paper: var(--paper);
327
- --color-table-header: var(--table-header);
328
- --color-chat-bg: var(--chat-bg);
329
- --color-track-bg: var(--track-bg);
330
- --color-grey-light: var(--grey-light);
331
-
332
- /* Animation Keyframes */
333
- --animate-spin: spin 1s linear infinite;
334
- --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
335
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
336
- --animate-bounce: bounce 1s infinite;
337
-
338
- @keyframes spin {
339
- from {
340
- transform: rotate(0deg);
341
- }
342
- to {
343
- transform: rotate(360deg);
344
- }
345
- }
346
-
347
- @keyframes ping {
348
- 75%, 100% {
349
- transform: scale(2);
350
- opacity: 0;
351
- }
352
- }
353
-
354
- @keyframes pulse {
355
- 0%, 100% {
356
- opacity: 1;
357
- }
358
- 50% {
359
- opacity: .5;
360
- }
361
- }
362
-
363
- @keyframes bounce {
364
- 0%, 100% {
365
- transform: translateY(-25%);
366
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
367
- }
368
- 50% {
369
- transform: translateY(0);
370
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
371
- }
372
- }
373
-
374
- @keyframes ripple {
375
- 0% {
376
- transform: scale(0);
377
- opacity: 0.6;
378
- }
379
- 100% {
380
- transform: scale(4);
381
- opacity: 0;
382
- }
383
- }
384
-
385
- @keyframes modal-overlay {
386
- from {
387
- opacity: 0;
388
- }
389
- to {
390
- opacity: 1;
391
- }
392
- }
393
-
394
- @keyframes modal-content {
395
- from {
396
- opacity: 0;
397
- transform: translate(-50%, -48%) scale(0.95);
398
- }
399
- to {
400
- opacity: 1;
401
- transform: translate(-50%, -50%) scale(1);
402
- }
403
- }
404
-
405
- @keyframes drawer-slide-left {
406
- from {
407
- transform: translateX(-100%);
408
- }
409
- to {
410
- transform: translateX(0);
411
- }
412
- }
413
-
414
- @keyframes drawer-slide-right {
415
- from {
416
- transform: translateX(100%);
417
- }
418
- to {
419
- transform: translateX(0);
420
- }
421
- }
422
-
423
- @keyframes drawer-slide-top {
424
- from {
425
- transform: translateY(-100%);
426
- }
427
- to {
428
- transform: translateY(0);
429
- }
430
- }
431
-
432
- @keyframes drawer-slide-bottom {
433
- from {
434
- transform: translateY(100%);
435
- }
436
- to {
437
- transform: translateY(0);
438
- }
439
- }
440
- }
441
-
442
- @layer base {
443
- * {
444
- @apply border-border outline-ring/50;
445
- }
446
-
447
- body {
448
- @apply bg-background text-foreground;
449
- font-family: var(--font-main);
450
- }
451
-
452
- button {
453
- @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;
454
- }
455
-
456
- /* Ripple Effect */
457
- .ripple {
410
+ background-color: hsl(var(--background));
411
+ color: hsl(var(--foreground));
412
+ }
413
+ .sr-only {
414
+ position: absolute;
415
+ width: 1px;
416
+ height: 1px;
417
+ padding: 0;
418
+ margin: -1px;
419
+ overflow: hidden;
420
+ clip: rect(0, 0, 0, 0);
421
+ white-space: nowrap;
422
+ border-width: 0;
423
+ }
424
+ .pointer-events-none {
425
+ pointer-events: none;
426
+ }
427
+ .visible {
428
+ visibility: visible;
429
+ }
430
+ .invisible {
431
+ visibility: hidden;
432
+ }
433
+ .fixed {
434
+ position: fixed;
435
+ }
436
+ .absolute {
437
+ position: absolute;
438
+ }
439
+ .relative {
440
+ position: relative;
441
+ }
442
+ .inset-0 {
443
+ inset: 0px;
444
+ }
445
+ .inset-x-0 {
446
+ left: 0px;
447
+ right: 0px;
448
+ }
449
+ .inset-y-0 {
450
+ top: 0px;
451
+ bottom: 0px;
452
+ }
453
+ .-bottom-12 {
454
+ bottom: -3rem;
455
+ }
456
+ .-left-12 {
457
+ left: -3rem;
458
+ }
459
+ .-right-12 {
460
+ right: -3rem;
461
+ }
462
+ .-top-12 {
463
+ top: -3rem;
464
+ }
465
+ .bottom-0 {
466
+ bottom: 0px;
467
+ }
468
+ .left-0 {
469
+ left: 0px;
470
+ }
471
+ .left-1\/2 {
472
+ left: 50%;
473
+ }
474
+ .left-2 {
475
+ left: 0.5rem;
476
+ }
477
+ .left-\[50\%\] {
478
+ left: 50%;
479
+ }
480
+ .right-0 {
481
+ right: 0px;
482
+ }
483
+ .right-1 {
484
+ right: 0.25rem;
485
+ }
486
+ .right-3 {
487
+ right: 0.75rem;
488
+ }
489
+ .right-4 {
490
+ right: 1rem;
491
+ }
492
+ .top-0 {
493
+ top: 0px;
494
+ }
495
+ .top-1\.5 {
496
+ top: 0.375rem;
497
+ }
498
+ .top-1\/2 {
499
+ top: 50%;
500
+ }
501
+ .top-3\.5 {
502
+ top: 0.875rem;
503
+ }
504
+ .top-4 {
505
+ top: 1rem;
506
+ }
507
+ .top-\[1px\] {
508
+ top: 1px;
509
+ }
510
+ .top-\[50\%\] {
511
+ top: 50%;
512
+ }
513
+ .top-\[60\%\] {
514
+ top: 60%;
515
+ }
516
+ .top-full {
517
+ top: 100%;
518
+ }
519
+ .z-10 {
520
+ z-index: 10;
521
+ }
522
+ .z-20 {
523
+ z-index: 20;
524
+ }
525
+ .z-50 {
526
+ z-index: 50;
527
+ }
528
+ .z-\[1\] {
529
+ z-index: 1;
530
+ }
531
+ .order-first {
532
+ order: -9999;
533
+ }
534
+ .order-last {
535
+ order: 9999;
536
+ }
537
+ .\!m-0 {
538
+ margin: 0px !important;
539
+ }
540
+ .-mx-1 {
541
+ margin-left: -0.25rem;
542
+ margin-right: -0.25rem;
543
+ }
544
+ .-my-2 {
545
+ margin-top: -0.5rem;
546
+ margin-bottom: -0.5rem;
547
+ }
548
+ .mx-2 {
549
+ margin-left: 0.5rem;
550
+ margin-right: 0.5rem;
551
+ }
552
+ .mx-3\.5 {
553
+ margin-left: 0.875rem;
554
+ margin-right: 0.875rem;
555
+ }
556
+ .mx-auto {
557
+ margin-left: auto;
558
+ margin-right: auto;
559
+ }
560
+ .my-0 {
561
+ margin-top: 0px;
562
+ margin-bottom: 0px;
563
+ }
564
+ .my-0\.5 {
565
+ margin-top: 0.125rem;
566
+ margin-bottom: 0.125rem;
567
+ }
568
+ .my-1 {
569
+ margin-top: 0.25rem;
570
+ margin-bottom: 0.25rem;
571
+ }
572
+ .-ml-4 {
573
+ margin-left: -1rem;
574
+ }
575
+ .-mt-4 {
576
+ margin-top: -1rem;
577
+ }
578
+ .mb-1 {
579
+ margin-bottom: 0.25rem;
580
+ }
581
+ .mb-2 {
582
+ margin-bottom: 0.5rem;
583
+ }
584
+ .mb-3 {
585
+ margin-bottom: 0.75rem;
586
+ }
587
+ .ml-1 {
588
+ margin-left: 0.25rem;
589
+ }
590
+ .ml-4 {
591
+ margin-left: 1rem;
592
+ }
593
+ .ml-auto {
594
+ margin-left: auto;
595
+ }
596
+ .mr-2 {
597
+ margin-right: 0.5rem;
598
+ }
599
+ .mt-1\.5 {
600
+ margin-top: 0.375rem;
601
+ }
602
+ .mt-2 {
603
+ margin-top: 0.5rem;
604
+ }
605
+ .mt-24 {
606
+ margin-top: 6rem;
607
+ }
608
+ .mt-4 {
609
+ margin-top: 1rem;
610
+ }
611
+ .mt-auto {
612
+ margin-top: auto;
613
+ }
614
+ .line-clamp-2 {
615
+ overflow: hidden;
616
+ display: -webkit-box;
617
+ -webkit-box-orient: vertical;
618
+ -webkit-line-clamp: 2;
619
+ }
620
+ .block {
621
+ display: block;
622
+ }
623
+ .flex {
624
+ display: flex;
625
+ }
626
+ .inline-flex {
627
+ display: inline-flex;
628
+ }
629
+ .table {
630
+ display: table;
631
+ }
632
+ .grid {
633
+ display: grid;
634
+ }
635
+ .hidden {
636
+ display: none;
637
+ }
638
+ .aspect-square {
639
+ aspect-ratio: 1 / 1;
640
+ }
641
+ .aspect-video {
642
+ aspect-ratio: 16 / 9;
643
+ }
644
+ .size-10 {
645
+ width: 2.5rem;
646
+ height: 2.5rem;
647
+ }
648
+ .size-3 {
649
+ width: 0.75rem;
650
+ height: 0.75rem;
651
+ }
652
+ .size-3\.5 {
653
+ width: 0.875rem;
654
+ height: 0.875rem;
655
+ }
656
+ .size-4 {
657
+ width: 1rem;
658
+ height: 1rem;
659
+ }
660
+ .size-6 {
661
+ width: 1.5rem;
662
+ height: 1.5rem;
663
+ }
664
+ .size-8 {
665
+ width: 2rem;
666
+ height: 2rem;
667
+ }
668
+ .size-\[--cell-size\] {
669
+ width: var(--cell-size);
670
+ height: var(--cell-size);
671
+ }
672
+ .h-1\.5 {
673
+ height: 0.375rem;
674
+ }
675
+ .h-10 {
676
+ height: 2.5rem;
677
+ }
678
+ .h-11 {
679
+ height: 2.75rem;
680
+ }
681
+ .h-12 {
682
+ height: 3rem;
683
+ }
684
+ .h-2 {
685
+ height: 0.5rem;
686
+ }
687
+ .h-2\.5 {
688
+ height: 0.625rem;
689
+ }
690
+ .h-3 {
691
+ height: 0.75rem;
692
+ }
693
+ .h-3\.5 {
694
+ height: 0.875rem;
695
+ }
696
+ .h-4 {
697
+ height: 1rem;
698
+ }
699
+ .h-5 {
700
+ height: 1.25rem;
701
+ }
702
+ .h-6 {
703
+ height: 1.5rem;
704
+ }
705
+ .h-7 {
706
+ height: 1.75rem;
707
+ }
708
+ .h-8 {
709
+ height: 2rem;
710
+ }
711
+ .h-9 {
712
+ height: 2.25rem;
713
+ }
714
+ .h-\[--cell-size\] {
715
+ height: var(--cell-size);
716
+ }
717
+ .h-\[1px\] {
718
+ height: 1px;
719
+ }
720
+ .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
721
+ height: var(--radix-navigation-menu-viewport-height);
722
+ }
723
+ .h-\[var\(--radix-select-trigger-height\)\] {
724
+ height: var(--radix-select-trigger-height);
725
+ }
726
+ .h-auto {
727
+ height: auto;
728
+ }
729
+ .h-full {
730
+ height: 100%;
731
+ }
732
+ .h-px {
733
+ height: 1px;
734
+ }
735
+ .h-svh {
736
+ height: 100svh;
737
+ }
738
+ .max-h-\[--radix-context-menu-content-available-height\] {
739
+ max-height: var(--radix-context-menu-content-available-height);
740
+ }
741
+ .max-h-\[--radix-select-content-available-height\] {
742
+ max-height: var(--radix-select-content-available-height);
743
+ }
744
+ .max-h-\[300px\] {
745
+ max-height: 300px;
746
+ }
747
+ .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
748
+ max-height: var(--radix-dropdown-menu-content-available-height);
749
+ }
750
+ .min-h-0 {
751
+ min-height: 0px;
752
+ }
753
+ .min-h-\[80px\] {
754
+ min-height: 80px;
755
+ }
756
+ .min-h-svh {
757
+ min-height: 100svh;
758
+ }
759
+ .w-0 {
760
+ width: 0px;
761
+ }
762
+ .w-1 {
763
+ width: 0.25rem;
764
+ }
765
+ .w-10 {
766
+ width: 2.5rem;
767
+ }
768
+ .w-11 {
769
+ width: 2.75rem;
770
+ }
771
+ .w-2 {
772
+ width: 0.5rem;
773
+ }
774
+ .w-2\.5 {
775
+ width: 0.625rem;
776
+ }
777
+ .w-3 {
778
+ width: 0.75rem;
779
+ }
780
+ .w-3\.5 {
781
+ width: 0.875rem;
782
+ }
783
+ .w-3\/4 {
784
+ width: 75%;
785
+ }
786
+ .w-4 {
787
+ width: 1rem;
788
+ }
789
+ .w-5 {
790
+ width: 1.25rem;
791
+ }
792
+ .w-64 {
793
+ width: 16rem;
794
+ }
795
+ .w-7 {
796
+ width: 1.75rem;
797
+ }
798
+ .w-72 {
799
+ width: 18rem;
800
+ }
801
+ .w-8 {
802
+ width: 2rem;
803
+ }
804
+ .w-9 {
805
+ width: 2.25rem;
806
+ }
807
+ .w-\[--cell-size\] {
808
+ width: var(--cell-size);
809
+ }
810
+ .w-\[--sidebar-width\] {
811
+ width: var(--sidebar-width);
812
+ }
813
+ .w-\[100px\] {
814
+ width: 100px;
815
+ }
816
+ .w-\[1px\] {
817
+ width: 1px;
818
+ }
819
+ .w-auto {
820
+ width: auto;
821
+ }
822
+ .w-fit {
823
+ width: -moz-fit-content;
824
+ width: fit-content;
825
+ }
826
+ .w-full {
827
+ width: 100%;
828
+ }
829
+ .w-max {
830
+ width: -moz-max-content;
831
+ width: max-content;
832
+ }
833
+ .w-px {
834
+ width: 1px;
835
+ }
836
+ .min-w-0 {
837
+ min-width: 0px;
838
+ }
839
+ .min-w-10 {
840
+ min-width: 2.5rem;
841
+ }
842
+ .min-w-11 {
843
+ min-width: 2.75rem;
844
+ }
845
+ .min-w-5 {
846
+ min-width: 1.25rem;
847
+ }
848
+ .min-w-9 {
849
+ min-width: 2.25rem;
850
+ }
851
+ .min-w-\[--cell-size\] {
852
+ min-width: var(--cell-size);
853
+ }
854
+ .min-w-\[12rem\] {
855
+ min-width: 12rem;
856
+ }
857
+ .min-w-\[8rem\] {
858
+ min-width: 8rem;
859
+ }
860
+ .min-w-\[var\(--radix-select-trigger-width\)\] {
861
+ min-width: var(--radix-select-trigger-width);
862
+ }
863
+ .max-w-\[--skeleton-width\] {
864
+ max-width: var(--skeleton-width);
865
+ }
866
+ .max-w-lg {
867
+ max-width: 32rem;
868
+ }
869
+ .max-w-max {
870
+ max-width: -moz-max-content;
871
+ max-width: max-content;
872
+ }
873
+ .max-w-sm {
874
+ max-width: 24rem;
875
+ }
876
+ .flex-1 {
877
+ flex: 1 1 0%;
878
+ }
879
+ .shrink-0 {
880
+ flex-shrink: 0;
881
+ }
882
+ .grow {
883
+ flex-grow: 1;
884
+ }
885
+ .grow-0 {
886
+ flex-grow: 0;
887
+ }
888
+ .basis-full {
889
+ flex-basis: 100%;
890
+ }
891
+ .caption-bottom {
892
+ caption-side: bottom;
893
+ }
894
+ .border-collapse {
895
+ border-collapse: collapse;
896
+ }
897
+ .origin-\[--radix-context-menu-content-transform-origin\] {
898
+ transform-origin: var(--radix-context-menu-content-transform-origin);
899
+ }
900
+ .origin-\[--radix-dropdown-menu-content-transform-origin\] {
901
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
902
+ }
903
+ .origin-\[--radix-hover-card-content-transform-origin\] {
904
+ transform-origin: var(--radix-hover-card-content-transform-origin);
905
+ }
906
+ .origin-\[--radix-menubar-content-transform-origin\] {
907
+ transform-origin: var(--radix-menubar-content-transform-origin);
908
+ }
909
+ .origin-\[--radix-popover-content-transform-origin\] {
910
+ transform-origin: var(--radix-popover-content-transform-origin);
911
+ }
912
+ .origin-\[--radix-select-content-transform-origin\] {
913
+ transform-origin: var(--radix-select-content-transform-origin);
914
+ }
915
+ .origin-\[--radix-tooltip-content-transform-origin\] {
916
+ transform-origin: var(--radix-tooltip-content-transform-origin);
917
+ }
918
+ .-translate-x-1\/2 {
919
+ --tw-translate-x: -50%;
920
+ 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));
921
+ }
922
+ .-translate-x-px {
923
+ --tw-translate-x: -1px;
924
+ 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));
925
+ }
926
+ .-translate-y-1\/2 {
927
+ --tw-translate-y: -50%;
928
+ 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));
929
+ }
930
+ .translate-x-\[-50\%\] {
931
+ --tw-translate-x: -50%;
932
+ 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));
933
+ }
934
+ .translate-x-px {
935
+ --tw-translate-x: 1px;
936
+ 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));
937
+ }
938
+ .translate-y-\[-50\%\] {
939
+ --tw-translate-y: -50%;
940
+ 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));
941
+ }
942
+ .rotate-45 {
943
+ --tw-rotate: 45deg;
944
+ 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));
945
+ }
946
+ .rotate-90 {
947
+ --tw-rotate: 90deg;
948
+ 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));
949
+ }
950
+ .transform {
951
+ 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));
952
+ }
953
+ @keyframes pulse {
954
+ 50% {
955
+ opacity: .5;
956
+ }
957
+ }
958
+ .animate-pulse {
959
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
960
+ }
961
+ @keyframes spin {
962
+ to {
963
+ transform: rotate(360deg);
964
+ }
965
+ }
966
+ .animate-spin {
967
+ animation: spin 1s linear infinite;
968
+ }
969
+ .cursor-default {
970
+ cursor: default;
971
+ }
972
+ .cursor-pointer {
973
+ cursor: pointer;
974
+ }
975
+ .cursor-text {
976
+ cursor: text;
977
+ }
978
+ .touch-none {
979
+ touch-action: none;
980
+ }
981
+ .select-none {
982
+ -webkit-user-select: none;
983
+ -moz-user-select: none;
984
+ user-select: none;
985
+ }
986
+ .resize-none {
987
+ resize: none;
988
+ }
989
+ .list-disc {
990
+ list-style-type: disc;
991
+ }
992
+ .list-none {
993
+ list-style-type: none;
994
+ }
995
+ .flex-row {
996
+ flex-direction: row;
997
+ }
998
+ .flex-col {
999
+ flex-direction: column;
1000
+ }
1001
+ .flex-col-reverse {
1002
+ flex-direction: column-reverse;
1003
+ }
1004
+ .flex-wrap {
1005
+ flex-wrap: wrap;
1006
+ }
1007
+ .place-content-center {
1008
+ place-content: center;
1009
+ }
1010
+ .items-start {
1011
+ align-items: flex-start;
1012
+ }
1013
+ .items-end {
1014
+ align-items: flex-end;
1015
+ }
1016
+ .items-center {
1017
+ align-items: center;
1018
+ }
1019
+ .items-stretch {
1020
+ align-items: stretch;
1021
+ }
1022
+ .justify-start {
1023
+ justify-content: flex-start;
1024
+ }
1025
+ .justify-center {
1026
+ justify-content: center;
1027
+ }
1028
+ .justify-between {
1029
+ justify-content: space-between;
1030
+ }
1031
+ .gap-1 {
1032
+ gap: 0.25rem;
1033
+ }
1034
+ .gap-1\.5 {
1035
+ gap: 0.375rem;
1036
+ }
1037
+ .gap-2 {
1038
+ gap: 0.5rem;
1039
+ }
1040
+ .gap-2\.5 {
1041
+ gap: 0.625rem;
1042
+ }
1043
+ .gap-3 {
1044
+ gap: 0.75rem;
1045
+ }
1046
+ .gap-4 {
1047
+ gap: 1rem;
1048
+ }
1049
+ .gap-6 {
1050
+ gap: 1.5rem;
1051
+ }
1052
+ .gap-7 {
1053
+ gap: 1.75rem;
1054
+ }
1055
+ .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1056
+ --tw-space-x-reverse: 0;
1057
+ margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1058
+ margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1059
+ }
1060
+ .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1061
+ --tw-space-y-reverse: 0;
1062
+ margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1063
+ margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1064
+ }
1065
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1066
+ --tw-space-y-reverse: 0;
1067
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1068
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1069
+ }
1070
+ .self-stretch {
1071
+ align-self: stretch;
1072
+ }
1073
+ .overflow-auto {
1074
+ overflow: auto;
1075
+ }
1076
+ .overflow-hidden {
1077
+ overflow: hidden;
1078
+ }
1079
+ .overflow-y-auto {
1080
+ overflow-y: auto;
1081
+ }
1082
+ .overflow-x-hidden {
1083
+ overflow-x: hidden;
1084
+ }
1085
+ .whitespace-nowrap {
1086
+ white-space: nowrap;
1087
+ }
1088
+ .text-balance {
1089
+ text-wrap: balance;
1090
+ }
1091
+ .break-words {
1092
+ overflow-wrap: break-word;
1093
+ }
1094
+ .rounded-\[2px\] {
1095
+ border-radius: 2px;
1096
+ }
1097
+ .rounded-\[calc\(var\(--radius\)-5px\)\] {
1098
+ border-radius: calc(var(--radius) - 5px);
1099
+ }
1100
+ .rounded-\[inherit\] {
1101
+ border-radius: inherit;
1102
+ }
1103
+ .rounded-full {
1104
+ border-radius: 9999px;
1105
+ }
1106
+ .rounded-lg {
1107
+ border-radius: var(--radius);
1108
+ }
1109
+ .rounded-md {
1110
+ border-radius: calc(var(--radius) - 2px);
1111
+ }
1112
+ .rounded-none {
1113
+ border-radius: 0px;
1114
+ }
1115
+ .rounded-sm {
1116
+ border-radius: calc(var(--radius) - 4px);
1117
+ }
1118
+ .rounded-l-md {
1119
+ border-top-left-radius: calc(var(--radius) - 2px);
1120
+ border-bottom-left-radius: calc(var(--radius) - 2px);
1121
+ }
1122
+ .rounded-r-md {
1123
+ border-top-right-radius: calc(var(--radius) - 2px);
1124
+ border-bottom-right-radius: calc(var(--radius) - 2px);
1125
+ }
1126
+ .rounded-t-\[10px\] {
1127
+ border-top-left-radius: 10px;
1128
+ border-top-right-radius: 10px;
1129
+ }
1130
+ .rounded-tl-sm {
1131
+ border-top-left-radius: calc(var(--radius) - 4px);
1132
+ }
1133
+ .border {
1134
+ border-width: 1px;
1135
+ }
1136
+ .border-0 {
1137
+ border-width: 0px;
1138
+ }
1139
+ .border-2 {
1140
+ border-width: 2px;
1141
+ }
1142
+ .border-\[1\.5px\] {
1143
+ border-width: 1.5px;
1144
+ }
1145
+ .border-y {
1146
+ border-top-width: 1px;
1147
+ border-bottom-width: 1px;
1148
+ }
1149
+ .border-b {
1150
+ border-bottom-width: 1px;
1151
+ }
1152
+ .border-l {
1153
+ border-left-width: 1px;
1154
+ }
1155
+ .border-r {
1156
+ border-right-width: 1px;
1157
+ }
1158
+ .border-t {
1159
+ border-top-width: 1px;
1160
+ }
1161
+ .border-dashed {
1162
+ border-style: dashed;
1163
+ }
1164
+ .border-\[--color-border\] {
1165
+ border-color: var(--color-border);
1166
+ }
1167
+ .border-border {
1168
+ border-color: hsl(var(--border));
1169
+ }
1170
+ .border-border\/50 {
1171
+ border-color: hsl(var(--border) / 0.5);
1172
+ }
1173
+ .border-destructive\/50 {
1174
+ border-color: hsl(var(--destructive) / 0.5);
1175
+ }
1176
+ .border-input {
1177
+ border-color: hsl(var(--input));
1178
+ }
1179
+ .border-primary {
1180
+ border-color: hsl(var(--primary));
1181
+ }
1182
+ .border-sidebar-border {
1183
+ border-color: hsl(var(--sidebar-border));
1184
+ }
1185
+ .border-transparent {
1186
+ border-color: transparent;
1187
+ }
1188
+ .border-l-transparent {
1189
+ border-left-color: transparent;
1190
+ }
1191
+ .border-t-transparent {
1192
+ border-top-color: transparent;
1193
+ }
1194
+ .bg-\[--color-bg\] {
1195
+ background-color: var(--color-bg);
1196
+ }
1197
+ .bg-accent {
1198
+ background-color: hsl(var(--accent));
1199
+ }
1200
+ .bg-background {
1201
+ background-color: hsl(var(--background));
1202
+ }
1203
+ .bg-black\/80 {
1204
+ background-color: rgb(0 0 0 / 0.8);
1205
+ }
1206
+ .bg-border {
1207
+ background-color: hsl(var(--border));
1208
+ }
1209
+ .bg-card {
1210
+ background-color: hsl(var(--card));
1211
+ }
1212
+ .bg-destructive {
1213
+ background-color: hsl(var(--destructive));
1214
+ }
1215
+ .bg-foreground {
1216
+ background-color: hsl(var(--foreground));
1217
+ }
1218
+ .bg-input {
1219
+ background-color: hsl(var(--input));
1220
+ }
1221
+ .bg-muted {
1222
+ background-color: hsl(var(--muted));
1223
+ }
1224
+ .bg-muted\/50 {
1225
+ background-color: hsl(var(--muted) / 0.5);
1226
+ }
1227
+ .bg-popover {
1228
+ background-color: hsl(var(--popover));
1229
+ }
1230
+ .bg-primary {
1231
+ background-color: hsl(var(--primary));
1232
+ }
1233
+ .bg-secondary {
1234
+ background-color: hsl(var(--secondary));
1235
+ }
1236
+ .bg-sidebar {
1237
+ background-color: hsl(var(--sidebar-background));
1238
+ }
1239
+ .bg-sidebar-border {
1240
+ background-color: hsl(var(--sidebar-border));
1241
+ }
1242
+ .bg-transparent {
1243
+ background-color: transparent;
1244
+ }
1245
+ .fill-current {
1246
+ fill: currentColor;
1247
+ }
1248
+ .p-0 {
1249
+ padding: 0px;
1250
+ }
1251
+ .p-1 {
1252
+ padding: 0.25rem;
1253
+ }
1254
+ .p-2 {
1255
+ padding: 0.5rem;
1256
+ }
1257
+ .p-3 {
1258
+ padding: 0.75rem;
1259
+ }
1260
+ .p-4 {
1261
+ padding: 1rem;
1262
+ }
1263
+ .p-6 {
1264
+ padding: 1.5rem;
1265
+ }
1266
+ .p-\[1px\] {
1267
+ padding: 1px;
1268
+ }
1269
+ .px-1 {
1270
+ padding-left: 0.25rem;
1271
+ padding-right: 0.25rem;
1272
+ }
1273
+ .px-2 {
1274
+ padding-left: 0.5rem;
1275
+ padding-right: 0.5rem;
1276
+ }
1277
+ .px-2\.5 {
1278
+ padding-left: 0.625rem;
1279
+ padding-right: 0.625rem;
1280
+ }
1281
+ .px-3 {
1282
+ padding-left: 0.75rem;
1283
+ padding-right: 0.75rem;
1284
+ }
1285
+ .px-4 {
1286
+ padding-left: 1rem;
1287
+ padding-right: 1rem;
1288
+ }
1289
+ .px-5 {
1290
+ padding-left: 1.25rem;
1291
+ padding-right: 1.25rem;
1292
+ }
1293
+ .px-8 {
1294
+ padding-left: 2rem;
1295
+ padding-right: 2rem;
1296
+ }
1297
+ .px-\[--cell-size\] {
1298
+ padding-left: var(--cell-size);
1299
+ padding-right: var(--cell-size);
1300
+ }
1301
+ .py-0\.5 {
1302
+ padding-top: 0.125rem;
1303
+ padding-bottom: 0.125rem;
1304
+ }
1305
+ .py-1 {
1306
+ padding-top: 0.25rem;
1307
+ padding-bottom: 0.25rem;
1308
+ }
1309
+ .py-1\.5 {
1310
+ padding-top: 0.375rem;
1311
+ padding-bottom: 0.375rem;
1312
+ }
1313
+ .py-2 {
1314
+ padding-top: 0.5rem;
1315
+ padding-bottom: 0.5rem;
1316
+ }
1317
+ .py-3 {
1318
+ padding-top: 0.75rem;
1319
+ padding-bottom: 0.75rem;
1320
+ }
1321
+ .py-4 {
1322
+ padding-top: 1rem;
1323
+ padding-bottom: 1rem;
1324
+ }
1325
+ .py-6 {
1326
+ padding-top: 1.5rem;
1327
+ padding-bottom: 1.5rem;
1328
+ }
1329
+ .pb-3 {
1330
+ padding-bottom: 0.75rem;
1331
+ }
1332
+ .pb-4 {
1333
+ padding-bottom: 1rem;
1334
+ }
1335
+ .pl-2 {
1336
+ padding-left: 0.5rem;
1337
+ }
1338
+ .pl-2\.5 {
1339
+ padding-left: 0.625rem;
1340
+ }
1341
+ .pl-3 {
1342
+ padding-left: 0.75rem;
1343
+ }
1344
+ .pl-4 {
1345
+ padding-left: 1rem;
1346
+ }
1347
+ .pl-8 {
1348
+ padding-left: 2rem;
1349
+ }
1350
+ .pr-1 {
1351
+ padding-right: 0.25rem;
1352
+ }
1353
+ .pr-2 {
1354
+ padding-right: 0.5rem;
1355
+ }
1356
+ .pr-2\.5 {
1357
+ padding-right: 0.625rem;
1358
+ }
1359
+ .pr-3 {
1360
+ padding-right: 0.75rem;
1361
+ }
1362
+ .pt-0 {
1363
+ padding-top: 0px;
1364
+ }
1365
+ .pt-3 {
1366
+ padding-top: 0.75rem;
1367
+ }
1368
+ .pt-4 {
1369
+ padding-top: 1rem;
1370
+ }
1371
+ .text-left {
1372
+ text-align: left;
1373
+ }
1374
+ .text-center {
1375
+ text-align: center;
1376
+ }
1377
+ .align-middle {
1378
+ vertical-align: middle;
1379
+ }
1380
+ .font-mono {
1381
+ font-family:
1382
+ ui-monospace,
1383
+ SFMono-Regular,
1384
+ Menlo,
1385
+ Monaco,
1386
+ Consolas,
1387
+ "Liberation Mono",
1388
+ "Courier New",
1389
+ monospace;
1390
+ }
1391
+ .font-sans {
1392
+ font-family:
1393
+ ui-sans-serif,
1394
+ system-ui,
1395
+ sans-serif,
1396
+ "Apple Color Emoji",
1397
+ "Segoe UI Emoji",
1398
+ "Segoe UI Symbol",
1399
+ "Noto Color Emoji";
1400
+ }
1401
+ .text-2xl {
1402
+ font-size: 1.5rem;
1403
+ line-height: 2rem;
1404
+ }
1405
+ .text-\[0\.8rem\] {
1406
+ font-size: 0.8rem;
1407
+ }
1408
+ .text-base {
1409
+ font-size: 1rem;
1410
+ line-height: 1.5rem;
1411
+ }
1412
+ .text-lg {
1413
+ font-size: 1.125rem;
1414
+ line-height: 1.75rem;
1415
+ }
1416
+ .text-sm {
1417
+ font-size: 0.875rem;
1418
+ line-height: 1.25rem;
1419
+ }
1420
+ .text-sm\/relaxed {
1421
+ font-size: 0.875rem;
1422
+ line-height: 1.625;
1423
+ }
1424
+ .text-xs {
1425
+ font-size: 0.75rem;
1426
+ line-height: 1rem;
1427
+ }
1428
+ .font-medium {
1429
+ font-weight: 500;
1430
+ }
1431
+ .font-normal {
1432
+ font-weight: 400;
1433
+ }
1434
+ .font-semibold {
1435
+ font-weight: 600;
1436
+ }
1437
+ .tabular-nums {
1438
+ --tw-numeric-spacing: tabular-nums;
1439
+ font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1440
+ }
1441
+ .leading-none {
1442
+ line-height: 1;
1443
+ }
1444
+ .leading-normal {
1445
+ line-height: 1.5;
1446
+ }
1447
+ .leading-snug {
1448
+ line-height: 1.375;
1449
+ }
1450
+ .tracking-tight {
1451
+ letter-spacing: -0.025em;
1452
+ }
1453
+ .tracking-widest {
1454
+ letter-spacing: 0.1em;
1455
+ }
1456
+ .text-accent-foreground {
1457
+ color: hsl(var(--accent-foreground));
1458
+ }
1459
+ .text-card-foreground {
1460
+ color: hsl(var(--card-foreground));
1461
+ }
1462
+ .text-current {
1463
+ color: currentColor;
1464
+ }
1465
+ .text-destructive {
1466
+ color: hsl(var(--destructive));
1467
+ }
1468
+ .text-destructive-foreground {
1469
+ color: hsl(var(--destructive-foreground));
1470
+ }
1471
+ .text-foreground {
1472
+ color: hsl(var(--foreground));
1473
+ }
1474
+ .text-muted-foreground {
1475
+ color: hsl(var(--muted-foreground));
1476
+ }
1477
+ .text-popover-foreground {
1478
+ color: hsl(var(--popover-foreground));
1479
+ }
1480
+ .text-primary {
1481
+ color: hsl(var(--primary));
1482
+ }
1483
+ .text-primary-foreground {
1484
+ color: hsl(var(--primary-foreground));
1485
+ }
1486
+ .text-secondary-foreground {
1487
+ color: hsl(var(--secondary-foreground));
1488
+ }
1489
+ .text-sidebar-foreground {
1490
+ color: hsl(var(--sidebar-foreground));
1491
+ }
1492
+ .text-sidebar-foreground\/70 {
1493
+ color: hsl(var(--sidebar-foreground) / 0.7);
1494
+ }
1495
+ .underline-offset-4 {
1496
+ text-underline-offset: 4px;
1497
+ }
1498
+ .opacity-0 {
1499
+ opacity: 0;
1500
+ }
1501
+ .opacity-50 {
1502
+ opacity: 0.5;
1503
+ }
1504
+ .opacity-60 {
1505
+ opacity: 0.6;
1506
+ }
1507
+ .opacity-70 {
1508
+ opacity: 0.7;
1509
+ }
1510
+ .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
1511
+ --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
1512
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
1513
+ box-shadow:
1514
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1515
+ var(--tw-ring-shadow, 0 0 #0000),
1516
+ var(--tw-shadow);
1517
+ }
1518
+ .shadow-lg {
1519
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1520
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1521
+ box-shadow:
1522
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1523
+ var(--tw-ring-shadow, 0 0 #0000),
1524
+ var(--tw-shadow);
1525
+ }
1526
+ .shadow-md {
1527
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1528
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1529
+ box-shadow:
1530
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1531
+ var(--tw-ring-shadow, 0 0 #0000),
1532
+ var(--tw-shadow);
1533
+ }
1534
+ .shadow-none {
1535
+ --tw-shadow: 0 0 #0000;
1536
+ --tw-shadow-colored: 0 0 #0000;
1537
+ box-shadow:
1538
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1539
+ var(--tw-ring-shadow, 0 0 #0000),
1540
+ var(--tw-shadow);
1541
+ }
1542
+ .shadow-sm {
1543
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1544
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1545
+ box-shadow:
1546
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1547
+ var(--tw-ring-shadow, 0 0 #0000),
1548
+ var(--tw-shadow);
1549
+ }
1550
+ .shadow-xl {
1551
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1552
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1553
+ box-shadow:
1554
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1555
+ var(--tw-ring-shadow, 0 0 #0000),
1556
+ var(--tw-shadow);
1557
+ }
1558
+ .outline-none {
1559
+ outline: 2px solid transparent;
1560
+ outline-offset: 2px;
1561
+ }
1562
+ .outline {
1563
+ outline-style: solid;
1564
+ }
1565
+ .ring-0 {
1566
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1567
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1568
+ box-shadow:
1569
+ var(--tw-ring-offset-shadow),
1570
+ var(--tw-ring-shadow),
1571
+ var(--tw-shadow, 0 0 #0000);
1572
+ }
1573
+ .ring-2 {
1574
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1575
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1576
+ box-shadow:
1577
+ var(--tw-ring-offset-shadow),
1578
+ var(--tw-ring-shadow),
1579
+ var(--tw-shadow, 0 0 #0000);
1580
+ }
1581
+ .ring-ring {
1582
+ --tw-ring-color: hsl(var(--ring));
1583
+ }
1584
+ .ring-sidebar-ring {
1585
+ --tw-ring-color: hsl(var(--sidebar-ring));
1586
+ }
1587
+ .ring-offset-background {
1588
+ --tw-ring-offset-color: hsl(var(--background));
1589
+ }
1590
+ .filter {
1591
+ 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);
1592
+ }
1593
+ .transition {
1594
+ transition-property:
1595
+ color,
1596
+ background-color,
1597
+ border-color,
1598
+ text-decoration-color,
1599
+ fill,
1600
+ stroke,
1601
+ opacity,
1602
+ box-shadow,
1603
+ transform,
1604
+ filter,
1605
+ backdrop-filter;
1606
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1607
+ transition-duration: 150ms;
1608
+ }
1609
+ .transition-\[color\,box-shadow\] {
1610
+ transition-property: color, box-shadow;
1611
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1612
+ transition-duration: 150ms;
1613
+ }
1614
+ .transition-\[left\,right\,width\] {
1615
+ transition-property:
1616
+ left,
1617
+ right,
1618
+ width;
1619
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1620
+ transition-duration: 150ms;
1621
+ }
1622
+ .transition-\[margin\,opacity\] {
1623
+ transition-property: margin, opacity;
1624
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1625
+ transition-duration: 150ms;
1626
+ }
1627
+ .transition-\[width\,height\,padding\] {
1628
+ transition-property:
1629
+ width,
1630
+ height,
1631
+ padding;
1632
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1633
+ transition-duration: 150ms;
1634
+ }
1635
+ .transition-\[width\] {
1636
+ transition-property: width;
1637
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1638
+ transition-duration: 150ms;
1639
+ }
1640
+ .transition-all {
1641
+ transition-property: all;
1642
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1643
+ transition-duration: 150ms;
1644
+ }
1645
+ .transition-colors {
1646
+ transition-property:
1647
+ color,
1648
+ background-color,
1649
+ border-color,
1650
+ text-decoration-color,
1651
+ fill,
1652
+ stroke;
1653
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1654
+ transition-duration: 150ms;
1655
+ }
1656
+ .transition-opacity {
1657
+ transition-property: opacity;
1658
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1659
+ transition-duration: 150ms;
1660
+ }
1661
+ .transition-transform {
1662
+ transition-property: transform;
1663
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1664
+ transition-duration: 150ms;
1665
+ }
1666
+ .duration-100 {
1667
+ transition-duration: 100ms;
1668
+ }
1669
+ .duration-1000 {
1670
+ transition-duration: 1000ms;
1671
+ }
1672
+ .duration-200 {
1673
+ transition-duration: 200ms;
1674
+ }
1675
+ .ease-in-out {
1676
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1677
+ }
1678
+ .ease-linear {
1679
+ transition-timing-function: linear;
1680
+ }
1681
+ @keyframes enter {
1682
+ from {
1683
+ opacity: var(--tw-enter-opacity, 1);
1684
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
1685
+ }
1686
+ }
1687
+ @keyframes exit {
1688
+ to {
1689
+ opacity: var(--tw-exit-opacity, 1);
1690
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
1691
+ }
1692
+ }
1693
+ .animate-in {
1694
+ animation-name: enter;
1695
+ animation-duration: 150ms;
1696
+ --tw-enter-opacity: initial;
1697
+ --tw-enter-scale: initial;
1698
+ --tw-enter-rotate: initial;
1699
+ --tw-enter-translate-x: initial;
1700
+ --tw-enter-translate-y: initial;
1701
+ }
1702
+ .fade-in-0 {
1703
+ --tw-enter-opacity: 0;
1704
+ }
1705
+ .fade-in-80 {
1706
+ --tw-enter-opacity: 0.8;
1707
+ }
1708
+ .zoom-in-95 {
1709
+ --tw-enter-scale: .95;
1710
+ }
1711
+ .duration-100 {
1712
+ animation-duration: 100ms;
1713
+ }
1714
+ .duration-1000 {
1715
+ animation-duration: 1000ms;
1716
+ }
1717
+ .duration-200 {
1718
+ animation-duration: 200ms;
1719
+ }
1720
+ .ease-in-out {
1721
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1722
+ }
1723
+ .ease-linear {
1724
+ animation-timing-function: linear;
1725
+ }
1726
+ .\[--cell-size\:2rem\] {
1727
+ --cell-size: 2rem;
1728
+ }
1729
+ .file\:border-0::file-selector-button {
1730
+ border-width: 0px;
1731
+ }
1732
+ .file\:bg-transparent::file-selector-button {
1733
+ background-color: transparent;
1734
+ }
1735
+ .file\:text-sm::file-selector-button {
1736
+ font-size: 0.875rem;
1737
+ line-height: 1.25rem;
1738
+ }
1739
+ .file\:font-medium::file-selector-button {
1740
+ font-weight: 500;
1741
+ }
1742
+ .file\:text-foreground::file-selector-button {
1743
+ color: hsl(var(--foreground));
1744
+ }
1745
+ .placeholder\:text-muted-foreground::-moz-placeholder {
1746
+ color: hsl(var(--muted-foreground));
1747
+ }
1748
+ .placeholder\:text-muted-foreground::placeholder {
1749
+ color: hsl(var(--muted-foreground));
1750
+ }
1751
+ .after\:absolute::after {
1752
+ content: var(--tw-content);
1753
+ position: absolute;
1754
+ }
1755
+ .after\:-inset-2::after {
1756
+ content: var(--tw-content);
1757
+ inset: -0.5rem;
1758
+ }
1759
+ .after\:inset-y-0::after {
1760
+ content: var(--tw-content);
1761
+ top: 0px;
1762
+ bottom: 0px;
1763
+ }
1764
+ .after\:left-1\/2::after {
1765
+ content: var(--tw-content);
1766
+ left: 50%;
1767
+ }
1768
+ .after\:w-1::after {
1769
+ content: var(--tw-content);
1770
+ width: 0.25rem;
1771
+ }
1772
+ .after\:w-\[2px\]::after {
1773
+ content: var(--tw-content);
1774
+ width: 2px;
1775
+ }
1776
+ .after\:-translate-x-1\/2::after {
1777
+ content: var(--tw-content);
1778
+ --tw-translate-x: -50%;
1779
+ 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));
1780
+ }
1781
+ .first\:rounded-l-md:first-child {
1782
+ border-top-left-radius: calc(var(--radius) - 2px);
1783
+ border-bottom-left-radius: calc(var(--radius) - 2px);
1784
+ }
1785
+ .first\:border-l:first-child {
1786
+ border-left-width: 1px;
1787
+ }
1788
+ .last\:mt-0:last-child {
1789
+ margin-top: 0px;
1790
+ }
1791
+ .last\:rounded-r-md:last-child {
1792
+ border-top-right-radius: calc(var(--radius) - 2px);
1793
+ border-bottom-right-radius: calc(var(--radius) - 2px);
1794
+ }
1795
+ .hover\:bg-accent:hover {
1796
+ background-color: hsl(var(--accent));
1797
+ }
1798
+ .hover\:bg-destructive\/80:hover {
1799
+ background-color: hsl(var(--destructive) / 0.8);
1800
+ }
1801
+ .hover\:bg-destructive\/90:hover {
1802
+ background-color: hsl(var(--destructive) / 0.9);
1803
+ }
1804
+ .hover\:bg-muted:hover {
1805
+ background-color: hsl(var(--muted));
1806
+ }
1807
+ .hover\:bg-muted\/50:hover {
1808
+ background-color: hsl(var(--muted) / 0.5);
1809
+ }
1810
+ .hover\:bg-primary\/80:hover {
1811
+ background-color: hsl(var(--primary) / 0.8);
1812
+ }
1813
+ .hover\:bg-primary\/90:hover {
1814
+ background-color: hsl(var(--primary) / 0.9);
1815
+ }
1816
+ .hover\:bg-secondary\/80:hover {
1817
+ background-color: hsl(var(--secondary) / 0.8);
1818
+ }
1819
+ .hover\:bg-sidebar-accent:hover {
1820
+ background-color: hsl(var(--sidebar-accent));
1821
+ }
1822
+ .hover\:text-accent-foreground:hover {
1823
+ color: hsl(var(--accent-foreground));
1824
+ }
1825
+ .hover\:text-foreground:hover {
1826
+ color: hsl(var(--foreground));
1827
+ }
1828
+ .hover\:text-muted-foreground:hover {
1829
+ color: hsl(var(--muted-foreground));
1830
+ }
1831
+ .hover\:text-sidebar-accent-foreground:hover {
1832
+ color: hsl(var(--sidebar-accent-foreground));
1833
+ }
1834
+ .hover\:underline:hover {
1835
+ text-decoration-line: underline;
1836
+ }
1837
+ .hover\:opacity-100:hover {
1838
+ opacity: 1;
1839
+ }
1840
+ .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
1841
+ --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
1842
+ --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
1843
+ box-shadow:
1844
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1845
+ var(--tw-ring-shadow, 0 0 #0000),
1846
+ var(--tw-shadow);
1847
+ }
1848
+ .hover\:after\:bg-sidebar-border:hover::after {
1849
+ content: var(--tw-content);
1850
+ background-color: hsl(var(--sidebar-border));
1851
+ }
1852
+ .focus\:bg-accent:focus {
1853
+ background-color: hsl(var(--accent));
1854
+ }
1855
+ .focus\:text-accent-foreground:focus {
1856
+ color: hsl(var(--accent-foreground));
1857
+ }
1858
+ .focus\:outline-none:focus {
1859
+ outline: 2px solid transparent;
1860
+ outline-offset: 2px;
1861
+ }
1862
+ .focus\:ring-2:focus {
1863
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1864
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1865
+ box-shadow:
1866
+ var(--tw-ring-offset-shadow),
1867
+ var(--tw-ring-shadow),
1868
+ var(--tw-shadow, 0 0 #0000);
1869
+ }
1870
+ .focus\:ring-ring:focus {
1871
+ --tw-ring-color: hsl(var(--ring));
1872
+ }
1873
+ .focus\:ring-offset-2:focus {
1874
+ --tw-ring-offset-width: 2px;
1875
+ }
1876
+ .focus-visible\:border-ring:focus-visible {
1877
+ border-color: hsl(var(--ring));
1878
+ }
1879
+ .focus-visible\:outline-none:focus-visible {
1880
+ outline: 2px solid transparent;
1881
+ outline-offset: 2px;
1882
+ }
1883
+ .focus-visible\:ring-0:focus-visible {
1884
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1885
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1886
+ box-shadow:
1887
+ var(--tw-ring-offset-shadow),
1888
+ var(--tw-ring-shadow),
1889
+ var(--tw-shadow, 0 0 #0000);
1890
+ }
1891
+ .focus-visible\:ring-1:focus-visible {
1892
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1893
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1894
+ box-shadow:
1895
+ var(--tw-ring-offset-shadow),
1896
+ var(--tw-ring-shadow),
1897
+ var(--tw-shadow, 0 0 #0000);
1898
+ }
1899
+ .focus-visible\:ring-2:focus-visible {
1900
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1901
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1902
+ box-shadow:
1903
+ var(--tw-ring-offset-shadow),
1904
+ var(--tw-ring-shadow),
1905
+ var(--tw-shadow, 0 0 #0000);
1906
+ }
1907
+ .focus-visible\:ring-\[3px\]:focus-visible {
1908
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1909
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1910
+ box-shadow:
1911
+ var(--tw-ring-offset-shadow),
1912
+ var(--tw-ring-shadow),
1913
+ var(--tw-shadow, 0 0 #0000);
1914
+ }
1915
+ .focus-visible\:ring-ring:focus-visible {
1916
+ --tw-ring-color: hsl(var(--ring));
1917
+ }
1918
+ .focus-visible\:ring-ring\/50:focus-visible {
1919
+ --tw-ring-color: hsl(var(--ring) / 0.5);
1920
+ }
1921
+ .focus-visible\:ring-sidebar-ring:focus-visible {
1922
+ --tw-ring-color: hsl(var(--sidebar-ring));
1923
+ }
1924
+ .focus-visible\:ring-offset-1:focus-visible {
1925
+ --tw-ring-offset-width: 1px;
1926
+ }
1927
+ .focus-visible\:ring-offset-2:focus-visible {
1928
+ --tw-ring-offset-width: 2px;
1929
+ }
1930
+ .focus-visible\:ring-offset-background:focus-visible {
1931
+ --tw-ring-offset-color: hsl(var(--background));
1932
+ }
1933
+ .active\:bg-sidebar-accent:active {
1934
+ background-color: hsl(var(--sidebar-accent));
1935
+ }
1936
+ .active\:text-sidebar-accent-foreground:active {
1937
+ color: hsl(var(--sidebar-accent-foreground));
1938
+ }
1939
+ .disabled\:pointer-events-none:disabled {
1940
+ pointer-events: none;
1941
+ }
1942
+ .disabled\:cursor-not-allowed:disabled {
1943
+ cursor: not-allowed;
1944
+ }
1945
+ .disabled\:opacity-50:disabled {
1946
+ opacity: 0.5;
1947
+ }
1948
+ .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
1949
+ opacity: 1;
1950
+ }
1951
+ .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
1952
+ opacity: 1;
1953
+ }
1954
+ .group.toaster .group-\[\.toaster\]\:border-border {
1955
+ border-color: hsl(var(--border));
1956
+ }
1957
+ .group.toast .group-\[\.toast\]\:bg-muted {
1958
+ background-color: hsl(var(--muted));
1959
+ }
1960
+ .group.toast .group-\[\.toast\]\:bg-primary {
1961
+ background-color: hsl(var(--primary));
1962
+ }
1963
+ .group.toaster .group-\[\.toaster\]\:bg-background {
1964
+ background-color: hsl(var(--background));
1965
+ }
1966
+ .group.toast .group-\[\.toast\]\:text-muted-foreground {
1967
+ color: hsl(var(--muted-foreground));
1968
+ }
1969
+ .group.toast .group-\[\.toast\]\:text-primary-foreground {
1970
+ color: hsl(var(--primary-foreground));
1971
+ }
1972
+ .group.toaster .group-\[\.toaster\]\:text-foreground {
1973
+ color: hsl(var(--foreground));
1974
+ }
1975
+ .group.toaster .group-\[\.toaster\]\:shadow-lg {
1976
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1977
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1978
+ box-shadow:
1979
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1980
+ var(--tw-ring-shadow, 0 0 #0000),
1981
+ var(--tw-shadow);
1982
+ }
1983
+ .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
1984
+ color: hsl(var(--sidebar-accent-foreground));
1985
+ }
1986
+ .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
1987
+ cursor: not-allowed;
1988
+ }
1989
+ .peer:disabled ~ .peer-disabled\:opacity-70 {
1990
+ opacity: 0.7;
1991
+ }
1992
+ .has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button) {
1993
+ margin-left: -0.45rem;
1994
+ }
1995
+ .has-\[\>button\]\:mr-\[-0\.4rem\]:has(> button) {
1996
+ margin-right: -0.4rem;
1997
+ }
1998
+ .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd) {
1999
+ margin-left: -0.35rem;
2000
+ }
2001
+ .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd) {
2002
+ margin-right: -0.35rem;
2003
+ }
2004
+ .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(> [data-align=block-end]) {
2005
+ height: auto;
2006
+ }
2007
+ .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(> [data-align=block-start]) {
2008
+ height: auto;
2009
+ }
2010
+ .has-\[\>textarea\]\:h-auto:has(> textarea) {
2011
+ height: auto;
2012
+ }
2013
+ .has-\[\>\[data-slot\=field\]\]\:w-full:has(> [data-slot=field]) {
2014
+ width: 100%;
2015
+ }
2016
+ .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(> [data-align=block-end]) {
2017
+ flex-direction: column;
2018
+ }
2019
+ .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(> [data-align=block-start]) {
2020
+ flex-direction: column;
2021
+ }
2022
+ .has-\[\>\[data-slot\=field\]\]\:flex-col:has(> [data-slot=field]) {
2023
+ flex-direction: column;
2024
+ }
2025
+ .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot=field-content]) {
2026
+ align-items: flex-start;
2027
+ }
2028
+ .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(> [data-slot=button-group]) {
2029
+ gap: 0.5rem;
2030
+ }
2031
+ .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(> [data-slot=checkbox-group]) {
2032
+ gap: 0.75rem;
2033
+ }
2034
+ .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(> [data-slot=radio-group]) {
2035
+ gap: 0.75rem;
2036
+ }
2037
+ .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(> [data-slot=field]) {
2038
+ border-radius: calc(var(--radius) - 2px);
2039
+ }
2040
+ .has-\[\>\[data-slot\=field\]\]\:border:has(> [data-slot=field]) {
2041
+ border-width: 1px;
2042
+ }
2043
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) {
2044
+ border-color: hsl(var(--destructive));
2045
+ }
2046
+ .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
2047
+ background-color: hsl(var(--sidebar-background));
2048
+ }
2049
+ .has-\[\>svg\]\:p-0:has(> svg) {
2050
+ padding: 0px;
2051
+ }
2052
+ .has-\[\>svg\]\:px-2:has(> svg) {
2053
+ padding-left: 0.5rem;
2054
+ padding-right: 0.5rem;
2055
+ }
2056
+ .has-\[\>svg\]\:px-2\.5:has(> svg) {
2057
+ padding-left: 0.625rem;
2058
+ padding-right: 0.625rem;
2059
+ }
2060
+ .has-\[\:disabled\]\:opacity-50:has(:disabled) {
2061
+ opacity: 0.5;
2062
+ }
2063
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible) {
2064
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2065
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2066
+ box-shadow:
2067
+ var(--tw-ring-offset-shadow),
2068
+ var(--tw-ring-shadow),
2069
+ var(--tw-shadow, 0 0 #0000);
2070
+ }
2071
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible) {
2072
+ --tw-ring-color: hsl(var(--ring));
2073
+ }
2074
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) {
2075
+ --tw-ring-color: hsl(var(--destructive) / 0.2);
2076
+ }
2077
+ .group\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5 {
2078
+ --tw-translate-y: 0.125rem;
2079
+ 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));
2080
+ }
2081
+ .group\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start {
2082
+ align-self: flex-start;
2083
+ }
2084
+ .group\/field:has([data-orientation=horizontal]) .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance {
2085
+ text-wrap: balance;
2086
+ }
2087
+ .group\/input-group:has(> input) .group-has-\[\>input\]\/input-group\:pb-2\.5 {
2088
+ padding-bottom: 0.625rem;
2089
+ }
2090
+ .group\/input-group:has(> input) .group-has-\[\>input\]\/input-group\:pt-2\.5 {
2091
+ padding-top: 0.625rem;
2092
+ }
2093
+ .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
2094
+ padding-right: 2rem;
2095
+ }
2096
+ .aria-disabled\:pointer-events-none[aria-disabled=true] {
2097
+ pointer-events: none;
2098
+ }
2099
+ .aria-disabled\:opacity-50[aria-disabled=true] {
2100
+ opacity: 0.5;
2101
+ }
2102
+ .aria-selected\:text-muted-foreground[aria-selected=true] {
2103
+ color: hsl(var(--muted-foreground));
2104
+ }
2105
+ .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
2106
+ pointer-events: none;
2107
+ }
2108
+ .data-\[disabled\]\:pointer-events-none[data-disabled] {
2109
+ pointer-events: none;
2110
+ }
2111
+ .data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical] {
2112
+ height: auto;
2113
+ }
2114
+ .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] {
2115
+ height: 1px;
2116
+ }
2117
+ .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical] {
2118
+ width: 100%;
2119
+ }
2120
+ .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2121
+ --tw-translate-y: 0.25rem;
2122
+ 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));
2123
+ }
2124
+ .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2125
+ --tw-translate-x: -0.25rem;
2126
+ 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));
2127
+ }
2128
+ .data-\[side\=right\]\:translate-x-1[data-side=right] {
2129
+ --tw-translate-x: 0.25rem;
2130
+ 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));
2131
+ }
2132
+ .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2133
+ --tw-translate-y: -0.25rem;
2134
+ 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));
2135
+ }
2136
+ .data-\[state\=checked\]\:translate-x-5[data-state=checked] {
2137
+ --tw-translate-x: 1.25rem;
2138
+ 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));
2139
+ }
2140
+ .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
2141
+ --tw-translate-x: 0px;
2142
+ 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));
2143
+ }
2144
+ @keyframes accordion-up {
2145
+ from {
2146
+ height: var(--radix-accordion-content-height);
2147
+ }
2148
+ to {
2149
+ height: 0;
2150
+ }
2151
+ }
2152
+ .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
2153
+ animation: accordion-up 0.2s ease-out;
2154
+ }
2155
+ @keyframes accordion-down {
2156
+ from {
2157
+ height: 0;
2158
+ }
2159
+ to {
2160
+ height: var(--radix-accordion-content-height);
2161
+ }
2162
+ }
2163
+ .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
2164
+ animation: accordion-down 0.2s ease-out;
2165
+ }
2166
+ .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical] {
2167
+ flex-direction: column;
2168
+ }
2169
+ .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group] {
2170
+ gap: 0.75rem;
2171
+ }
2172
+ .data-\[range-end\=true\]\:rounded-md[data-range-end=true] {
2173
+ border-radius: calc(var(--radius) - 2px);
2174
+ }
2175
+ .data-\[range-middle\=true\]\:rounded-none[data-range-middle=true] {
2176
+ border-radius: 0px;
2177
+ }
2178
+ .data-\[range-start\=true\]\:rounded-md[data-range-start=true] {
2179
+ border-radius: calc(var(--radius) - 2px);
2180
+ }
2181
+ .data-\[selected\=true\]\:rounded-none[data-selected=true] {
2182
+ border-radius: 0px;
2183
+ }
2184
+ .data-\[active\=true\]\:bg-sidebar-accent[data-active=true] {
2185
+ background-color: hsl(var(--sidebar-accent));
2186
+ }
2187
+ .data-\[range-end\=true\]\:bg-primary[data-range-end=true] {
2188
+ background-color: hsl(var(--primary));
2189
+ }
2190
+ .data-\[range-middle\=true\]\:bg-accent[data-range-middle=true] {
2191
+ background-color: hsl(var(--accent));
2192
+ }
2193
+ .data-\[range-start\=true\]\:bg-primary[data-range-start=true] {
2194
+ background-color: hsl(var(--primary));
2195
+ }
2196
+ .data-\[selected-single\=true\]\:bg-primary[data-selected-single=true] {
2197
+ background-color: hsl(var(--primary));
2198
+ }
2199
+ .data-\[selected\=\'true\'\]\:bg-accent[data-selected=true] {
2200
+ background-color: hsl(var(--accent));
2201
+ }
2202
+ .data-\[state\=active\]\:bg-background[data-state=active] {
2203
+ background-color: hsl(var(--background));
2204
+ }
2205
+ .data-\[state\=checked\]\:bg-primary[data-state=checked] {
2206
+ background-color: hsl(var(--primary));
2207
+ }
2208
+ .data-\[state\=on\]\:bg-accent[data-state=on] {
2209
+ background-color: hsl(var(--accent));
2210
+ }
2211
+ .data-\[state\=open\]\:bg-accent[data-state=open] {
2212
+ background-color: hsl(var(--accent));
2213
+ }
2214
+ .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
2215
+ background-color: hsl(var(--accent) / 0.5);
2216
+ }
2217
+ .data-\[state\=open\]\:bg-secondary[data-state=open] {
2218
+ background-color: hsl(var(--secondary));
2219
+ }
2220
+ .data-\[state\=selected\]\:bg-muted[data-state=selected] {
2221
+ background-color: hsl(var(--muted));
2222
+ }
2223
+ .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
2224
+ background-color: hsl(var(--input));
2225
+ }
2226
+ .data-\[variant\=label\]\:text-sm[data-variant=label] {
2227
+ font-size: 0.875rem;
2228
+ line-height: 1.25rem;
2229
+ }
2230
+ .data-\[variant\=legend\]\:text-base[data-variant=legend] {
2231
+ font-size: 1rem;
2232
+ line-height: 1.5rem;
2233
+ }
2234
+ .data-\[active\=true\]\:font-medium[data-active=true] {
2235
+ font-weight: 500;
2236
+ }
2237
+ .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true] {
2238
+ color: hsl(var(--sidebar-accent-foreground));
2239
+ }
2240
+ .data-\[invalid\=true\]\:text-destructive[data-invalid=true] {
2241
+ color: hsl(var(--destructive));
2242
+ }
2243
+ .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
2244
+ color: hsl(var(--muted-foreground));
2245
+ }
2246
+ .data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true] {
2247
+ color: hsl(var(--primary-foreground));
2248
+ }
2249
+ .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true] {
2250
+ color: hsl(var(--accent-foreground));
2251
+ }
2252
+ .data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true] {
2253
+ color: hsl(var(--primary-foreground));
2254
+ }
2255
+ .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true] {
2256
+ color: hsl(var(--primary-foreground));
2257
+ }
2258
+ .data-\[selected\=true\]\:text-accent-foreground[data-selected=true] {
2259
+ color: hsl(var(--accent-foreground));
2260
+ }
2261
+ .data-\[state\=active\]\:text-foreground[data-state=active] {
2262
+ color: hsl(var(--foreground));
2263
+ }
2264
+ .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
2265
+ color: hsl(var(--primary-foreground));
2266
+ }
2267
+ .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
2268
+ color: hsl(var(--accent-foreground));
2269
+ }
2270
+ .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
2271
+ color: hsl(var(--accent-foreground));
2272
+ }
2273
+ .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
2274
+ color: hsl(var(--muted-foreground));
2275
+ }
2276
+ .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
2277
+ opacity: 0.5;
2278
+ }
2279
+ .data-\[disabled\]\:opacity-50[data-disabled] {
2280
+ opacity: 0.5;
2281
+ }
2282
+ .data-\[state\=open\]\:opacity-100[data-state=open] {
2283
+ opacity: 1;
2284
+ }
2285
+ .data-\[state\=active\]\:shadow-sm[data-state=active] {
2286
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2287
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2288
+ box-shadow:
2289
+ var(--tw-ring-offset-shadow, 0 0 #0000),
2290
+ var(--tw-ring-shadow, 0 0 #0000),
2291
+ var(--tw-shadow);
2292
+ }
2293
+ .data-\[state\=closed\]\:duration-300[data-state=closed] {
2294
+ transition-duration: 300ms;
2295
+ }
2296
+ .data-\[state\=open\]\:duration-500[data-state=open] {
2297
+ transition-duration: 500ms;
2298
+ }
2299
+ .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] {
2300
+ animation-name: enter;
2301
+ animation-duration: 150ms;
2302
+ --tw-enter-opacity: initial;
2303
+ --tw-enter-scale: initial;
2304
+ --tw-enter-rotate: initial;
2305
+ --tw-enter-translate-x: initial;
2306
+ --tw-enter-translate-y: initial;
2307
+ }
2308
+ .data-\[state\=open\]\:animate-in[data-state=open] {
2309
+ animation-name: enter;
2310
+ animation-duration: 150ms;
2311
+ --tw-enter-opacity: initial;
2312
+ --tw-enter-scale: initial;
2313
+ --tw-enter-rotate: initial;
2314
+ --tw-enter-translate-x: initial;
2315
+ --tw-enter-translate-y: initial;
2316
+ }
2317
+ .data-\[state\=visible\]\:animate-in[data-state=visible] {
2318
+ animation-name: enter;
2319
+ animation-duration: 150ms;
2320
+ --tw-enter-opacity: initial;
2321
+ --tw-enter-scale: initial;
2322
+ --tw-enter-rotate: initial;
2323
+ --tw-enter-translate-x: initial;
2324
+ --tw-enter-translate-y: initial;
2325
+ }
2326
+ .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] {
2327
+ animation-name: exit;
2328
+ animation-duration: 150ms;
2329
+ --tw-exit-opacity: initial;
2330
+ --tw-exit-scale: initial;
2331
+ --tw-exit-rotate: initial;
2332
+ --tw-exit-translate-x: initial;
2333
+ --tw-exit-translate-y: initial;
2334
+ }
2335
+ .data-\[state\=closed\]\:animate-out[data-state=closed] {
2336
+ animation-name: exit;
2337
+ animation-duration: 150ms;
2338
+ --tw-exit-opacity: initial;
2339
+ --tw-exit-scale: initial;
2340
+ --tw-exit-rotate: initial;
2341
+ --tw-exit-translate-x: initial;
2342
+ --tw-exit-translate-y: initial;
2343
+ }
2344
+ .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
2345
+ animation-name: exit;
2346
+ animation-duration: 150ms;
2347
+ --tw-exit-opacity: initial;
2348
+ --tw-exit-scale: initial;
2349
+ --tw-exit-rotate: initial;
2350
+ --tw-exit-translate-x: initial;
2351
+ --tw-exit-translate-y: initial;
2352
+ }
2353
+ .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
2354
+ --tw-enter-opacity: 0;
2355
+ }
2356
+ .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] {
2357
+ --tw-exit-opacity: 0;
2358
+ }
2359
+ .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
2360
+ --tw-exit-opacity: 0;
2361
+ }
2362
+ .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
2363
+ --tw-exit-opacity: 0;
2364
+ }
2365
+ .data-\[state\=open\]\:fade-in-0[data-state=open] {
2366
+ --tw-enter-opacity: 0;
2367
+ }
2368
+ .data-\[state\=visible\]\:fade-in[data-state=visible] {
2369
+ --tw-enter-opacity: 0;
2370
+ }
2371
+ .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
2372
+ --tw-exit-scale: .95;
2373
+ }
2374
+ .data-\[state\=open\]\:zoom-in-90[data-state=open] {
2375
+ --tw-enter-scale: .9;
2376
+ }
2377
+ .data-\[state\=open\]\:zoom-in-95[data-state=open] {
2378
+ --tw-enter-scale: .95;
2379
+ }
2380
+ .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
2381
+ --tw-enter-translate-x: 13rem;
2382
+ }
2383
+ .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
2384
+ --tw-enter-translate-x: -13rem;
2385
+ }
2386
+ .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
2387
+ --tw-exit-translate-x: 13rem;
2388
+ }
2389
+ .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
2390
+ --tw-exit-translate-x: -13rem;
2391
+ }
2392
+ .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
2393
+ --tw-enter-translate-y: -0.5rem;
2394
+ }
2395
+ .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
2396
+ --tw-enter-translate-x: 0.5rem;
2397
+ }
2398
+ .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
2399
+ --tw-enter-translate-x: -0.5rem;
2400
+ }
2401
+ .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
2402
+ --tw-enter-translate-y: 0.5rem;
2403
+ }
2404
+ .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
2405
+ --tw-exit-translate-y: 100%;
2406
+ }
2407
+ .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
2408
+ --tw-exit-translate-x: -100%;
2409
+ }
2410
+ .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
2411
+ --tw-exit-translate-x: -50%;
2412
+ }
2413
+ .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
2414
+ --tw-exit-translate-x: 100%;
2415
+ }
2416
+ .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
2417
+ --tw-exit-translate-y: -100%;
2418
+ }
2419
+ .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
2420
+ --tw-exit-translate-y: -48%;
2421
+ }
2422
+ .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
2423
+ --tw-enter-translate-y: 100%;
2424
+ }
2425
+ .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
2426
+ --tw-enter-translate-x: -100%;
2427
+ }
2428
+ .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
2429
+ --tw-enter-translate-x: -50%;
2430
+ }
2431
+ .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
2432
+ --tw-enter-translate-x: 100%;
2433
+ }
2434
+ .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
2435
+ --tw-enter-translate-y: -100%;
2436
+ }
2437
+ .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
2438
+ --tw-enter-translate-y: -48%;
2439
+ }
2440
+ .data-\[state\=closed\]\:duration-300[data-state=closed] {
2441
+ animation-duration: 300ms;
2442
+ }
2443
+ .data-\[state\=open\]\:duration-500[data-state=open] {
2444
+ animation-duration: 500ms;
2445
+ }
2446
+ .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]::after {
2447
+ content: var(--tw-content);
2448
+ left: 0px;
2449
+ }
2450
+ .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]::after {
2451
+ content: var(--tw-content);
2452
+ height: 0.25rem;
2453
+ }
2454
+ .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]::after {
2455
+ content: var(--tw-content);
2456
+ width: 100%;
2457
+ }
2458
+ .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]::after {
2459
+ content: var(--tw-content);
2460
+ --tw-translate-y: -50%;
2461
+ 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));
2462
+ }
2463
+ .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]::after {
2464
+ content: var(--tw-content);
2465
+ --tw-translate-x: 0px;
2466
+ 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));
2467
+ }
2468
+ .data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open] {
2469
+ background-color: hsl(var(--accent));
2470
+ }
2471
+ .data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open] {
2472
+ background-color: hsl(var(--sidebar-accent));
2473
+ }
2474
+ .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open] {
2475
+ color: hsl(var(--sidebar-accent-foreground));
2476
+ }
2477
+ .data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open] {
2478
+ background-color: hsl(var(--accent));
2479
+ }
2480
+ .group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:relative {
2481
+ position: relative;
2482
+ }
2483
+ .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
2484
+ left: calc(var(--sidebar-width) * -1);
2485
+ }
2486
+ .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
2487
+ right: calc(var(--sidebar-width) * -1);
2488
+ }
2489
+ .group[data-side=left] .group-data-\[side\=left\]\:-right-4 {
2490
+ right: -1rem;
2491
+ }
2492
+ .group[data-side=right] .group-data-\[side\=right\]\:left-0 {
2493
+ left: 0px;
2494
+ }
2495
+ .group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:z-10 {
2496
+ z-index: 10;
2497
+ }
2498
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8 {
2499
+ margin-top: -2rem;
2500
+ }
2501
+ .group\/field-group[data-variant=outline] .group-data-\[variant\=outline\]\/field-group\:-mb-2 {
2502
+ margin-bottom: -0.5rem;
2503
+ }
2504
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden {
2505
+ display: none;
2506
+ }
2507
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8 {
2508
+ width: 2rem !important;
2509
+ height: 2rem !important;
2510
+ }
2511
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
2512
+ width: var(--sidebar-width-icon);
2513
+ }
2514
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
2515
+ width: calc(var(--sidebar-width-icon) + 1rem);
2516
+ }
2517
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
2518
+ width: calc(var(--sidebar-width-icon) + 1rem + 2px);
2519
+ }
2520
+ .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 {
2521
+ width: 0px;
2522
+ }
2523
+ .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
2524
+ --tw-translate-x: 0px;
2525
+ 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));
2526
+ }
2527
+ .group[data-side=right] .group-data-\[side\=right\]\:rotate-180 {
2528
+ --tw-rotate: 180deg;
2529
+ 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));
2530
+ }
2531
+ .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
2532
+ --tw-rotate: 180deg;
2533
+ 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));
2534
+ }
2535
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden {
2536
+ overflow: hidden;
2537
+ }
2538
+ .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg {
2539
+ border-radius: var(--radius);
2540
+ }
2541
+ .group[data-variant=floating] .group-data-\[variant\=floating\]\:border {
2542
+ border-width: 1px;
2543
+ }
2544
+ .group[data-side=left] .group-data-\[side\=left\]\:border-r {
2545
+ border-right-width: 1px;
2546
+ }
2547
+ .group[data-side=right] .group-data-\[side\=right\]\:border-l {
2548
+ border-left-width: 1px;
2549
+ }
2550
+ .group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:border-ring {
2551
+ border-color: hsl(var(--ring));
2552
+ }
2553
+ .group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border {
2554
+ border-color: hsl(var(--sidebar-border));
2555
+ }
2556
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0 {
2557
+ padding: 0px !important;
2558
+ }
2559
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2 {
2560
+ padding: 0.5rem !important;
2561
+ }
2562
+ .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0 {
2563
+ opacity: 0;
2564
+ }
2565
+ .group\/field[data-disabled=true] .group-data-\[disabled\=true\]\/field\:opacity-50 {
2566
+ opacity: 0.5;
2567
+ }
2568
+ .group\/input-group[data-disabled=true] .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
2569
+ opacity: 0.5;
2570
+ }
2571
+ .group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow {
2572
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2573
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2574
+ box-shadow:
2575
+ var(--tw-ring-offset-shadow, 0 0 #0000),
2576
+ var(--tw-ring-shadow, 0 0 #0000),
2577
+ var(--tw-shadow);
2578
+ }
2579
+ .group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
2580
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2581
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2582
+ box-shadow:
2583
+ var(--tw-ring-offset-shadow),
2584
+ var(--tw-ring-shadow),
2585
+ var(--tw-shadow, 0 0 #0000);
2586
+ }
2587
+ .group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
2588
+ --tw-ring-color: hsl(var(--ring) / 0.5);
2589
+ }
2590
+ .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
2591
+ content: var(--tw-content);
2592
+ left: 100%;
2593
+ }
2594
+ .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
2595
+ background-color: hsl(var(--sidebar-background));
2596
+ }
2597
+ .peer\/menu-button[data-size=default] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
2598
+ top: 0.375rem;
2599
+ }
2600
+ .peer\/menu-button[data-size=lg] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
2601
+ top: 0.625rem;
2602
+ }
2603
+ .peer\/menu-button[data-size=sm] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
2604
+ top: 0.25rem;
2605
+ }
2606
+ .peer\/menu-button[data-active=true] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
2607
+ color: hsl(var(--sidebar-accent-foreground));
2608
+ }
2609
+ .dark\:border-destructive:is(.dark *) {
2610
+ border-color: hsl(var(--destructive));
2611
+ }
2612
+ .dark\:bg-input\/30:is(.dark *) {
2613
+ background-color: hsl(var(--input) / 0.3);
2614
+ }
2615
+ .dark\:bg-transparent:is(.dark *) {
2616
+ background-color: transparent;
2617
+ }
2618
+ .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]):is(.dark *) {
2619
+ --tw-ring-color: hsl(var(--destructive) / 0.4);
2620
+ }
2621
+ @media (min-width: 640px) {
2622
+ .sm\:mt-0 {
2623
+ margin-top: 0px;
2624
+ }
2625
+ .sm\:flex {
2626
+ display: flex;
2627
+ }
2628
+ .sm\:max-w-sm {
2629
+ max-width: 24rem;
2630
+ }
2631
+ .sm\:flex-row {
2632
+ flex-direction: row;
2633
+ }
2634
+ .sm\:justify-end {
2635
+ justify-content: flex-end;
2636
+ }
2637
+ .sm\:gap-2\.5 {
2638
+ gap: 0.625rem;
2639
+ }
2640
+ .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
2641
+ --tw-space-x-reverse: 0;
2642
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2643
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2644
+ }
2645
+ .sm\:rounded-lg {
2646
+ border-radius: var(--radius);
2647
+ }
2648
+ .sm\:text-left {
2649
+ text-align: left;
2650
+ }
2651
+ }
2652
+ @media (min-width: 768px) {
2653
+ .md\:absolute {
458
2654
  position: absolute;
459
- border-radius: 50%;
460
- background-color: rgba(255, 255, 255, 0.6);
461
- transform: scale(0);
462
- animation: ripple 600ms ease-out;
463
- pointer-events: none;
464
- }
465
-
466
- @media (prefers-reduced-motion: reduce) {
467
- .ripple {
468
- animation: none;
469
- }
470
- }
471
-
472
- /* Dialog Animations */
473
- [role="dialog"][data-state="open"] {
474
- animation: dialogFadeIn 300ms cubic-bezier(0.16, 1, 0.3, 1);
475
- }
476
-
477
- [role="dialog"][data-state="closed"] {
478
- animation: dialogFadeOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
479
- }
480
-
481
- /* Dialog Overlay */
482
- [data-radix-dialog-overlay][data-state="open"] {
483
- animation: overlayFadeIn 300ms cubic-bezier(0.16, 1, 0.3, 1);
484
- }
485
-
486
- [data-radix-dialog-overlay][data-state="closed"] {
487
- animation: overlayFadeOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
488
- }
489
-
490
- /* Accordion & Collapsible Animations */
491
- [data-radix-accordion-content][data-state="open"],
492
- [data-radix-collapsible-content][data-state="open"] {
493
- animation: slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
494
- }
495
-
496
- [data-radix-accordion-content][data-state="closed"],
497
- [data-radix-collapsible-content][data-state="closed"] {
498
- animation: slideUp 200ms cubic-bezier(0.87, 0, 0.13, 1);
499
- }
500
-
501
- /* Dropdown, Select, Popover Content Animations */
502
- /* Side-based animations for natural feel */
503
- [data-radix-dropdown-menu-content][data-state="open"],
504
- [data-radix-select-content][data-state="open"],
505
- [data-radix-popover-content][data-state="open"],
506
- [data-radix-context-menu-content][data-state="open"] {
507
- animation: fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
508
- }
509
-
510
- [data-radix-dropdown-menu-content][data-state="closed"],
511
- [data-radix-select-content][data-state="closed"],
512
- [data-radix-popover-content][data-state="closed"],
513
- [data-radix-context-menu-content][data-state="closed"] {
514
- animation: fadeOut 100ms cubic-bezier(0.16, 1, 0.3, 1);
515
- }
516
-
517
- /* Top side - slide down slightly */
518
- [data-radix-dropdown-menu-content][data-side="top"],
519
- [data-radix-select-content][data-side="top"],
520
- [data-radix-popover-content][data-side="top"] {
521
- transform-origin: bottom center;
522
- }
523
-
524
- [data-radix-dropdown-menu-content][data-side="top"][data-state="open"],
525
- [data-radix-select-content][data-side="top"][data-state="open"],
526
- [data-radix-popover-content][data-side="top"][data-state="open"] {
527
- animation: slideFromTop 150ms cubic-bezier(0.16, 1, 0.3, 1);
528
- }
529
-
530
- /* Bottom side - slide up slightly */
531
- [data-radix-dropdown-menu-content][data-side="bottom"],
532
- [data-radix-select-content][data-side="bottom"],
533
- [data-radix-popover-content][data-side="bottom"] {
534
- transform-origin: top center;
535
- }
536
-
537
- [data-radix-dropdown-menu-content][data-side="bottom"][data-state="open"],
538
- [data-radix-select-content][data-side="bottom"][data-state="open"],
539
- [data-radix-popover-content][data-side="bottom"][data-state="open"] {
540
- animation: slideFromBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);
541
- }
542
-
543
- /* Left side */
544
- [data-radix-dropdown-menu-content][data-side="left"],
545
- [data-radix-select-content][data-side="left"],
546
- [data-radix-popover-content][data-side="left"] {
547
- transform-origin: right center;
548
- }
549
-
550
- [data-radix-dropdown-menu-content][data-side="left"][data-state="open"],
551
- [data-radix-select-content][data-side="left"][data-state="open"],
552
- [data-radix-popover-content][data-side="left"][data-state="open"] {
553
- animation: slideFromLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);
554
- }
555
-
556
- /* Right side */
557
- [data-radix-dropdown-menu-content][data-side="right"],
558
- [data-radix-select-content][data-side="right"],
559
- [data-radix-popover-content][data-side="right"] {
560
- transform-origin: left center;
561
- }
562
-
563
- [data-radix-dropdown-menu-content][data-side="right"][data-state="open"],
564
- [data-radix-select-content][data-side="right"][data-state="open"],
565
- [data-radix-popover-content][data-side="right"][data-state="open"] {
566
- animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
567
- }
568
-
569
- @keyframes slideFromTop {
570
- from {
571
- opacity: 0;
572
- transform: translateY(-4px) scale(0.98);
573
- }
574
- to {
575
- opacity: 1;
576
- transform: translateY(0) scale(1);
577
- }
578
- }
579
-
580
- @keyframes slideFromBottom {
581
- from {
582
- opacity: 0;
583
- transform: translateY(4px) scale(0.98);
584
- }
585
- to {
586
- opacity: 1;
587
- transform: translateY(0) scale(1);
588
- }
589
- }
590
-
591
- @keyframes slideFromLeft {
592
- from {
593
- opacity: 0;
594
- transform: translateX(-4px) scale(0.98);
595
- }
596
- to {
597
- opacity: 1;
598
- transform: translateX(0) scale(1);
599
- }
600
- }
601
-
602
- @keyframes slideFromRight {
603
- from {
604
- opacity: 0;
605
- transform: translateX(4px) scale(0.98);
606
- }
607
- to {
608
- opacity: 1;
609
- transform: translateX(0) scale(1);
610
- }
611
- }
612
-
613
- @keyframes fadeIn {
614
- from {
615
- opacity: 0;
616
- transform: scale(0.98);
617
- }
618
- to {
619
- opacity: 1;
620
- transform: scale(1);
621
- }
622
- }
623
-
624
- @keyframes fadeOut {
625
- from {
626
- opacity: 1;
627
- transform: scale(1);
628
- }
629
- to {
630
- opacity: 0;
631
- transform: scale(0.98);
632
- }
633
- }
634
-
635
- @keyframes scaleIn {
636
- from {
637
- opacity: 0;
638
- transform: scale(0.95);
639
- }
640
- to {
641
- opacity: 1;
642
- transform: scale(1);
643
- }
644
- }
645
-
646
- @keyframes scaleOut {
647
- from {
648
- opacity: 1;
649
- transform: scale(1);
650
- }
651
- to {
652
- opacity: 0;
653
- transform: scale(0.95);
654
- }
655
- }
656
-
657
- @keyframes slideDown {
658
- from {
659
- height: 0;
660
- opacity: 0;
661
- }
662
- to {
663
- height: var(--radix-accordion-content-height);
664
- height: var(--radix-collapsible-content-height);
665
- opacity: 1;
666
- }
667
- }
668
-
669
- @keyframes slideUp {
670
- from {
671
- height: var(--radix-accordion-content-height);
672
- height: var(--radix-collapsible-content-height);
673
- opacity: 1;
674
- }
675
- to {
676
- height: 0;
677
- opacity: 0;
678
- }
679
- }
680
-
681
- @keyframes dialogFadeIn {
682
- from {
683
- opacity: 0;
684
- transform: translate(-50%, -48%) scale(0.95);
685
- }
686
- to {
687
- opacity: 1;
688
- transform: translate(-50%, -50%) scale(1);
689
- }
690
- }
691
-
692
- @keyframes dialogFadeOut {
693
- from {
694
- opacity: 1;
695
- transform: translate(-50%, -50%) scale(1);
696
- }
697
- to {
698
- opacity: 0;
699
- transform: translate(-50%, -48%) scale(0.95);
700
- }
701
- }
702
-
703
- @keyframes overlayFadeIn {
704
- from {
705
- opacity: 0;
706
- }
707
- to {
708
- opacity: 1;
709
- }
710
- }
711
-
712
- @keyframes overlayFadeOut {
713
- from {
714
- opacity: 1;
715
- }
716
- to {
717
- opacity: 0;
718
- }
719
- }
720
-
721
- /* Accordion & Collapsible Animations */
722
- .AccordionContent {
723
- overflow: hidden;
2655
+ }
2656
+ .md\:block {
2657
+ display: block;
2658
+ }
2659
+ .md\:flex {
2660
+ display: flex;
2661
+ }
2662
+ .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
2663
+ width: var(--radix-navigation-menu-viewport-width);
2664
+ }
2665
+ .md\:w-auto {
2666
+ width: auto;
2667
+ }
2668
+ .md\:flex-row {
2669
+ flex-direction: row;
2670
+ }
2671
+ .md\:p-12 {
2672
+ padding: 3rem;
2673
+ }
2674
+ .md\:text-sm {
724
2675
  font-size: 0.875rem;
725
2676
  line-height: 1.25rem;
726
2677
  }
727
-
728
- .AccordionContent[data-state="open"] {
729
- animation: slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
730
- }
731
-
732
- .AccordionContent[data-state="closed"] {
733
- animation: slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1);
734
- }
735
-
736
- .CollapsibleContent {
737
- overflow: hidden;
738
- }
739
-
740
- .CollapsibleContent[data-state="open"] {
741
- animation: slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
742
- }
743
-
744
- .CollapsibleContent[data-state="closed"] {
745
- animation: slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1);
746
- }
747
-
748
- @keyframes slideDown {
749
- from {
750
- height: 0;
751
- }
752
- to {
753
- height: var(--radix-accordion-content-height, var(--radix-collapsible-content-height));
754
- }
755
- }
756
-
757
- @keyframes slideUp {
758
- from {
759
- height: var(--radix-accordion-content-height, var(--radix-collapsible-content-height));
760
- }
761
- to {
762
- height: 0;
763
- }
764
- }
765
-
766
- /* Dropdown, Select, Popover, Combobox Animations */
767
- .DropdownMenuContent {
768
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
769
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
770
- }
771
-
772
- .SelectContent {
773
- transform-origin: var(--radix-select-content-transform-origin);
774
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
775
- }
776
-
777
- .PopoverContent {
778
- transform-origin: var(--radix-popover-content-transform-origin);
779
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
780
- }
781
-
782
- .DropdownMenuContent[data-state="closed"],
783
- .SelectContent[data-state="closed"],
784
- .PopoverContent[data-state="closed"] {
785
- animation: scaleOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
786
- }
787
-
788
- @keyframes scaleIn {
789
- from {
790
- opacity: 0;
791
- transform: scale(0.95);
792
- }
793
- to {
794
- opacity: 1;
795
- transform: scale(1);
796
- }
797
- }
798
-
799
- @keyframes scaleOut {
800
- from {
801
- opacity: 1;
802
- transform: scale(1);
803
- }
804
- to {
805
- opacity: 0;
806
- transform: scale(0.95);
807
- }
808
- }
809
-
810
- /* Button Ripple Effect */
811
- .ripple {
812
- position: absolute;
813
- border-radius: 50%;
814
- background: rgba(255, 255, 255, 0.6);
815
- transform: scale(0);
816
- animation: ripple-animation 600ms ease-out;
817
- pointer-events: none;
818
- }
819
-
820
- @keyframes ripple-animation {
821
- to {
822
- transform: scale(4);
823
- opacity: 0;
824
- }
825
- }
826
- }
827
-
828
-
829
-
830
-
831
- @keyframes scaleIn {
832
- from { opacity: 0; scale: 0.95; }
833
- to { opacity: 1; scale: 1; }
834
- }
835
- @keyframes scaleOut {
836
- from { opacity: 1; scale: 1; }
837
- to { opacity: 0; scale: 0.95; }
838
- }
839
-
840
- .PopoverContent {
841
- transform-origin: var(--radix-popover-content-transform-origin);
842
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
2678
+ .md\:opacity-0 {
2679
+ opacity: 0;
2680
+ }
2681
+ .after\:md\:hidden::after {
2682
+ content: var(--tw-content);
2683
+ display: none;
2684
+ }
2685
+ .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
2686
+ margin: 0.5rem;
2687
+ }
2688
+ .peer[data-state=collapsed][data-variant=inset] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
2689
+ margin-left: 0.5rem;
2690
+ }
2691
+ .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
2692
+ margin-left: 0px;
2693
+ }
2694
+ .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
2695
+ border-radius: 0.75rem;
2696
+ }
2697
+ .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
2698
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2699
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2700
+ box-shadow:
2701
+ var(--tw-ring-offset-shadow, 0 0 #0000),
2702
+ var(--tw-ring-shadow, 0 0 #0000),
2703
+ var(--tw-shadow);
2704
+ }
843
2705
  }
844
- .PopoverContent[data-state="closed"] {
845
- animation: scaleOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
2706
+ .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot=item-content] {
2707
+ flex: none;
846
2708
  }
847
-
848
- .ContextMenuContent {
849
- transform-origin: var(--radix-context-menu-content-transform-origin);
850
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
2709
+ .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button {
2710
+ border-top-left-radius: calc(var(--radius) - 2px);
2711
+ border-bottom-left-radius: calc(var(--radius) - 2px);
851
2712
  }
852
- .ContextMenuContent[data-state="closed"] {
853
- animation: scaleOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
2713
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
2714
+ padding-right: 0px;
854
2715
  }
855
-
856
- .DropdownMenuContent {
857
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
858
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
2716
+ .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button {
2717
+ border-top-right-radius: calc(var(--radius) - 2px);
2718
+ border-bottom-right-radius: calc(var(--radius) - 2px);
859
2719
  }
860
- .DropdownMenuContent[data-state="closed"] {
861
- animation: scaleOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
2720
+ .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > *:not(:first-child) {
2721
+ border-top-left-radius: 0px;
2722
+ border-bottom-left-radius: 0px;
862
2723
  }
863
-
864
- .HoverCardContent {
865
- transform-origin: var(--radix-hover-card-content-transform-origin);
866
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
2724
+ .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > *:not(:first-child) {
2725
+ border-top-left-radius: 0px;
2726
+ border-top-right-radius: 0px;
867
2727
  }
868
- .HoverCardContent[data-state="closed"] {
869
- animation: scaleOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
2728
+ .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > *:not(:first-child) {
2729
+ border-left-width: 0px;
870
2730
  }
871
-
872
- .MenubarContent {
873
- transform-origin: var(--radix-menubar-content-transform-origin);
874
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
2731
+ .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > *:not(:first-child) {
2732
+ border-top-width: 0px;
875
2733
  }
876
- .MenubarContent[data-state="closed"] {
877
- animation: scaleOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
2734
+ .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > *:not(:last-child) {
2735
+ border-bottom-right-radius: 0px;
2736
+ border-bottom-left-radius: 0px;
878
2737
  }
879
-
880
- .NavigationMenuViewport {
881
- transform-origin: var(--radix-navigation-menu-viewport-transform-origin);
2738
+ .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > *:not(:last-child) {
2739
+ border-top-right-radius: 0px;
2740
+ border-bottom-right-radius: 0px;
882
2741
  }
883
-
884
- .SelectContent {
885
- transform-origin: var(--radix-select-content-transform-origin);
886
- animation: scaleIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
2742
+ .\[\&\>\*\]\:w-full > * {
2743
+ width: 100%;
2744
+ }
2745
+ .\[\&\>\*\]\:focus-visible\:relative:focus-visible > * {
2746
+ position: relative;
2747
+ }
2748
+ .\[\&\>\*\]\:focus-visible\:z-10:focus-visible > * {
2749
+ z-index: 10;
2750
+ }
2751
+ .\[\&\>\.sr-only\]\:w-auto > .sr-only {
2752
+ width: auto;
2753
+ }
2754
+ .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot=field-group] {
2755
+ gap: 1rem;
2756
+ }
2757
+ .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot=field-label] {
2758
+ flex: 1 1 auto;
2759
+ }
2760
+ .\[\&\>\[data-slot\=field\]\]\:p-4 > [data-slot=field] {
2761
+ padding: 1rem;
2762
+ }
2763
+ .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md > [data-slot=select-trigger]:last-of-type:has(select[aria-hidden=true]:last-child) {
2764
+ border-top-right-radius: calc(var(--radius) - 2px);
2765
+ border-bottom-right-radius: calc(var(--radius) - 2px);
2766
+ }
2767
+ .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot=select-trigger]:not([class*=w-]) {
2768
+ width: -moz-fit-content;
2769
+ width: fit-content;
2770
+ }
2771
+ .\[\&\>a\:hover\]\:text-primary > a:hover {
2772
+ color: hsl(var(--primary));
2773
+ }
2774
+ .\[\&\>a\]\:underline > a {
2775
+ text-decoration-line: underline;
2776
+ }
2777
+ .\[\&\>a\]\:underline-offset-4 > a {
2778
+ text-underline-offset: 4px;
2779
+ }
2780
+ .\[\&\>button\]\:hidden > button {
2781
+ display: none;
2782
+ }
2783
+ .\[\&\>input\]\:flex-1 > input {
2784
+ flex: 1 1 0%;
2785
+ }
2786
+ .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 > input:has(> [data-align=block-end]) {
2787
+ padding-top: 0.75rem;
2788
+ }
2789
+ .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 > input:has(> [data-align=block-start]) {
2790
+ padding-bottom: 0.75rem;
2791
+ }
2792
+ .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 > input:has(> [data-align=inline-end]) {
2793
+ padding-right: 0.5rem;
2794
+ }
2795
+ .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 > input:has(> [data-align=inline-start]) {
2796
+ padding-left: 0.5rem;
2797
+ }
2798
+ .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
2799
+ border-radius: calc(var(--radius) - 5px);
2800
+ }
2801
+ .\[\&\>span\:last-child\]\:truncate > span:last-child {
2802
+ overflow: hidden;
2803
+ text-overflow: ellipsis;
2804
+ white-space: nowrap;
2805
+ }
2806
+ .\[\&\>span\]\:line-clamp-1 > span {
2807
+ overflow: hidden;
2808
+ display: -webkit-box;
2809
+ -webkit-box-orient: vertical;
2810
+ -webkit-line-clamp: 1;
2811
+ }
2812
+ .\[\&\>span\]\:text-xs > span {
2813
+ font-size: 0.75rem;
2814
+ line-height: 1rem;
2815
+ }
2816
+ .\[\&\>span\]\:opacity-70 > span {
2817
+ opacity: 0.7;
2818
+ }
2819
+ .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
2820
+ --tw-translate-y: -3px;
2821
+ 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));
2822
+ }
2823
+ .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*=size-]) {
2824
+ width: 0.875rem;
2825
+ height: 0.875rem;
2826
+ }
2827
+ .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*=size-]) {
2828
+ width: 1rem;
2829
+ height: 1rem;
2830
+ }
2831
+ .\[\&\>svg\]\:absolute > svg {
2832
+ position: absolute;
2833
+ }
2834
+ .\[\&\>svg\]\:left-4 > svg {
2835
+ left: 1rem;
2836
+ }
2837
+ .\[\&\>svg\]\:top-4 > svg {
2838
+ top: 1rem;
2839
+ }
2840
+ .\[\&\>svg\]\:size-3\.5 > svg {
2841
+ width: 0.875rem;
2842
+ height: 0.875rem;
2843
+ }
2844
+ .\[\&\>svg\]\:size-4 > svg {
2845
+ width: 1rem;
2846
+ height: 1rem;
2847
+ }
2848
+ .\[\&\>svg\]\:h-2\.5 > svg {
2849
+ height: 0.625rem;
2850
+ }
2851
+ .\[\&\>svg\]\:h-3 > svg {
2852
+ height: 0.75rem;
2853
+ }
2854
+ .\[\&\>svg\]\:h-3\.5 > svg {
2855
+ height: 0.875rem;
2856
+ }
2857
+ .\[\&\>svg\]\:w-2\.5 > svg {
2858
+ width: 0.625rem;
2859
+ }
2860
+ .\[\&\>svg\]\:w-3 > svg {
2861
+ width: 0.75rem;
2862
+ }
2863
+ .\[\&\>svg\]\:w-3\.5 > svg {
2864
+ width: 0.875rem;
2865
+ }
2866
+ .\[\&\>svg\]\:shrink-0 > svg {
2867
+ flex-shrink: 0;
2868
+ }
2869
+ .\[\&\>svg\]\:text-destructive > svg {
2870
+ color: hsl(var(--destructive));
2871
+ }
2872
+ .\[\&\>svg\]\:text-foreground > svg {
2873
+ color: hsl(var(--foreground));
2874
+ }
2875
+ .\[\&\>svg\]\:text-muted-foreground > svg {
2876
+ color: hsl(var(--muted-foreground));
2877
+ }
2878
+ .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
2879
+ color: hsl(var(--sidebar-accent-foreground));
2880
+ }
2881
+ .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
2882
+ padding-left: 1.75rem;
2883
+ }
2884
+ .\[\&\>tr\]\:last\:border-b-0:last-child > tr {
2885
+ border-bottom-width: 0px;
2886
+ }
2887
+ .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical] > div {
2888
+ --tw-rotate: 90deg;
2889
+ 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));
2890
+ }
2891
+ .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
2892
+ --tw-rotate: 180deg;
2893
+ 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));
2894
+ }
2895
+ .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
2896
+ fill: hsl(var(--muted-foreground));
2897
+ }
2898
+ .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
2899
+ stroke: hsl(var(--border) / 0.5);
2900
+ }
2901
+ .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
2902
+ stroke: hsl(var(--border));
2903
+ }
2904
+ .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
2905
+ stroke: transparent;
2906
+ }
2907
+ .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
2908
+ outline: 2px solid transparent;
2909
+ outline-offset: 2px;
2910
+ }
2911
+ .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
2912
+ stroke: hsl(var(--border));
2913
+ }
2914
+ .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
2915
+ fill: hsl(var(--muted));
2916
+ }
2917
+ .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
2918
+ fill: hsl(var(--muted));
2919
+ }
2920
+ .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
2921
+ stroke: hsl(var(--border));
2922
+ }
2923
+ .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
2924
+ stroke: transparent;
2925
+ }
2926
+ .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
2927
+ outline: 2px solid transparent;
2928
+ outline-offset: 2px;
2929
+ }
2930
+ .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
2931
+ outline: 2px solid transparent;
2932
+ outline-offset: 2px;
2933
+ }
2934
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
2935
+ padding-left: 0.5rem;
2936
+ padding-right: 0.5rem;
2937
+ }
2938
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
2939
+ padding-top: 0.375rem;
2940
+ padding-bottom: 0.375rem;
2941
+ }
2942
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
2943
+ font-size: 0.75rem;
2944
+ line-height: 1rem;
2945
+ }
2946
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
2947
+ font-weight: 500;
2948
+ }
2949
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
2950
+ color: hsl(var(--muted-foreground));
2951
+ }
2952
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
2953
+ padding-top: 0px;
2954
+ }
2955
+ .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
2956
+ padding-left: 0.5rem;
2957
+ padding-right: 0.5rem;
2958
+ }
2959
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
2960
+ height: 1.25rem;
2961
+ }
2962
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
2963
+ width: 1.25rem;
2964
+ }
2965
+ .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
2966
+ height: 3rem;
2967
+ }
2968
+ .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
2969
+ padding-left: 0.5rem;
2970
+ padding-right: 0.5rem;
2971
+ }
2972
+ .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
2973
+ padding-top: 0.75rem;
2974
+ padding-bottom: 0.75rem;
2975
+ }
2976
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
2977
+ height: 1.25rem;
2978
+ }
2979
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
2980
+ width: 1.25rem;
2981
+ }
2982
+ .\[\&_img\]\:size-full img {
2983
+ width: 100%;
2984
+ height: 100%;
2985
+ }
2986
+ .\[\&_img\]\:object-cover img {
2987
+ -o-object-fit: cover;
2988
+ object-fit: cover;
2989
+ }
2990
+ .\[\&_p\]\:leading-relaxed p {
2991
+ line-height: 1.625;
2992
+ }
2993
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]) {
2994
+ width: 0.75rem;
2995
+ height: 0.75rem;
2996
+ }
2997
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
2998
+ width: 1rem;
2999
+ height: 1rem;
3000
+ }
3001
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) {
3002
+ width: 1.5rem;
3003
+ height: 1.5rem;
3004
+ }
3005
+ .\[\&_svg\]\:pointer-events-none svg {
3006
+ pointer-events: none;
3007
+ }
3008
+ .\[\&_svg\]\:size-4 svg {
3009
+ width: 1rem;
3010
+ height: 1rem;
3011
+ }
3012
+ .\[\&_svg\]\:shrink-0 svg {
3013
+ flex-shrink: 0;
3014
+ }
3015
+ .\[\&_tr\:last-child\]\:border-0 tr:last-child {
3016
+ border-width: 0px;
3017
+ }
3018
+ .\[\&_tr\]\:border-b tr {
3019
+ border-bottom-width: 1px;
3020
+ }
3021
+ [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
3022
+ right: -0.5rem;
3023
+ }
3024
+ [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
3025
+ cursor: e-resize;
3026
+ }
3027
+ [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
3028
+ cursor: w-resize;
3029
+ }
3030
+ [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
3031
+ left: -0.5rem;
3032
+ }
3033
+ [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
3034
+ cursor: w-resize;
3035
+ }
3036
+ [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
3037
+ cursor: e-resize;
3038
+ }
3039
+ [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
3040
+ background-color: transparent;
3041
+ }
3042
+ [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
3043
+ background-color: transparent;
3044
+ }
3045
+ [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
3046
+ background-color: hsl(var(--background) / 0.2);
3047
+ }
3048
+ [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
3049
+ color: hsl(var(--background));
3050
+ }
3051
+ [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) {
3052
+ background-color: hsl(var(--background) / 0.1);
3053
+ }
3054
+ [data-variant=legend] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
3055
+ margin-top: -0.375rem;
887
3056
  }
888
- .SelectContent[data-state="closed"] {
889
- animation: scaleOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
890
- }