@copilotz/admin 0.3.4 → 0.3.5

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.
@@ -0,0 +1,1414 @@
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-white: #fff;
11
+ --spacing: 0.25rem;
12
+ --text-xs: 0.75rem;
13
+ --text-xs--line-height: calc(1 / 0.75);
14
+ --text-sm: 0.875rem;
15
+ --text-sm--line-height: calc(1.25 / 0.875);
16
+ --text-base: 1rem;
17
+ --text-base--line-height: calc(1.5 / 1);
18
+ --text-lg: 1.125rem;
19
+ --text-lg--line-height: calc(1.75 / 1.125);
20
+ --text-2xl: 1.5rem;
21
+ --text-2xl--line-height: calc(2 / 1.5);
22
+ --text-3xl: 1.875rem;
23
+ --text-3xl--line-height: calc(2.25 / 1.875);
24
+ --font-weight-medium: 500;
25
+ --font-weight-semibold: 600;
26
+ --tracking-tight: -0.025em;
27
+ --radius-sm: 0.25rem;
28
+ --radius-md: 0.375rem;
29
+ --radius-lg: 0.5rem;
30
+ --radius-xl: 0.75rem;
31
+ --default-transition-duration: 150ms;
32
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
33
+ --default-font-family: var(--font-sans);
34
+ --default-mono-font-family: var(--font-mono);
35
+ --color-background: hsl(var(--background));
36
+ --color-foreground: hsl(var(--foreground));
37
+ --color-card: hsl(var(--card));
38
+ --color-card-foreground: hsl(var(--card-foreground));
39
+ --color-popover: hsl(var(--popover));
40
+ --color-popover-foreground: hsl(var(--popover-foreground));
41
+ --color-primary: hsl(var(--primary));
42
+ --color-primary-foreground: hsl(var(--primary-foreground));
43
+ --color-secondary: hsl(var(--secondary));
44
+ --color-secondary-foreground: hsl(var(--secondary-foreground));
45
+ --color-muted: hsl(var(--muted));
46
+ --color-muted-foreground: hsl(var(--muted-foreground));
47
+ --color-accent: hsl(var(--accent));
48
+ --color-accent-foreground: hsl(var(--accent-foreground));
49
+ --color-destructive: hsl(var(--destructive));
50
+ --color-border: hsl(var(--border));
51
+ --color-input: hsl(var(--input));
52
+ --color-ring: hsl(var(--ring));
53
+ }
54
+ }
55
+ @layer base {
56
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
57
+ box-sizing: border-box;
58
+ margin: 0;
59
+ padding: 0;
60
+ border: 0 solid;
61
+ }
62
+ html, :host {
63
+ line-height: 1.5;
64
+ -webkit-text-size-adjust: 100%;
65
+ tab-size: 4;
66
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
67
+ font-feature-settings: var(--default-font-feature-settings, normal);
68
+ font-variation-settings: var(--default-font-variation-settings, normal);
69
+ -webkit-tap-highlight-color: transparent;
70
+ }
71
+ hr {
72
+ height: 0;
73
+ color: inherit;
74
+ border-top-width: 1px;
75
+ }
76
+ abbr:where([title]) {
77
+ -webkit-text-decoration: underline dotted;
78
+ text-decoration: underline dotted;
79
+ }
80
+ h1, h2, h3, h4, h5, h6 {
81
+ font-size: inherit;
82
+ font-weight: inherit;
83
+ }
84
+ a {
85
+ color: inherit;
86
+ -webkit-text-decoration: inherit;
87
+ text-decoration: inherit;
88
+ }
89
+ b, strong {
90
+ font-weight: bolder;
91
+ }
92
+ code, kbd, samp, pre {
93
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
94
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
95
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
96
+ font-size: 1em;
97
+ }
98
+ small {
99
+ font-size: 80%;
100
+ }
101
+ sub, sup {
102
+ font-size: 75%;
103
+ line-height: 0;
104
+ position: relative;
105
+ vertical-align: baseline;
106
+ }
107
+ sub {
108
+ bottom: -0.25em;
109
+ }
110
+ sup {
111
+ top: -0.5em;
112
+ }
113
+ table {
114
+ text-indent: 0;
115
+ border-color: inherit;
116
+ border-collapse: collapse;
117
+ }
118
+ :-moz-focusring {
119
+ outline: auto;
120
+ }
121
+ progress {
122
+ vertical-align: baseline;
123
+ }
124
+ summary {
125
+ display: list-item;
126
+ }
127
+ ol, ul, menu {
128
+ list-style: none;
129
+ }
130
+ img, svg, video, canvas, audio, iframe, embed, object {
131
+ display: block;
132
+ vertical-align: middle;
133
+ }
134
+ img, video {
135
+ max-width: 100%;
136
+ height: auto;
137
+ }
138
+ button, input, select, optgroup, textarea, ::file-selector-button {
139
+ font: inherit;
140
+ font-feature-settings: inherit;
141
+ font-variation-settings: inherit;
142
+ letter-spacing: inherit;
143
+ color: inherit;
144
+ border-radius: 0;
145
+ background-color: transparent;
146
+ opacity: 1;
147
+ }
148
+ :where(select:is([multiple], [size])) optgroup {
149
+ font-weight: bolder;
150
+ }
151
+ :where(select:is([multiple], [size])) optgroup option {
152
+ padding-inline-start: 20px;
153
+ }
154
+ ::file-selector-button {
155
+ margin-inline-end: 4px;
156
+ }
157
+ ::placeholder {
158
+ opacity: 1;
159
+ }
160
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
161
+ ::placeholder {
162
+ color: currentcolor;
163
+ @supports (color: color-mix(in lab, red, red)) {
164
+ color: color-mix(in oklab, currentcolor 50%, transparent);
165
+ }
166
+ }
167
+ }
168
+ textarea {
169
+ resize: vertical;
170
+ }
171
+ ::-webkit-search-decoration {
172
+ -webkit-appearance: none;
173
+ }
174
+ ::-webkit-date-and-time-value {
175
+ min-height: 1lh;
176
+ text-align: inherit;
177
+ }
178
+ ::-webkit-datetime-edit {
179
+ display: inline-flex;
180
+ }
181
+ ::-webkit-datetime-edit-fields-wrapper {
182
+ padding: 0;
183
+ }
184
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
185
+ padding-block: 0;
186
+ }
187
+ ::-webkit-calendar-picker-indicator {
188
+ line-height: 1;
189
+ }
190
+ :-moz-ui-invalid {
191
+ box-shadow: none;
192
+ }
193
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
194
+ appearance: button;
195
+ }
196
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
197
+ height: auto;
198
+ }
199
+ [hidden]:where(:not([hidden="until-found"])) {
200
+ display: none !important;
201
+ }
202
+ }
203
+ @layer utilities {
204
+ .\@container\/card-header {
205
+ container-type: inline-size;
206
+ container-name: card-header;
207
+ }
208
+ .absolute {
209
+ position: absolute;
210
+ }
211
+ .relative {
212
+ position: relative;
213
+ }
214
+ .right-2 {
215
+ right: calc(var(--spacing) * 2);
216
+ }
217
+ .z-50 {
218
+ z-index: 50;
219
+ }
220
+ .col-start-2 {
221
+ grid-column-start: 2;
222
+ }
223
+ .row-span-2 {
224
+ grid-row: span 2 / span 2;
225
+ }
226
+ .row-start-1 {
227
+ grid-row-start: 1;
228
+ }
229
+ .mt-1 {
230
+ margin-top: calc(var(--spacing) * 1);
231
+ }
232
+ .mt-2 {
233
+ margin-top: calc(var(--spacing) * 2);
234
+ }
235
+ .mt-3 {
236
+ margin-top: calc(var(--spacing) * 3);
237
+ }
238
+ .mb-4 {
239
+ margin-bottom: calc(var(--spacing) * 4);
240
+ }
241
+ .flex {
242
+ display: flex;
243
+ }
244
+ .grid {
245
+ display: grid;
246
+ }
247
+ .inline-flex {
248
+ display: inline-flex;
249
+ }
250
+ .size-9 {
251
+ width: calc(var(--spacing) * 9);
252
+ height: calc(var(--spacing) * 9);
253
+ }
254
+ .h-4 {
255
+ height: calc(var(--spacing) * 4);
256
+ }
257
+ .h-8 {
258
+ height: calc(var(--spacing) * 8);
259
+ }
260
+ .h-9 {
261
+ height: calc(var(--spacing) * 9);
262
+ }
263
+ .h-10 {
264
+ height: calc(var(--spacing) * 10);
265
+ }
266
+ .h-40 {
267
+ height: calc(var(--spacing) * 40);
268
+ }
269
+ .h-\[var\(--radix-select-trigger-height\)\] {
270
+ height: var(--radix-select-trigger-height);
271
+ }
272
+ .min-h-56 {
273
+ min-height: calc(var(--spacing) * 56);
274
+ }
275
+ .w-4 {
276
+ width: calc(var(--spacing) * 4);
277
+ }
278
+ .w-10 {
279
+ width: calc(var(--spacing) * 10);
280
+ }
281
+ .w-\[110px\] {
282
+ width: 110px;
283
+ }
284
+ .w-fit {
285
+ width: fit-content;
286
+ }
287
+ .w-full {
288
+ width: 100%;
289
+ }
290
+ .max-w-44 {
291
+ max-width: calc(var(--spacing) * 44);
292
+ }
293
+ .min-w-0 {
294
+ min-width: calc(var(--spacing) * 0);
295
+ }
296
+ .min-w-\[8rem\] {
297
+ min-width: 8rem;
298
+ }
299
+ .min-w-\[var\(--radix-select-trigger-width\)\] {
300
+ min-width: var(--radix-select-trigger-width);
301
+ }
302
+ .flex-1 {
303
+ flex: 1;
304
+ }
305
+ .shrink-0 {
306
+ flex-shrink: 0;
307
+ }
308
+ .translate-y-1 {
309
+ --tw-translate-y: calc(var(--spacing) * 1);
310
+ translate: var(--tw-translate-x) var(--tw-translate-y);
311
+ }
312
+ .cursor-default {
313
+ cursor: default;
314
+ }
315
+ .auto-rows-min {
316
+ grid-auto-rows: min-content;
317
+ }
318
+ .grid-cols-2 {
319
+ grid-template-columns: repeat(2, minmax(0, 1fr));
320
+ }
321
+ .grid-rows-\[auto_auto\] {
322
+ grid-template-rows: auto auto;
323
+ }
324
+ .flex-col {
325
+ flex-direction: column;
326
+ }
327
+ .flex-wrap {
328
+ flex-wrap: wrap;
329
+ }
330
+ .items-center {
331
+ align-items: center;
332
+ }
333
+ .items-end {
334
+ align-items: flex-end;
335
+ }
336
+ .items-start {
337
+ align-items: flex-start;
338
+ }
339
+ .justify-between {
340
+ justify-content: space-between;
341
+ }
342
+ .justify-center {
343
+ justify-content: center;
344
+ }
345
+ .gap-0 {
346
+ gap: calc(var(--spacing) * 0);
347
+ }
348
+ .gap-1 {
349
+ gap: calc(var(--spacing) * 1);
350
+ }
351
+ .gap-1\.5 {
352
+ gap: calc(var(--spacing) * 1.5);
353
+ }
354
+ .gap-2 {
355
+ gap: calc(var(--spacing) * 2);
356
+ }
357
+ .gap-3 {
358
+ gap: calc(var(--spacing) * 3);
359
+ }
360
+ .gap-4 {
361
+ gap: calc(var(--spacing) * 4);
362
+ }
363
+ .gap-6 {
364
+ gap: calc(var(--spacing) * 6);
365
+ }
366
+ .space-y-1 {
367
+ :where(& > :not(:last-child)) {
368
+ --tw-space-y-reverse: 0;
369
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
370
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
371
+ }
372
+ }
373
+ .space-y-3 {
374
+ :where(& > :not(:last-child)) {
375
+ --tw-space-y-reverse: 0;
376
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
377
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
378
+ }
379
+ }
380
+ .space-y-4 {
381
+ :where(& > :not(:last-child)) {
382
+ --tw-space-y-reverse: 0;
383
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
384
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
385
+ }
386
+ }
387
+ .space-y-6 {
388
+ :where(& > :not(:last-child)) {
389
+ --tw-space-y-reverse: 0;
390
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
391
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
392
+ }
393
+ }
394
+ .self-start {
395
+ align-self: flex-start;
396
+ }
397
+ .justify-self-end {
398
+ justify-self: flex-end;
399
+ }
400
+ .truncate {
401
+ overflow: hidden;
402
+ text-overflow: ellipsis;
403
+ white-space: nowrap;
404
+ }
405
+ .overflow-hidden {
406
+ overflow: hidden;
407
+ }
408
+ .rounded-lg {
409
+ border-radius: var(--radius-lg);
410
+ }
411
+ .rounded-md {
412
+ border-radius: var(--radius-md);
413
+ }
414
+ .rounded-sm {
415
+ border-radius: var(--radius-sm);
416
+ }
417
+ .rounded-xl {
418
+ border-radius: var(--radius-xl);
419
+ }
420
+ .border {
421
+ border-style: var(--tw-border-style);
422
+ border-width: 1px;
423
+ }
424
+ .border-dashed {
425
+ --tw-border-style: dashed;
426
+ border-style: dashed;
427
+ }
428
+ .border-destructive\/50 {
429
+ border-color: color-mix(in srgb, hsl(var(--destructive)) 50%, transparent);
430
+ @supports (color: color-mix(in lab, red, red)) {
431
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
432
+ }
433
+ }
434
+ .border-input {
435
+ border-color: var(--color-input);
436
+ }
437
+ .border-transparent {
438
+ border-color: transparent;
439
+ }
440
+ .bg-background {
441
+ background-color: var(--color-background);
442
+ }
443
+ .bg-card {
444
+ background-color: var(--color-card);
445
+ }
446
+ .bg-destructive {
447
+ background-color: var(--color-destructive);
448
+ }
449
+ .bg-destructive\/10 {
450
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
451
+ @supports (color: color-mix(in lab, red, red)) {
452
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
453
+ }
454
+ }
455
+ .bg-muted {
456
+ background-color: var(--color-muted);
457
+ }
458
+ .bg-muted\/50 {
459
+ background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
460
+ @supports (color: color-mix(in lab, red, red)) {
461
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
462
+ }
463
+ }
464
+ .bg-popover {
465
+ background-color: var(--color-popover);
466
+ }
467
+ .bg-primary {
468
+ background-color: var(--color-primary);
469
+ }
470
+ .bg-secondary {
471
+ background-color: var(--color-secondary);
472
+ }
473
+ .bg-transparent {
474
+ background-color: transparent;
475
+ }
476
+ .p-0 {
477
+ padding: calc(var(--spacing) * 0);
478
+ }
479
+ .p-1 {
480
+ padding: calc(var(--spacing) * 1);
481
+ }
482
+ .p-4 {
483
+ padding: calc(var(--spacing) * 4);
484
+ }
485
+ .p-5 {
486
+ padding: calc(var(--spacing) * 5);
487
+ }
488
+ .p-8 {
489
+ padding: calc(var(--spacing) * 8);
490
+ }
491
+ .px-1 {
492
+ padding-inline: calc(var(--spacing) * 1);
493
+ }
494
+ .px-2 {
495
+ padding-inline: calc(var(--spacing) * 2);
496
+ }
497
+ .px-3 {
498
+ padding-inline: calc(var(--spacing) * 3);
499
+ }
500
+ .px-4 {
501
+ padding-inline: calc(var(--spacing) * 4);
502
+ }
503
+ .px-6 {
504
+ padding-inline: calc(var(--spacing) * 6);
505
+ }
506
+ .py-0 {
507
+ padding-block: calc(var(--spacing) * 0);
508
+ }
509
+ .py-0\.5 {
510
+ padding-block: calc(var(--spacing) * 0.5);
511
+ }
512
+ .py-1 {
513
+ padding-block: calc(var(--spacing) * 1);
514
+ }
515
+ .py-1\.5 {
516
+ padding-block: calc(var(--spacing) * 1.5);
517
+ }
518
+ .py-2 {
519
+ padding-block: calc(var(--spacing) * 2);
520
+ }
521
+ .py-6 {
522
+ padding-block: calc(var(--spacing) * 6);
523
+ }
524
+ .py-10 {
525
+ padding-block: calc(var(--spacing) * 10);
526
+ }
527
+ .pr-8 {
528
+ padding-right: calc(var(--spacing) * 8);
529
+ }
530
+ .pb-1 {
531
+ padding-bottom: calc(var(--spacing) * 1);
532
+ }
533
+ .pl-2 {
534
+ padding-left: calc(var(--spacing) * 2);
535
+ }
536
+ .text-center {
537
+ text-align: center;
538
+ }
539
+ .text-2xl {
540
+ font-size: var(--text-2xl);
541
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
542
+ }
543
+ .text-3xl {
544
+ font-size: var(--text-3xl);
545
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
546
+ }
547
+ .text-base {
548
+ font-size: var(--text-base);
549
+ line-height: var(--tw-leading, var(--text-base--line-height));
550
+ }
551
+ .text-lg {
552
+ font-size: var(--text-lg);
553
+ line-height: var(--tw-leading, var(--text-lg--line-height));
554
+ }
555
+ .text-sm {
556
+ font-size: var(--text-sm);
557
+ line-height: var(--tw-leading, var(--text-sm--line-height));
558
+ }
559
+ .text-xs {
560
+ font-size: var(--text-xs);
561
+ line-height: var(--tw-leading, var(--text-xs--line-height));
562
+ }
563
+ .text-\[11px\] {
564
+ font-size: 11px;
565
+ }
566
+ .leading-none {
567
+ --tw-leading: 1;
568
+ line-height: 1;
569
+ }
570
+ .font-medium {
571
+ --tw-font-weight: var(--font-weight-medium);
572
+ font-weight: var(--font-weight-medium);
573
+ }
574
+ .font-semibold {
575
+ --tw-font-weight: var(--font-weight-semibold);
576
+ font-weight: var(--font-weight-semibold);
577
+ }
578
+ .tracking-\[0\.18em\] {
579
+ --tw-tracking: 0.18em;
580
+ letter-spacing: 0.18em;
581
+ }
582
+ .tracking-tight {
583
+ --tw-tracking: var(--tracking-tight);
584
+ letter-spacing: var(--tracking-tight);
585
+ }
586
+ .whitespace-nowrap {
587
+ white-space: nowrap;
588
+ }
589
+ .text-card-foreground {
590
+ color: var(--color-card-foreground);
591
+ }
592
+ .text-destructive {
593
+ color: var(--color-destructive);
594
+ }
595
+ .text-foreground {
596
+ color: var(--color-foreground);
597
+ }
598
+ .text-muted-foreground {
599
+ color: var(--color-muted-foreground);
600
+ }
601
+ .text-popover-foreground {
602
+ color: var(--color-popover-foreground);
603
+ }
604
+ .text-primary {
605
+ color: var(--color-primary);
606
+ }
607
+ .text-primary-foreground {
608
+ color: var(--color-primary-foreground);
609
+ }
610
+ .text-secondary-foreground {
611
+ color: var(--color-secondary-foreground);
612
+ }
613
+ .text-white {
614
+ color: var(--color-white);
615
+ }
616
+ .uppercase {
617
+ text-transform: uppercase;
618
+ }
619
+ .underline-offset-4 {
620
+ text-underline-offset: 4px;
621
+ }
622
+ .opacity-50 {
623
+ opacity: 50%;
624
+ }
625
+ .shadow-md {
626
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
627
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
628
+ }
629
+ .shadow-sm {
630
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
631
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
632
+ }
633
+ .shadow-xs {
634
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
635
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
636
+ }
637
+ .outline {
638
+ outline-style: var(--tw-outline-style);
639
+ outline-width: 1px;
640
+ }
641
+ .transition-\[color\,box-shadow\] {
642
+ transition-property: color,box-shadow;
643
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
644
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
645
+ }
646
+ .transition-all {
647
+ transition-property: all;
648
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
649
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
650
+ }
651
+ .transition-colors {
652
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
653
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
654
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
655
+ }
656
+ .outline-none {
657
+ --tw-outline-style: none;
658
+ outline-style: none;
659
+ }
660
+ .select-none {
661
+ -webkit-user-select: none;
662
+ user-select: none;
663
+ }
664
+ .selection\:bg-primary {
665
+ & *::selection {
666
+ background-color: var(--color-primary);
667
+ }
668
+ &::selection {
669
+ background-color: var(--color-primary);
670
+ }
671
+ }
672
+ .selection\:text-primary-foreground {
673
+ & *::selection {
674
+ color: var(--color-primary-foreground);
675
+ }
676
+ &::selection {
677
+ color: var(--color-primary-foreground);
678
+ }
679
+ }
680
+ .file\:inline-flex {
681
+ &::file-selector-button {
682
+ display: inline-flex;
683
+ }
684
+ }
685
+ .file\:h-7 {
686
+ &::file-selector-button {
687
+ height: calc(var(--spacing) * 7);
688
+ }
689
+ }
690
+ .file\:border-0 {
691
+ &::file-selector-button {
692
+ border-style: var(--tw-border-style);
693
+ border-width: 0px;
694
+ }
695
+ }
696
+ .file\:bg-transparent {
697
+ &::file-selector-button {
698
+ background-color: transparent;
699
+ }
700
+ }
701
+ .file\:text-sm {
702
+ &::file-selector-button {
703
+ font-size: var(--text-sm);
704
+ line-height: var(--tw-leading, var(--text-sm--line-height));
705
+ }
706
+ }
707
+ .file\:font-medium {
708
+ &::file-selector-button {
709
+ --tw-font-weight: var(--font-weight-medium);
710
+ font-weight: var(--font-weight-medium);
711
+ }
712
+ }
713
+ .file\:text-foreground {
714
+ &::file-selector-button {
715
+ color: var(--color-foreground);
716
+ }
717
+ }
718
+ .placeholder\:text-muted-foreground {
719
+ &::placeholder {
720
+ color: var(--color-muted-foreground);
721
+ }
722
+ }
723
+ .hover\:bg-accent {
724
+ &:hover {
725
+ @media (hover: hover) {
726
+ background-color: var(--color-accent);
727
+ }
728
+ }
729
+ }
730
+ .hover\:bg-destructive\/90 {
731
+ &:hover {
732
+ @media (hover: hover) {
733
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
734
+ @supports (color: color-mix(in lab, red, red)) {
735
+ background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
736
+ }
737
+ }
738
+ }
739
+ }
740
+ .hover\:bg-primary\/90 {
741
+ &:hover {
742
+ @media (hover: hover) {
743
+ background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
744
+ @supports (color: color-mix(in lab, red, red)) {
745
+ background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
746
+ }
747
+ }
748
+ }
749
+ }
750
+ .hover\:bg-secondary\/80 {
751
+ &:hover {
752
+ @media (hover: hover) {
753
+ background-color: color-mix(in srgb, hsl(var(--secondary)) 80%, transparent);
754
+ @supports (color: color-mix(in lab, red, red)) {
755
+ background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
756
+ }
757
+ }
758
+ }
759
+ }
760
+ .hover\:text-accent-foreground {
761
+ &:hover {
762
+ @media (hover: hover) {
763
+ color: var(--color-accent-foreground);
764
+ }
765
+ }
766
+ }
767
+ .hover\:underline {
768
+ &:hover {
769
+ @media (hover: hover) {
770
+ text-decoration-line: underline;
771
+ }
772
+ }
773
+ }
774
+ .focus\:bg-accent {
775
+ &:focus {
776
+ background-color: var(--color-accent);
777
+ }
778
+ }
779
+ .focus\:text-accent-foreground {
780
+ &:focus {
781
+ color: var(--color-accent-foreground);
782
+ }
783
+ }
784
+ .focus\:ring-2 {
785
+ &:focus {
786
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
787
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
788
+ }
789
+ }
790
+ .focus\:ring-ring\/40 {
791
+ &:focus {
792
+ --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 40%, transparent);
793
+ @supports (color: color-mix(in lab, red, red)) {
794
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 40%, transparent);
795
+ }
796
+ }
797
+ }
798
+ .focus-visible\:border-ring {
799
+ &:focus-visible {
800
+ border-color: var(--color-ring);
801
+ }
802
+ }
803
+ .focus-visible\:ring-\[3px\] {
804
+ &:focus-visible {
805
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
806
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
807
+ }
808
+ }
809
+ .focus-visible\:ring-destructive\/20 {
810
+ &:focus-visible {
811
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
812
+ @supports (color: color-mix(in lab, red, red)) {
813
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
814
+ }
815
+ }
816
+ }
817
+ .focus-visible\:ring-ring\/50 {
818
+ &:focus-visible {
819
+ --tw-ring-color: color-mix(in srgb, hsl(var(--ring)) 50%, transparent);
820
+ @supports (color: color-mix(in lab, red, red)) {
821
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
822
+ }
823
+ }
824
+ }
825
+ .disabled\:pointer-events-none {
826
+ &:disabled {
827
+ pointer-events: none;
828
+ }
829
+ }
830
+ .disabled\:cursor-not-allowed {
831
+ &:disabled {
832
+ cursor: not-allowed;
833
+ }
834
+ }
835
+ .disabled\:opacity-50 {
836
+ &:disabled {
837
+ opacity: 50%;
838
+ }
839
+ }
840
+ .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
841
+ &:has(*[data-slot="card-action"]) {
842
+ grid-template-columns: 1fr auto;
843
+ }
844
+ }
845
+ .has-\[\>svg\]\:px-2\.5 {
846
+ &:has(>svg) {
847
+ padding-inline: calc(var(--spacing) * 2.5);
848
+ }
849
+ }
850
+ .has-\[\>svg\]\:px-3 {
851
+ &:has(>svg) {
852
+ padding-inline: calc(var(--spacing) * 3);
853
+ }
854
+ }
855
+ .has-\[\>svg\]\:px-4 {
856
+ &:has(>svg) {
857
+ padding-inline: calc(var(--spacing) * 4);
858
+ }
859
+ }
860
+ .aria-invalid\:border-destructive {
861
+ &[aria-invalid="true"] {
862
+ border-color: var(--color-destructive);
863
+ }
864
+ }
865
+ .aria-invalid\:ring-destructive\/20 {
866
+ &[aria-invalid="true"] {
867
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 20%, transparent);
868
+ @supports (color: color-mix(in lab, red, red)) {
869
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
870
+ }
871
+ }
872
+ }
873
+ .data-\[disabled\]\:pointer-events-none {
874
+ &[data-disabled] {
875
+ pointer-events: none;
876
+ }
877
+ }
878
+ .data-\[disabled\]\:opacity-50 {
879
+ &[data-disabled] {
880
+ opacity: 50%;
881
+ }
882
+ }
883
+ .md\:grid-cols-2 {
884
+ @media (width >= 48rem) {
885
+ grid-template-columns: repeat(2, minmax(0, 1fr));
886
+ }
887
+ }
888
+ .md\:text-sm {
889
+ @media (width >= 48rem) {
890
+ font-size: var(--text-sm);
891
+ line-height: var(--tw-leading, var(--text-sm--line-height));
892
+ }
893
+ }
894
+ .lg\:flex-row {
895
+ @media (width >= 64rem) {
896
+ flex-direction: row;
897
+ }
898
+ }
899
+ .lg\:items-center {
900
+ @media (width >= 64rem) {
901
+ align-items: center;
902
+ }
903
+ }
904
+ .lg\:justify-between {
905
+ @media (width >= 64rem) {
906
+ justify-content: space-between;
907
+ }
908
+ }
909
+ .xl\:grid-cols-3 {
910
+ @media (width >= 80rem) {
911
+ grid-template-columns: repeat(3, minmax(0, 1fr));
912
+ }
913
+ }
914
+ .xl\:grid-cols-5 {
915
+ @media (width >= 80rem) {
916
+ grid-template-columns: repeat(5, minmax(0, 1fr));
917
+ }
918
+ }
919
+ .dark\:border-input {
920
+ &:is(.dark *) {
921
+ border-color: var(--color-input);
922
+ }
923
+ }
924
+ .dark\:bg-destructive\/60 {
925
+ &:is(.dark *) {
926
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 60%, transparent);
927
+ @supports (color: color-mix(in lab, red, red)) {
928
+ background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent);
929
+ }
930
+ }
931
+ }
932
+ .dark\:bg-input\/30 {
933
+ &:is(.dark *) {
934
+ background-color: color-mix(in srgb, hsl(var(--input)) 30%, transparent);
935
+ @supports (color: color-mix(in lab, red, red)) {
936
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
937
+ }
938
+ }
939
+ }
940
+ .dark\:hover\:bg-accent\/50 {
941
+ &:is(.dark *) {
942
+ &:hover {
943
+ @media (hover: hover) {
944
+ background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
945
+ @supports (color: color-mix(in lab, red, red)) {
946
+ background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
947
+ }
948
+ }
949
+ }
950
+ }
951
+ }
952
+ .dark\:hover\:bg-input\/50 {
953
+ &:is(.dark *) {
954
+ &:hover {
955
+ @media (hover: hover) {
956
+ background-color: color-mix(in srgb, hsl(var(--input)) 50%, transparent);
957
+ @supports (color: color-mix(in lab, red, red)) {
958
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
959
+ }
960
+ }
961
+ }
962
+ }
963
+ }
964
+ .dark\:focus-visible\:ring-destructive\/40 {
965
+ &:is(.dark *) {
966
+ &:focus-visible {
967
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
968
+ @supports (color: color-mix(in lab, red, red)) {
969
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
970
+ }
971
+ }
972
+ }
973
+ }
974
+ .dark\:aria-invalid\:ring-destructive\/40 {
975
+ &:is(.dark *) {
976
+ &[aria-invalid="true"] {
977
+ --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
978
+ @supports (color: color-mix(in lab, red, red)) {
979
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
980
+ }
981
+ }
982
+ }
983
+ }
984
+ .\[\&_svg\]\:pointer-events-none {
985
+ & svg {
986
+ pointer-events: none;
987
+ }
988
+ }
989
+ .\[\&_svg\]\:shrink-0 {
990
+ & svg {
991
+ flex-shrink: 0;
992
+ }
993
+ }
994
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
995
+ & svg:not([class*='size-']) {
996
+ width: calc(var(--spacing) * 4);
997
+ height: calc(var(--spacing) * 4);
998
+ }
999
+ }
1000
+ .\[\.border-b\]\:pb-6 {
1001
+ &:is(.border-b) {
1002
+ padding-bottom: calc(var(--spacing) * 6);
1003
+ }
1004
+ }
1005
+ .\[\.border-t\]\:pt-6 {
1006
+ &:is(.border-t) {
1007
+ padding-top: calc(var(--spacing) * 6);
1008
+ }
1009
+ }
1010
+ .\[\&\>svg\]\:pointer-events-none {
1011
+ &>svg {
1012
+ pointer-events: none;
1013
+ }
1014
+ }
1015
+ .\[\&\>svg\]\:size-3 {
1016
+ &>svg {
1017
+ width: calc(var(--spacing) * 3);
1018
+ height: calc(var(--spacing) * 3);
1019
+ }
1020
+ }
1021
+ .\[a\&\]\:hover\:bg-accent {
1022
+ a& {
1023
+ &:hover {
1024
+ @media (hover: hover) {
1025
+ background-color: var(--color-accent);
1026
+ }
1027
+ }
1028
+ }
1029
+ }
1030
+ .\[a\&\]\:hover\:bg-destructive\/90 {
1031
+ a& {
1032
+ &:hover {
1033
+ @media (hover: hover) {
1034
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
1035
+ @supports (color: color-mix(in lab, red, red)) {
1036
+ background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
1037
+ }
1038
+ }
1039
+ }
1040
+ }
1041
+ }
1042
+ .\[a\&\]\:hover\:bg-primary\/90 {
1043
+ a& {
1044
+ &:hover {
1045
+ @media (hover: hover) {
1046
+ background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
1047
+ @supports (color: color-mix(in lab, red, red)) {
1048
+ background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
1049
+ }
1050
+ }
1051
+ }
1052
+ }
1053
+ }
1054
+ .\[a\&\]\:hover\:bg-secondary\/90 {
1055
+ a& {
1056
+ &:hover {
1057
+ @media (hover: hover) {
1058
+ background-color: color-mix(in srgb, hsl(var(--secondary)) 90%, transparent);
1059
+ @supports (color: color-mix(in lab, red, red)) {
1060
+ background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
1061
+ }
1062
+ }
1063
+ }
1064
+ }
1065
+ }
1066
+ .\[a\&\]\:hover\:text-accent-foreground {
1067
+ a& {
1068
+ &:hover {
1069
+ @media (hover: hover) {
1070
+ color: var(--color-accent-foreground);
1071
+ }
1072
+ }
1073
+ }
1074
+ }
1075
+ }
1076
+ @layer base {
1077
+ :root {
1078
+ --background: 0 0% 100%;
1079
+ --foreground: 222.2 84% 4.9%;
1080
+ --card: 0 0% 100%;
1081
+ --card-foreground: 222.2 84% 4.9%;
1082
+ --popover: 0 0% 100%;
1083
+ --popover-foreground: 222.2 84% 4.9%;
1084
+ --primary: 221.2 83.2% 53.3%;
1085
+ --primary-foreground: 210 40% 98%;
1086
+ --secondary: 210 40% 96%;
1087
+ --secondary-foreground: 222.2 84% 4.9%;
1088
+ --muted: 210 40% 96%;
1089
+ --muted-foreground: 215.4 16.3% 46.9%;
1090
+ --accent: 210 40% 96%;
1091
+ --accent-foreground: 222.2 84% 4.9%;
1092
+ --destructive: 0 84.2% 60.2%;
1093
+ --destructive-foreground: 210 40% 98%;
1094
+ --border: 214.3 31.8% 91.4%;
1095
+ --input: 214.3 31.8% 91.4%;
1096
+ --ring: 221.2 83.2% 53.3%;
1097
+ --radius: 0.75rem;
1098
+ }
1099
+ .dark {
1100
+ --background: 222.2 84% 4.9%;
1101
+ --foreground: 210 40% 98%;
1102
+ --card: 222.2 84% 4.9%;
1103
+ --card-foreground: 210 40% 98%;
1104
+ --popover: 222.2 84% 4.9%;
1105
+ --popover-foreground: 210 40% 98%;
1106
+ --primary: 217.2 91.2% 59.8%;
1107
+ --primary-foreground: 222.2 84% 4.9%;
1108
+ --secondary: 217.2 32.6% 17.5%;
1109
+ --secondary-foreground: 210 40% 98%;
1110
+ --muted: 217.2 32.6% 17.5%;
1111
+ --muted-foreground: 215 20.2% 65.1%;
1112
+ --accent: 217.2 32.6% 17.5%;
1113
+ --accent-foreground: 210 40% 98%;
1114
+ --destructive: 0 62.8% 30.6%;
1115
+ --destructive-foreground: 210 40% 98%;
1116
+ --border: 217.2 32.6% 17.5%;
1117
+ --input: 217.2 32.6% 17.5%;
1118
+ --ring: 224.3 76.3% 94.1%;
1119
+ }
1120
+ :root[data-brand="default"], :root:not([data-brand]) {
1121
+ --background: 0 0% 100%;
1122
+ --foreground: 222.2 47.4% 11.2%;
1123
+ --card: 0 0% 100%;
1124
+ --card-foreground: 222.2 47.4% 11.2%;
1125
+ --popover: 0 0% 100%;
1126
+ --popover-foreground: 222.2 47.4% 11.2%;
1127
+ --primary: 222.2 47.4% 11.2%;
1128
+ --primary-foreground: 210 40% 98%;
1129
+ --secondary: 210 40% 96.1%;
1130
+ --secondary-foreground: 222.2 47.4% 11.2%;
1131
+ --muted: 210 40% 96.1%;
1132
+ --muted-foreground: 215.4 16.3% 46.9%;
1133
+ --accent: 210 40% 96.1%;
1134
+ --accent-foreground: 222.2 47.4% 11.2%;
1135
+ --destructive: 0 84.2% 60.2%;
1136
+ --destructive-foreground: 210 40% 98%;
1137
+ --border: 214.3 31.8% 91.4%;
1138
+ --input: 214.3 31.8% 91.4%;
1139
+ --ring: 215 20.2% 65.1%;
1140
+ --radius: 0.5rem;
1141
+ }
1142
+ .dark[data-brand="default"], .dark:not([data-brand]) {
1143
+ --background: 222.2 47.4% 11.2%;
1144
+ --foreground: 210 40% 98%;
1145
+ --card: 222.2 47.4% 11.2%;
1146
+ --card-foreground: 210 40% 98%;
1147
+ --popover: 222.2 47.4% 11.2%;
1148
+ --popover-foreground: 210 40% 98%;
1149
+ --primary: 210 40% 98%;
1150
+ --primary-foreground: 222.2 47.4% 11.2%;
1151
+ --secondary: 217.2 32.6% 17.5%;
1152
+ --secondary-foreground: 210 40% 98%;
1153
+ --muted: 217.2 32.6% 17.5%;
1154
+ --muted-foreground: 215 20.2% 65.1%;
1155
+ --accent: 217.2 32.6% 17.5%;
1156
+ --accent-foreground: 210 40% 98%;
1157
+ --destructive: 0 62.8% 30.6%;
1158
+ --destructive-foreground: 210 40% 98%;
1159
+ --border: 217.2 32.6% 17.5%;
1160
+ --input: 217.2 32.6% 17.5%;
1161
+ --ring: 212.7 26.8% 83.9%;
1162
+ }
1163
+ :root[data-brand="sky"] {
1164
+ --primary: 221.2 83.2% 53.3%;
1165
+ --primary-foreground: 210 40% 98%;
1166
+ --secondary: 210 40% 96%;
1167
+ --secondary-foreground: 222.2 84% 4.9%;
1168
+ --accent: 221.2 83.2% 94%;
1169
+ --accent-foreground: 222.2 84% 4.9%;
1170
+ --muted: 214 32% 94%;
1171
+ --muted-foreground: 215 20% 46%;
1172
+ --ring: 221.2 83.2% 53.3%;
1173
+ }
1174
+ .dark[data-brand="sky"] {
1175
+ --primary: 217.2 91.2% 59.8%;
1176
+ --primary-foreground: 222.2 84% 4.9%;
1177
+ --secondary: 217.2 32.6% 17.5%;
1178
+ --secondary-foreground: 210 40% 98%;
1179
+ --accent: 217.2 32.6% 22%;
1180
+ --accent-foreground: 210 40% 98%;
1181
+ --muted: 217.2 32.6% 17.5%;
1182
+ --muted-foreground: 215 20.2% 65.1%;
1183
+ --ring: 224.3 76.3% 94.1%;
1184
+ }
1185
+ :root[data-brand="rose"] {
1186
+ --primary: 340 82% 60%;
1187
+ --primary-foreground: 210 40% 98%;
1188
+ --secondary: 340 35% 96%;
1189
+ --secondary-foreground: 222.2 84% 4.9%;
1190
+ --accent: 340 82% 95%;
1191
+ --accent-foreground: 222.2 84% 4.9%;
1192
+ --muted: 340 20% 94%;
1193
+ --muted-foreground: 340 25% 46%;
1194
+ --ring: 340 82% 60%;
1195
+ }
1196
+ .dark[data-brand="rose"] {
1197
+ --primary: 340 82% 62%;
1198
+ --primary-foreground: 222.2 84% 4.9%;
1199
+ --secondary: 330 25% 18%;
1200
+ --secondary-foreground: 210 40% 98%;
1201
+ --accent: 330 25% 25%;
1202
+ --accent-foreground: 210 40% 98%;
1203
+ --muted: 330 25% 18%;
1204
+ --muted-foreground: 340 20% 70%;
1205
+ --ring: 340 82% 70%;
1206
+ }
1207
+ :root[data-brand="emerald"] {
1208
+ --primary: 142 72% 35%;
1209
+ --primary-foreground: 210 40% 98%;
1210
+ --secondary: 140 30% 96%;
1211
+ --secondary-foreground: 222.2 84% 4.9%;
1212
+ --accent: 142 60% 96%;
1213
+ --accent-foreground: 222.2 84% 4.9%;
1214
+ --muted: 140 15% 92%;
1215
+ --muted-foreground: 140 20% 40%;
1216
+ --ring: 142 72% 35%;
1217
+ }
1218
+ .dark[data-brand="emerald"] {
1219
+ --primary: 142 70% 45%;
1220
+ --primary-foreground: 222.2 84% 4.9%;
1221
+ --secondary: 140 20% 18%;
1222
+ --secondary-foreground: 210 40% 98%;
1223
+ --accent: 140 20% 24%;
1224
+ --accent-foreground: 210 40% 98%;
1225
+ --muted: 140 20% 18%;
1226
+ --muted-foreground: 140 15% 70%;
1227
+ --ring: 142 70% 60%;
1228
+ }
1229
+ :root[data-brand="amber"] {
1230
+ --primary: 38 92% 50%;
1231
+ --primary-foreground: 222.2 84% 4.9%;
1232
+ --secondary: 48 90% 96%;
1233
+ --secondary-foreground: 222.2 84% 4.9%;
1234
+ --accent: 48 96% 95%;
1235
+ --accent-foreground: 222.2 84% 4.9%;
1236
+ --muted: 48 20% 92%;
1237
+ --muted-foreground: 48 30% 40%;
1238
+ --ring: 38 92% 50%;
1239
+ }
1240
+ .dark[data-brand="amber"] {
1241
+ --primary: 38 92% 60%;
1242
+ --primary-foreground: 222.2 84% 4.9%;
1243
+ --secondary: 38 25% 18%;
1244
+ --secondary-foreground: 210 40% 98%;
1245
+ --accent: 38 30% 24%;
1246
+ --accent-foreground: 210 40% 98%;
1247
+ --muted: 38 25% 18%;
1248
+ --muted-foreground: 38 20% 70%;
1249
+ --ring: 38 92% 70%;
1250
+ }
1251
+ :root[data-brand="violet"] {
1252
+ --primary: 262 83% 58%;
1253
+ --primary-foreground: 210 40% 98%;
1254
+ --secondary: 260 30% 96%;
1255
+ --secondary-foreground: 222.2 84% 4.9%;
1256
+ --accent: 262 50% 95%;
1257
+ --accent-foreground: 222.2 84% 4.9%;
1258
+ --muted: 260 15% 92%;
1259
+ --muted-foreground: 260 20% 46%;
1260
+ --ring: 262 83% 58%;
1261
+ }
1262
+ .dark[data-brand="violet"] {
1263
+ --primary: 262 83% 62%;
1264
+ --primary-foreground: 222.2 84% 4.9%;
1265
+ --secondary: 260 25% 18%;
1266
+ --secondary-foreground: 210 40% 98%;
1267
+ --accent: 260 25% 24%;
1268
+ --accent-foreground: 210 40% 98%;
1269
+ --muted: 260 25% 18%;
1270
+ --muted-foreground: 260 20% 70%;
1271
+ --ring: 262 83% 72%;
1272
+ }
1273
+ }
1274
+ @layer base {
1275
+ * {
1276
+ border-color: var(--color-border);
1277
+ }
1278
+ }
1279
+ @property --tw-translate-x {
1280
+ syntax: "*";
1281
+ inherits: false;
1282
+ initial-value: 0;
1283
+ }
1284
+ @property --tw-translate-y {
1285
+ syntax: "*";
1286
+ inherits: false;
1287
+ initial-value: 0;
1288
+ }
1289
+ @property --tw-translate-z {
1290
+ syntax: "*";
1291
+ inherits: false;
1292
+ initial-value: 0;
1293
+ }
1294
+ @property --tw-space-y-reverse {
1295
+ syntax: "*";
1296
+ inherits: false;
1297
+ initial-value: 0;
1298
+ }
1299
+ @property --tw-border-style {
1300
+ syntax: "*";
1301
+ inherits: false;
1302
+ initial-value: solid;
1303
+ }
1304
+ @property --tw-leading {
1305
+ syntax: "*";
1306
+ inherits: false;
1307
+ }
1308
+ @property --tw-font-weight {
1309
+ syntax: "*";
1310
+ inherits: false;
1311
+ }
1312
+ @property --tw-tracking {
1313
+ syntax: "*";
1314
+ inherits: false;
1315
+ }
1316
+ @property --tw-shadow {
1317
+ syntax: "*";
1318
+ inherits: false;
1319
+ initial-value: 0 0 #0000;
1320
+ }
1321
+ @property --tw-shadow-color {
1322
+ syntax: "*";
1323
+ inherits: false;
1324
+ }
1325
+ @property --tw-shadow-alpha {
1326
+ syntax: "<percentage>";
1327
+ inherits: false;
1328
+ initial-value: 100%;
1329
+ }
1330
+ @property --tw-inset-shadow {
1331
+ syntax: "*";
1332
+ inherits: false;
1333
+ initial-value: 0 0 #0000;
1334
+ }
1335
+ @property --tw-inset-shadow-color {
1336
+ syntax: "*";
1337
+ inherits: false;
1338
+ }
1339
+ @property --tw-inset-shadow-alpha {
1340
+ syntax: "<percentage>";
1341
+ inherits: false;
1342
+ initial-value: 100%;
1343
+ }
1344
+ @property --tw-ring-color {
1345
+ syntax: "*";
1346
+ inherits: false;
1347
+ }
1348
+ @property --tw-ring-shadow {
1349
+ syntax: "*";
1350
+ inherits: false;
1351
+ initial-value: 0 0 #0000;
1352
+ }
1353
+ @property --tw-inset-ring-color {
1354
+ syntax: "*";
1355
+ inherits: false;
1356
+ }
1357
+ @property --tw-inset-ring-shadow {
1358
+ syntax: "*";
1359
+ inherits: false;
1360
+ initial-value: 0 0 #0000;
1361
+ }
1362
+ @property --tw-ring-inset {
1363
+ syntax: "*";
1364
+ inherits: false;
1365
+ }
1366
+ @property --tw-ring-offset-width {
1367
+ syntax: "<length>";
1368
+ inherits: false;
1369
+ initial-value: 0px;
1370
+ }
1371
+ @property --tw-ring-offset-color {
1372
+ syntax: "*";
1373
+ inherits: false;
1374
+ initial-value: #fff;
1375
+ }
1376
+ @property --tw-ring-offset-shadow {
1377
+ syntax: "*";
1378
+ inherits: false;
1379
+ initial-value: 0 0 #0000;
1380
+ }
1381
+ @property --tw-outline-style {
1382
+ syntax: "*";
1383
+ inherits: false;
1384
+ initial-value: solid;
1385
+ }
1386
+ @layer properties {
1387
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1388
+ *, ::before, ::after, ::backdrop {
1389
+ --tw-translate-x: 0;
1390
+ --tw-translate-y: 0;
1391
+ --tw-translate-z: 0;
1392
+ --tw-space-y-reverse: 0;
1393
+ --tw-border-style: solid;
1394
+ --tw-leading: initial;
1395
+ --tw-font-weight: initial;
1396
+ --tw-tracking: initial;
1397
+ --tw-shadow: 0 0 #0000;
1398
+ --tw-shadow-color: initial;
1399
+ --tw-shadow-alpha: 100%;
1400
+ --tw-inset-shadow: 0 0 #0000;
1401
+ --tw-inset-shadow-color: initial;
1402
+ --tw-inset-shadow-alpha: 100%;
1403
+ --tw-ring-color: initial;
1404
+ --tw-ring-shadow: 0 0 #0000;
1405
+ --tw-inset-ring-color: initial;
1406
+ --tw-inset-ring-shadow: 0 0 #0000;
1407
+ --tw-ring-inset: initial;
1408
+ --tw-ring-offset-width: 0px;
1409
+ --tw-ring-offset-color: #fff;
1410
+ --tw-ring-offset-shadow: 0 0 #0000;
1411
+ --tw-outline-style: solid;
1412
+ }
1413
+ }
1414
+ }