basecoat-css 0.2.7 → 0.2.8

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.
@@ -7,30 +7,11 @@
7
7
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
- --color-amber-50: oklch(98.7% 0.022 95.277);
11
- --color-amber-100: oklch(96.2% 0.059 95.617);
12
- --color-amber-900: oklch(41.4% 0.112 45.904);
13
- --color-amber-950: oklch(27.9% 0.077 45.635);
14
- --color-green-50: oklch(98.2% 0.018 155.826);
15
- --color-green-600: oklch(62.7% 0.194 149.214);
16
- --color-green-900: oklch(39.3% 0.095 152.535);
17
- --color-green-950: oklch(26.6% 0.065 152.934);
18
- --color-blue-50: oklch(97% 0.014 254.604);
19
- --color-blue-500: oklch(62.3% 0.214 259.815);
20
- --color-blue-600: oklch(54.6% 0.245 262.881);
21
- --color-blue-700: oklch(48.8% 0.243 264.376);
22
- --color-blue-900: oklch(37.9% 0.146 265.522);
23
- --color-blue-950: oklch(28.2% 0.091 267.935);
24
10
  --color-black: #000;
25
11
  --color-white: #fff;
26
12
  --spacing: 0.25rem;
27
- --breakpoint-md: 48rem;
28
- --breakpoint-lg: 64rem;
29
13
  --container-xs: 20rem;
30
- --container-sm: 24rem;
31
- --container-md: 28rem;
32
14
  --container-lg: 32rem;
33
- --container-xl: 36rem;
34
15
  --text-xs: 0.75rem;
35
16
  --text-xs--line-height: calc(1 / 0.75);
36
17
  --text-sm: 0.875rem;
@@ -39,24 +20,9 @@
39
20
  --text-base--line-height: calc(1.5 / 1);
40
21
  --text-lg: 1.125rem;
41
22
  --text-lg--line-height: calc(1.75 / 1.125);
42
- --text-xl: 1.25rem;
43
- --text-xl--line-height: calc(1.75 / 1.25);
44
- --text-2xl: 1.5rem;
45
- --text-2xl--line-height: calc(2 / 1.5);
46
- --text-3xl: 1.875rem;
47
- --text-3xl--line-height: calc(2.25 / 1.875);
48
- --text-4xl: 2.25rem;
49
- --text-4xl--line-height: calc(2.5 / 2.25);
50
- --font-weight-normal: 400;
51
23
  --font-weight-medium: 500;
52
24
  --font-weight-semibold: 600;
53
- --font-weight-bold: 700;
54
25
  --tracking-tight: -0.025em;
55
- --tracking-normal: 0em;
56
- --tracking-widest: 0.1em;
57
- --leading-tight: 1.25;
58
- --leading-snug: 1.375;
59
- --leading-normal: 1.5;
60
26
  --leading-relaxed: 1.625;
61
27
  --radius-xs: 0.125rem;
62
28
  --radius-sm: calc(var(--radius) - 4px);
@@ -64,9 +30,6 @@
64
30
  --radius-lg: var(--radius);
65
31
  --radius-xl: calc(var(--radius) + 4px);
66
32
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
67
- --animate-spin: spin 1s linear infinite;
68
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
69
- --aspect-video: 16 / 9;
70
33
  --default-transition-duration: 150ms;
71
34
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
72
35
  --default-font-family: var(--font-sans);
@@ -91,8 +54,6 @@
91
54
  --color-ring: var(--ring);
92
55
  --color-sidebar: var(--sidebar);
93
56
  --color-sidebar-foreground: var(--sidebar-foreground);
94
- --color-sidebar-primary: var(--sidebar-primary);
95
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
96
57
  --color-sidebar-accent: var(--sidebar-accent);
97
58
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
98
59
  --color-sidebar-border: var(--sidebar-border);
@@ -244,1390 +205,7 @@
244
205
  display: none !important;
245
206
  }
246
207
  }
247
- @layer utilities {
248
- .pointer-events-none {
249
- pointer-events: none;
250
- }
251
- .invisible {
252
- visibility: hidden;
253
- }
254
- .sr-only {
255
- position: absolute;
256
- width: 1px;
257
- height: 1px;
258
- padding: 0;
259
- margin: -1px;
260
- overflow: hidden;
261
- clip: rect(0, 0, 0, 0);
262
- white-space: nowrap;
263
- border-width: 0;
264
- }
265
- .absolute {
266
- position: absolute;
267
- }
268
- .relative {
269
- position: relative;
270
- }
271
- .sticky {
272
- position: sticky;
273
- }
274
- .inset-0 {
275
- inset: calc(var(--spacing) * 0);
276
- }
277
- .inset-x-0 {
278
- inset-inline: calc(var(--spacing) * 0);
279
- }
280
- .top-0 {
281
- top: calc(var(--spacing) * 0);
282
- }
283
- .top-1\/2 {
284
- top: calc(1/2 * 100%);
285
- }
286
- .top-2 {
287
- top: calc(var(--spacing) * 2);
288
- }
289
- .top-22 {
290
- top: calc(var(--spacing) * 22);
291
- }
292
- .right-2\.5 {
293
- right: calc(var(--spacing) * 2.5);
294
- }
295
- .left-1\/2 {
296
- left: calc(1/2 * 100%);
297
- }
298
- .left-2 {
299
- left: calc(var(--spacing) * 2);
300
- }
301
- .isolate {
302
- isolation: isolate;
303
- }
304
- .z-10 {
305
- z-index: 10;
306
- }
307
- .col-span-2 {
308
- grid-column: span 2 / span 2;
309
- }
310
- .container {
311
- width: 100%;
312
- @media (width >= 40rem) {
313
- max-width: 40rem;
314
- }
315
- @media (width >= 48rem) {
316
- max-width: 48rem;
317
- }
318
- @media (width >= 64rem) {
319
- max-width: 64rem;
320
- }
321
- @media (width >= 80rem) {
322
- max-width: 80rem;
323
- }
324
- @media (width >= 96rem) {
325
- max-width: 96rem;
326
- }
327
- }
328
- .mx-auto {
329
- margin-inline: auto;
330
- }
331
- .my-4 {
332
- margin-block: calc(var(--spacing) * 4);
333
- }
334
- .my-6 {
335
- margin-block: calc(var(--spacing) * 6);
336
- }
337
- .mt-4 {
338
- margin-top: calc(var(--spacing) * 4);
339
- }
340
- .mt-6 {
341
- margin-top: calc(var(--spacing) * 6);
342
- }
343
- .mt-8 {
344
- margin-top: calc(var(--spacing) * 8);
345
- }
346
- .mr-auto {
347
- margin-right: auto;
348
- }
349
- .mb-4 {
350
- margin-bottom: calc(var(--spacing) * 4);
351
- }
352
- .mb-6 {
353
- margin-bottom: calc(var(--spacing) * 6);
354
- }
355
- .mb-8 {
356
- margin-bottom: calc(var(--spacing) * 8);
357
- }
358
- .mb-12 {
359
- margin-bottom: calc(var(--spacing) * 12);
360
- }
361
- .-ml-1\.5 {
362
- margin-left: calc(var(--spacing) * -1.5);
363
- }
364
- .ml-auto {
365
- margin-left: auto;
366
- }
367
- .block {
368
- display: block;
369
- }
370
- .contents {
371
- display: contents;
372
- }
373
- .flex {
374
- display: flex;
375
- }
376
- .grid {
377
- display: grid;
378
- }
379
- .hidden {
380
- display: none;
381
- }
382
- .inline-block {
383
- display: inline-block;
384
- }
385
- .inline-flex {
386
- display: inline-flex;
387
- }
388
- .table {
389
- display: table;
390
- }
391
- .aspect-square {
392
- aspect-ratio: 1 / 1;
393
- }
394
- .aspect-video {
395
- aspect-ratio: var(--aspect-video);
396
- }
397
- .size-2 {
398
- width: calc(var(--spacing) * 2);
399
- height: calc(var(--spacing) * 2);
400
- }
401
- .size-2\.5 {
402
- width: calc(var(--spacing) * 2.5);
403
- height: calc(var(--spacing) * 2.5);
404
- }
405
- .size-3\.5 {
406
- width: calc(var(--spacing) * 3.5);
407
- height: calc(var(--spacing) * 3.5);
408
- }
409
- .size-4 {
410
- width: calc(var(--spacing) * 4);
411
- height: calc(var(--spacing) * 4);
412
- }
413
- .size-7 {
414
- width: calc(var(--spacing) * 7);
415
- height: calc(var(--spacing) * 7);
416
- }
417
- .size-8 {
418
- width: calc(var(--spacing) * 8);
419
- height: calc(var(--spacing) * 8);
420
- }
421
- .size-9 {
422
- width: calc(var(--spacing) * 9);
423
- height: calc(var(--spacing) * 9);
424
- }
425
- .size-10 {
426
- width: calc(var(--spacing) * 10);
427
- height: calc(var(--spacing) * 10);
428
- }
429
- .size-12 {
430
- width: calc(var(--spacing) * 12);
431
- height: calc(var(--spacing) * 12);
432
- }
433
- .h-4 {
434
- height: calc(var(--spacing) * 4);
435
- }
436
- .h-6 {
437
- height: calc(var(--spacing) * 6);
438
- }
439
- .h-8 {
440
- height: calc(var(--spacing) * 8);
441
- }
442
- .h-10 {
443
- height: calc(var(--spacing) * 10);
444
- }
445
- .h-12 {
446
- height: calc(var(--spacing) * 12);
447
- }
448
- .h-14 {
449
- height: calc(var(--spacing) * 14);
450
- }
451
- .max-h-64 {
452
- max-height: calc(var(--spacing) * 64);
453
- }
454
- .max-h-\[150px\] {
455
- max-height: 150px;
456
- }
457
- .max-h-\[200px\] {
458
- max-height: 200px;
459
- }
460
- .max-h-\[612px\] {
461
- max-height: 612px;
462
- }
463
- .max-h-\[650px\] {
464
- max-height: 650px;
465
- }
466
- .min-h-\[350px\] {
467
- min-height: 350px;
468
- }
469
- .w-1\/2 {
470
- width: calc(1/2 * 100%);
471
- }
472
- .w-2\/3 {
473
- width: calc(2/3 * 100%);
474
- }
475
- .w-4 {
476
- width: calc(var(--spacing) * 4);
477
- }
478
- .w-10 {
479
- width: calc(var(--spacing) * 10);
480
- }
481
- .w-48 {
482
- width: calc(var(--spacing) * 48);
483
- }
484
- .w-72 {
485
- width: calc(var(--spacing) * 72);
486
- }
487
- .w-80 {
488
- width: calc(var(--spacing) * 80);
489
- }
490
- .w-\[100px\] {
491
- width: 100px;
492
- }
493
- .w-\[150px\] {
494
- width: 150px;
495
- }
496
- .w-\[180px\] {
497
- width: 180px;
498
- }
499
- .w-\[200px\] {
500
- width: 200px;
501
- }
502
- .w-\[271px\] {
503
- width: 271px;
504
- }
505
- .w-full {
506
- width: 100%;
507
- }
508
- .w-max {
509
- width: max-content;
510
- }
511
- .max-w-\[75\%\] {
512
- max-width: 75%;
513
- }
514
- .max-w-\[200px\] {
515
- max-width: 200px;
516
- }
517
- .max-w-\[300px\] {
518
- max-width: 300px;
519
- }
520
- .max-w-lg {
521
- max-width: var(--container-lg);
522
- }
523
- .max-w-md {
524
- max-width: var(--container-md);
525
- }
526
- .max-w-screen-lg {
527
- max-width: var(--breakpoint-lg);
528
- }
529
- .max-w-screen-md {
530
- max-width: var(--breakpoint-md);
531
- }
532
- .max-w-sm {
533
- max-width: var(--container-sm);
534
- }
535
- .max-w-xl {
536
- max-width: var(--container-xl);
537
- }
538
- .min-w-5 {
539
- min-width: calc(var(--spacing) * 5);
540
- }
541
- .min-w-32 {
542
- min-width: calc(var(--spacing) * 32);
543
- }
544
- .min-w-56 {
545
- min-width: calc(var(--spacing) * 56);
546
- }
547
- .min-w-\[8rem\] {
548
- min-width: 8rem;
549
- }
550
- .flex-1 {
551
- flex: 1;
552
- }
553
- .flex-shrink {
554
- flex-shrink: 1;
555
- }
556
- .shrink-0 {
557
- flex-shrink: 0;
558
- }
559
- .-translate-x-1\/2 {
560
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
561
- translate: var(--tw-translate-x) var(--tw-translate-y);
562
- }
563
- .-translate-y-1\/2 {
564
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
565
- translate: var(--tw-translate-x) var(--tw-translate-y);
566
- }
567
- .translate-y-0\.5 {
568
- --tw-translate-y: calc(var(--spacing) * 0.5);
569
- translate: var(--tw-translate-x) var(--tw-translate-y);
570
- }
571
- .transform {
572
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
573
- }
574
- .animate-pulse {
575
- animation: var(--animate-pulse);
576
- }
577
- .animate-spin {
578
- animation: var(--animate-spin);
579
- }
580
- .cursor-pointer {
581
- cursor: pointer;
582
- }
583
- .scroll-m-20 {
584
- scroll-margin: calc(var(--spacing) * 20);
585
- }
586
- .scroll-mt-14 {
587
- scroll-margin-top: calc(var(--spacing) * 14);
588
- }
589
- .scroll-mt-16 {
590
- scroll-margin-top: calc(var(--spacing) * 16);
591
- }
592
- .list-decimal {
593
- list-style-type: decimal;
594
- }
595
- .grid-cols-1 {
596
- grid-template-columns: repeat(1, minmax(0, 1fr));
597
- }
598
- .grid-cols-2 {
599
- grid-template-columns: repeat(2, minmax(0, 1fr));
600
- }
601
- .grid-cols-3 {
602
- grid-template-columns: repeat(3, minmax(0, 1fr));
603
- }
604
- .flex-col {
605
- flex-direction: column;
606
- }
607
- .flex-row {
608
- flex-direction: row;
609
- }
610
- .flex-wrap {
611
- flex-wrap: wrap;
612
- }
613
- .items-center {
614
- align-items: center;
615
- }
616
- .items-start {
617
- align-items: flex-start;
618
- }
619
- .justify-between {
620
- justify-content: space-between;
621
- }
622
- .justify-center {
623
- justify-content: center;
624
- }
625
- .justify-start {
626
- justify-content: flex-start;
627
- }
628
- .gap-0\.5 {
629
- gap: calc(var(--spacing) * 0.5);
630
- }
631
- .gap-1 {
632
- gap: calc(var(--spacing) * 1);
633
- }
634
- .gap-1\.5 {
635
- gap: calc(var(--spacing) * 1.5);
636
- }
637
- .gap-2 {
638
- gap: calc(var(--spacing) * 2);
639
- }
640
- .gap-3 {
641
- gap: calc(var(--spacing) * 3);
642
- }
643
- .gap-4 {
644
- gap: calc(var(--spacing) * 4);
645
- }
646
- .gap-6 {
647
- gap: calc(var(--spacing) * 6);
648
- }
649
- .gap-8 {
650
- gap: calc(var(--spacing) * 8);
651
- }
652
- .gap-10 {
653
- gap: calc(var(--spacing) * 10);
654
- }
655
- .space-y-1 {
656
- :where(& > :not(:last-child)) {
657
- --tw-space-y-reverse: 0;
658
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
659
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
660
- }
661
- }
662
- .space-y-2 {
663
- :where(& > :not(:last-child)) {
664
- --tw-space-y-reverse: 0;
665
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
666
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
667
- }
668
- }
669
- .space-y-4 {
670
- :where(& > :not(:last-child)) {
671
- --tw-space-y-reverse: 0;
672
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
673
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
674
- }
675
- }
676
- .space-y-6 {
677
- :where(& > :not(:last-child)) {
678
- --tw-space-y-reverse: 0;
679
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
680
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
681
- }
682
- }
683
- .gap-x-1\.5 {
684
- column-gap: calc(var(--spacing) * 1.5);
685
- }
686
- .gap-x-2 {
687
- column-gap: calc(var(--spacing) * 2);
688
- }
689
- .gap-x-10 {
690
- column-gap: calc(var(--spacing) * 10);
691
- }
692
- .-space-x-2 {
693
- :where(& > :not(:last-child)) {
694
- --tw-space-x-reverse: 0;
695
- margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
696
- margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
697
- }
698
- }
699
- .space-x-2 {
700
- :where(& > :not(:last-child)) {
701
- --tw-space-x-reverse: 0;
702
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
703
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
704
- }
705
- }
706
- .gap-y-4 {
707
- row-gap: calc(var(--spacing) * 4);
708
- }
709
- .gap-y-6 {
710
- row-gap: calc(var(--spacing) * 6);
711
- }
712
- .gap-y-10 {
713
- row-gap: calc(var(--spacing) * 10);
714
- }
715
- .truncate {
716
- overflow: hidden;
717
- text-overflow: ellipsis;
718
- white-space: nowrap;
719
- }
720
- .overflow-x-auto {
721
- overflow-x: auto;
722
- }
723
- .overflow-y-auto {
724
- overflow-y: auto;
725
- }
726
- .rounded {
727
- border-radius: 0.25rem;
728
- }
729
- .rounded-\[2px\] {
730
- border-radius: 2px;
731
- }
732
- .rounded-full {
733
- border-radius: calc(infinity * 1px);
734
- }
735
- .rounded-lg {
736
- border-radius: var(--radius-lg);
737
- }
738
- .rounded-md {
739
- border-radius: var(--radius-md);
740
- }
741
- .rounded-sm {
742
- border-radius: var(--radius-sm);
743
- }
744
- .rounded-xl {
745
- border-radius: var(--radius-xl);
746
- }
747
- .border {
748
- border-style: var(--tw-border-style);
749
- border-width: 1px;
750
- }
751
- .border-2 {
752
- border-style: var(--tw-border-style);
753
- border-width: 2px;
754
- }
755
- .border-t {
756
- border-top-style: var(--tw-border-style);
757
- border-top-width: 1px;
758
- }
759
- .border-b {
760
- border-bottom-style: var(--tw-border-style);
761
- border-bottom-width: 1px;
762
- }
763
- .border-amber-50 {
764
- border-color: var(--color-amber-50);
765
- }
766
- .border-border\/50 {
767
- border-color: var(--color-border);
768
- @supports (color: color-mix(in lab, red, red)) {
769
- border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
770
- }
771
- }
772
- .border-muted {
773
- border-color: var(--color-muted);
774
- }
775
- .\!bg-muted {
776
- background-color: var(--color-muted) !important;
777
- }
778
- .bg-accent {
779
- background-color: var(--color-accent);
780
- }
781
- .bg-amber-50 {
782
- background-color: var(--color-amber-50);
783
- }
784
- .bg-background {
785
- background-color: var(--color-background);
786
- }
787
- .bg-card {
788
- background-color: var(--color-card);
789
- }
790
- .bg-foreground {
791
- background-color: var(--color-foreground);
792
- }
793
- .bg-muted {
794
- background-color: var(--color-muted);
795
- }
796
- .bg-primary {
797
- background-color: var(--color-primary);
798
- }
799
- .bg-sidebar-primary {
800
- background-color: var(--color-sidebar-primary);
801
- }
802
- .object-cover {
803
- object-fit: cover;
804
- }
805
- .\!p-3\.5 {
806
- padding: calc(var(--spacing) * 3.5) !important;
807
- }
808
- .p-1 {
809
- padding: calc(var(--spacing) * 1);
810
- }
811
- .p-2 {
812
- padding: calc(var(--spacing) * 2);
813
- }
814
- .p-3 {
815
- padding: calc(var(--spacing) * 3);
816
- }
817
- .p-4 {
818
- padding: calc(var(--spacing) * 4);
819
- }
820
- .p-10 {
821
- padding: calc(var(--spacing) * 10);
822
- }
823
- .px-0 {
824
- padding-inline: calc(var(--spacing) * 0);
825
- }
826
- .px-1 {
827
- padding-inline: calc(var(--spacing) * 1);
828
- }
829
- .px-2 {
830
- padding-inline: calc(var(--spacing) * 2);
831
- }
832
- .px-2\.5 {
833
- padding-inline: calc(var(--spacing) * 2.5);
834
- }
835
- .px-3 {
836
- padding-inline: calc(var(--spacing) * 3);
837
- }
838
- .px-4 {
839
- padding-inline: calc(var(--spacing) * 4);
840
- }
841
- .px-\[0\.3rem\] {
842
- padding-inline: 0.3rem;
843
- }
844
- .py-1\.5 {
845
- padding-block: calc(var(--spacing) * 1.5);
846
- }
847
- .py-2 {
848
- padding-block: calc(var(--spacing) * 2);
849
- }
850
- .py-3 {
851
- padding-block: calc(var(--spacing) * 3);
852
- }
853
- .py-4 {
854
- padding-block: calc(var(--spacing) * 4);
855
- }
856
- .py-\[0\.2rem\] {
857
- padding-block: 0.2rem;
858
- }
859
- .pt-2 {
860
- padding-top: calc(var(--spacing) * 2);
861
- }
862
- .pb-4 {
863
- padding-bottom: calc(var(--spacing) * 4);
864
- }
865
- .pb-12 {
866
- padding-bottom: calc(var(--spacing) * 12);
867
- }
868
- .pl-6 {
869
- padding-left: calc(var(--spacing) * 6);
870
- }
871
- .pl-8 {
872
- padding-left: calc(var(--spacing) * 8);
873
- }
874
- .text-center {
875
- text-align: center;
876
- }
877
- .text-left {
878
- text-align: left;
879
- }
880
- .text-right {
881
- text-align: right;
882
- }
883
- .font-mono {
884
- font-family: var(--font-mono);
885
- }
886
- .text-2xl {
887
- font-size: var(--text-2xl);
888
- line-height: var(--tw-leading, var(--text-2xl--line-height));
889
- }
890
- .text-3xl {
891
- font-size: var(--text-3xl);
892
- line-height: var(--tw-leading, var(--text-3xl--line-height));
893
- }
894
- .text-base {
895
- font-size: var(--text-base);
896
- line-height: var(--tw-leading, var(--text-base--line-height));
897
- }
898
- .text-lg {
899
- font-size: var(--text-lg);
900
- line-height: var(--tw-leading, var(--text-lg--line-height));
901
- }
902
- .text-sm {
903
- font-size: var(--text-sm);
904
- line-height: var(--tw-leading, var(--text-sm--line-height));
905
- }
906
- .text-xs {
907
- font-size: var(--text-xs);
908
- line-height: var(--tw-leading, var(--text-xs--line-height));
909
- }
910
- .text-\[1\.05rem\] {
911
- font-size: 1.05rem;
912
- }
913
- .leading-none {
914
- --tw-leading: 1;
915
- line-height: 1;
916
- }
917
- .leading-normal {
918
- --tw-leading: var(--leading-normal);
919
- line-height: var(--leading-normal);
920
- }
921
- .leading-snug {
922
- --tw-leading: var(--leading-snug);
923
- line-height: var(--leading-snug);
924
- }
925
- .leading-tight {
926
- --tw-leading: var(--leading-tight);
927
- line-height: var(--leading-tight);
928
- }
929
- .font-bold {
930
- --tw-font-weight: var(--font-weight-bold);
931
- font-weight: var(--font-weight-bold);
932
- }
933
- .font-medium {
934
- --tw-font-weight: var(--font-weight-medium);
935
- font-weight: var(--font-weight-medium);
936
- }
937
- .font-normal {
938
- --tw-font-weight: var(--font-weight-normal);
939
- font-weight: var(--font-weight-normal);
940
- }
941
- .font-semibold {
942
- --tw-font-weight: var(--font-weight-semibold);
943
- font-weight: var(--font-weight-semibold);
944
- }
945
- .tracking-tight {
946
- --tw-tracking: var(--tracking-tight);
947
- letter-spacing: var(--tracking-tight);
948
- }
949
- .tracking-widest {
950
- --tw-tracking: var(--tracking-widest);
951
- letter-spacing: var(--tracking-widest);
952
- }
953
- .break-words {
954
- overflow-wrap: break-word;
955
- }
956
- .whitespace-pre-wrap {
957
- white-space: pre-wrap;
958
- }
959
- .text-amber-900 {
960
- color: var(--color-amber-900);
961
- }
962
- .text-destructive {
963
- color: var(--color-destructive);
964
- }
965
- .text-foreground {
966
- color: var(--color-foreground);
967
- }
968
- .text-muted-foreground {
969
- color: var(--color-muted-foreground);
970
- }
971
- .text-primary-foreground {
972
- color: var(--color-primary-foreground);
973
- }
974
- .text-sidebar-primary-foreground {
975
- color: var(--color-sidebar-primary-foreground);
976
- }
977
- .uppercase {
978
- text-transform: uppercase;
979
- }
980
- .tabular-nums {
981
- --tw-numeric-spacing: tabular-nums;
982
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
983
- }
984
- .underline {
985
- text-decoration-line: underline;
986
- }
987
- .underline-offset-4 {
988
- text-underline-offset: 4px;
989
- }
990
- .opacity-0 {
991
- opacity: 0%;
992
- }
993
- .opacity-50 {
994
- opacity: 50%;
995
- }
996
- .opacity-60 {
997
- opacity: 60%;
998
- }
999
- .opacity-100 {
1000
- opacity: 100%;
1001
- }
1002
- .shadow-none {
1003
- --tw-shadow: 0 0 #0000;
1004
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1005
- }
1006
- .shadow-xl {
1007
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1008
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1009
- }
1010
- .shadow-xs {
1011
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1012
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1013
- }
1014
- .ring-offset-background {
1015
- --tw-ring-offset-color: var(--color-background);
1016
- }
1017
- .outline {
1018
- outline-style: var(--tw-outline-style);
1019
- outline-width: 1px;
1020
- }
1021
- .filter {
1022
- 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,);
1023
- }
1024
- .transition {
1025
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
1026
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1027
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1028
- }
1029
- .transition-all {
1030
- transition-property: all;
1031
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1032
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1033
- }
1034
- .transition-colors {
1035
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1036
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1037
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1038
- }
1039
- .transition-transform {
1040
- transition-property: transform, translate, scale, rotate;
1041
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1042
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1043
- }
1044
- .duration-200 {
1045
- --tw-duration: 200ms;
1046
- transition-duration: 200ms;
1047
- }
1048
- .duration-400 {
1049
- --tw-duration: 400ms;
1050
- transition-duration: 400ms;
1051
- }
1052
- .outline-none {
1053
- --tw-outline-style: none;
1054
- outline-style: none;
1055
- }
1056
- .select-none {
1057
- -webkit-user-select: none;
1058
- user-select: none;
1059
- }
1060
- .group-open\:rotate-180 {
1061
- &:is(:where(.group):is([open], :popover-open, :open) *) {
1062
- rotate: 180deg;
1063
- }
1064
- }
1065
- .group-aria-checked\:visible {
1066
- &:is(:where(.group)[aria-checked="true"] *) {
1067
- visibility: visible;
1068
- }
1069
- }
1070
- .group-\[\.copied\]\:block {
1071
- &:is(:where(.group):is(.copied) *) {
1072
- display: block;
1073
- }
1074
- }
1075
- .group-\[\.copied\]\:hidden {
1076
- &:is(:where(.group):is(.copied) *) {
1077
- display: none;
1078
- }
1079
- }
1080
- .peer-checked\:border-primary {
1081
- &:is(:where(.peer):checked ~ *) {
1082
- border-color: var(--color-primary);
1083
- }
1084
- }
1085
- .last\:border-b-0 {
1086
- &:last-child {
1087
- border-bottom-style: var(--tw-border-style);
1088
- border-bottom-width: 0px;
1089
- }
1090
- }
1091
- .checked\:border-blue-600 {
1092
- &:checked {
1093
- border-color: var(--color-blue-600);
1094
- }
1095
- }
1096
- .checked\:border-green-600 {
1097
- &:checked {
1098
- border-color: var(--color-green-600);
1099
- }
1100
- }
1101
- .checked\:bg-blue-500 {
1102
- &:checked {
1103
- background-color: var(--color-blue-500);
1104
- }
1105
- }
1106
- .checked\:bg-blue-600 {
1107
- &:checked {
1108
- background-color: var(--color-blue-600);
1109
- }
1110
- }
1111
- .checked\:bg-green-600 {
1112
- &:checked {
1113
- background-color: var(--color-green-600);
1114
- }
1115
- }
1116
- .checked\:before\:bg-background {
1117
- &:checked {
1118
- &::before {
1119
- content: var(--tw-content);
1120
- background-color: var(--color-background);
1121
- }
1122
- }
1123
- }
1124
- .checked\:after\:bg-white {
1125
- &:checked {
1126
- &::after {
1127
- content: var(--tw-content);
1128
- background-color: var(--color-white);
1129
- }
1130
- }
1131
- }
1132
- .hover\:space-x-1 {
1133
- &:hover {
1134
- @media (hover: hover) {
1135
- :where(& > :not(:last-child)) {
1136
- --tw-space-x-reverse: 0;
1137
- margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
1138
- margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
1139
- }
1140
- }
1141
- }
1142
- }
1143
- .hover\:bg-accent\/50 {
1144
- &:hover {
1145
- @media (hover: hover) {
1146
- background-color: var(--color-accent);
1147
- @supports (color: color-mix(in lab, red, red)) {
1148
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
1149
- }
1150
- }
1151
- }
1152
- }
1153
- .hover\:bg-destructive\/10 {
1154
- &:hover {
1155
- @media (hover: hover) {
1156
- background-color: var(--color-destructive);
1157
- @supports (color: color-mix(in lab, red, red)) {
1158
- background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
1159
- }
1160
- }
1161
- }
1162
- }
1163
- .hover\:bg-muted {
1164
- &:hover {
1165
- @media (hover: hover) {
1166
- background-color: var(--color-muted);
1167
- }
1168
- }
1169
- }
1170
- .hover\:text-foreground {
1171
- &:hover {
1172
- @media (hover: hover) {
1173
- color: var(--color-foreground);
1174
- }
1175
- }
1176
- }
1177
- .hover\:underline {
1178
- &:hover {
1179
- @media (hover: hover) {
1180
- text-decoration-line: underline;
1181
- }
1182
- }
1183
- }
1184
- .focus\:bg-destructive\/10 {
1185
- &:focus {
1186
- background-color: var(--color-destructive);
1187
- @supports (color: color-mix(in lab, red, red)) {
1188
- background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
1189
- }
1190
- }
1191
- }
1192
- .focus\:text-destructive {
1193
- &:focus {
1194
- color: var(--color-destructive);
1195
- }
1196
- }
1197
- .focus-visible\:border-ring {
1198
- &:focus-visible {
1199
- border-color: var(--color-ring);
1200
- }
1201
- }
1202
- .focus-visible\:ring-2 {
1203
- &:focus-visible {
1204
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1205
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1206
- }
1207
- }
1208
- .focus-visible\:ring-\[3px\] {
1209
- &:focus-visible {
1210
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1211
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1212
- }
1213
- }
1214
- .focus-visible\:ring-ring {
1215
- &:focus-visible {
1216
- --tw-ring-color: var(--color-ring);
1217
- }
1218
- }
1219
- .focus-visible\:ring-ring\/50 {
1220
- &:focus-visible {
1221
- --tw-ring-color: var(--color-ring);
1222
- @supports (color: color-mix(in lab, red, red)) {
1223
- --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
1224
- }
1225
- }
1226
- }
1227
- .focus-visible\:ring-offset-2 {
1228
- &:focus-visible {
1229
- --tw-ring-offset-width: 2px;
1230
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1231
- }
1232
- }
1233
- .focus-visible\:outline-none {
1234
- &:focus-visible {
1235
- --tw-outline-style: none;
1236
- outline-style: none;
1237
- }
1238
- }
1239
- .has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-600 {
1240
- &:has(*:is(input[type='checkbox']:checked)) {
1241
- border-color: var(--color-blue-600);
1242
- }
1243
- }
1244
- .has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-50 {
1245
- &:has(*:is(input[type='checkbox']:checked)) {
1246
- background-color: var(--color-blue-50);
1247
- }
1248
- }
1249
- .has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-600 {
1250
- &:has(*:is(input[type='radio']:checked)) {
1251
- border-color: var(--color-green-600);
1252
- }
1253
- }
1254
- .has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-50 {
1255
- &:has(*:is(input[type='radio']:checked)) {
1256
- background-color: var(--color-green-50);
1257
- }
1258
- }
1259
- .max-sm\:flex-col {
1260
- @media (width < 40rem) {
1261
- flex-direction: column;
1262
- }
1263
- }
1264
- .sm\:max-w-\[425px\] {
1265
- @media (width >= 40rem) {
1266
- max-width: 425px;
1267
- }
1268
- }
1269
- .sm\:gap-2\.5 {
1270
- @media (width >= 40rem) {
1271
- gap: calc(var(--spacing) * 2.5);
1272
- }
1273
- }
1274
- .sm\:text-3xl {
1275
- @media (width >= 40rem) {
1276
- font-size: var(--text-3xl);
1277
- line-height: var(--tw-leading, var(--text-3xl--line-height));
1278
- }
1279
- }
1280
- .sm\:text-base {
1281
- @media (width >= 40rem) {
1282
- font-size: var(--text-base);
1283
- line-height: var(--tw-leading, var(--text-base--line-height));
1284
- }
1285
- }
1286
- .sm\:text-lg {
1287
- @media (width >= 40rem) {
1288
- font-size: var(--text-lg);
1289
- line-height: var(--tw-leading, var(--text-lg--line-height));
1290
- }
1291
- }
1292
- .md\:ml-4 {
1293
- @media (width >= 48rem) {
1294
- margin-left: calc(var(--spacing) * 4);
1295
- }
1296
- }
1297
- .md\:w-\[239px\] {
1298
- @media (width >= 48rem) {
1299
- width: 239px;
1300
- }
1301
- }
1302
- .md\:max-w-\[200px\] {
1303
- @media (width >= 48rem) {
1304
- max-width: 200px;
1305
- }
1306
- }
1307
- .md\:flex-row {
1308
- @media (width >= 48rem) {
1309
- flex-direction: row;
1310
- }
1311
- }
1312
- .md\:border-l {
1313
- @media (width >= 48rem) {
1314
- border-left-style: var(--tw-border-style);
1315
- border-left-width: 1px;
1316
- }
1317
- }
1318
- .md\:p-6 {
1319
- @media (width >= 48rem) {
1320
- padding: calc(var(--spacing) * 6);
1321
- }
1322
- }
1323
- .md\:pl-8 {
1324
- @media (width >= 48rem) {
1325
- padding-left: calc(var(--spacing) * 8);
1326
- }
1327
- }
1328
- .md\:text-4xl {
1329
- @media (width >= 48rem) {
1330
- font-size: var(--text-4xl);
1331
- line-height: var(--tw-leading, var(--text-4xl--line-height));
1332
- }
1333
- }
1334
- .lg\:grid-cols-2 {
1335
- @media (width >= 64rem) {
1336
- grid-template-columns: repeat(2, minmax(0, 1fr));
1337
- }
1338
- }
1339
- .xl\:block {
1340
- @media (width >= 80rem) {
1341
- display: block;
1342
- }
1343
- }
1344
- .xl\:p-12 {
1345
- @media (width >= 80rem) {
1346
- padding: calc(var(--spacing) * 12);
1347
- }
1348
- }
1349
- .xl\:text-4xl {
1350
- @media (width >= 80rem) {
1351
- font-size: var(--text-4xl);
1352
- line-height: var(--tw-leading, var(--text-4xl--line-height));
1353
- }
1354
- }
1355
- .\@md\:w-auto {
1356
- @container (width >= 28rem) {
1357
- width: auto;
1358
- }
1359
- }
1360
- .\@md\:min-w-sm {
1361
- @container (width >= 28rem) {
1362
- min-width: var(--container-sm);
1363
- }
1364
- }
1365
- .dark\:block {
1366
- &:is(.dark *) {
1367
- display: block;
1368
- }
1369
- }
1370
- .dark\:hidden {
1371
- &:is(.dark *) {
1372
- display: none;
1373
- }
1374
- }
1375
- .dark\:border-amber-950 {
1376
- &:is(.dark *) {
1377
- border-color: var(--color-amber-950);
1378
- }
1379
- }
1380
- .dark\:bg-amber-950 {
1381
- &:is(.dark *) {
1382
- background-color: var(--color-amber-950);
1383
- }
1384
- }
1385
- .dark\:text-amber-100 {
1386
- &:is(.dark *) {
1387
- color: var(--color-amber-100);
1388
- }
1389
- }
1390
- .dark\:checked\:border-blue-700 {
1391
- &:is(.dark *) {
1392
- &:checked {
1393
- border-color: var(--color-blue-700);
1394
- }
1395
- }
1396
- }
1397
- .dark\:checked\:bg-blue-600 {
1398
- &:is(.dark *) {
1399
- &:checked {
1400
- background-color: var(--color-blue-600);
1401
- }
1402
- }
1403
- }
1404
- .dark\:checked\:bg-blue-700 {
1405
- &:is(.dark *) {
1406
- &:checked {
1407
- background-color: var(--color-blue-700);
1408
- }
1409
- }
1410
- }
1411
- .dark\:checked\:bg-input\/30 {
1412
- &:is(.dark *) {
1413
- &:checked {
1414
- background-color: var(--color-input);
1415
- @supports (color: color-mix(in lab, red, red)) {
1416
- background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
1417
- }
1418
- }
1419
- }
1420
- }
1421
- .dark\:checked\:before\:bg-primary {
1422
- &:is(.dark *) {
1423
- &:checked {
1424
- &::before {
1425
- content: var(--tw-content);
1426
- background-color: var(--color-primary);
1427
- }
1428
- }
1429
- }
1430
- }
1431
- .dark\:hover\:bg-destructive\/20 {
1432
- &:is(.dark *) {
1433
- &:hover {
1434
- @media (hover: hover) {
1435
- background-color: var(--color-destructive);
1436
- @supports (color: color-mix(in lab, red, red)) {
1437
- background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1438
- }
1439
- }
1440
- }
1441
- }
1442
- }
1443
- .dark\:focus\:bg-destructive\/20 {
1444
- &:is(.dark *) {
1445
- &:focus {
1446
- background-color: var(--color-destructive);
1447
- @supports (color: color-mix(in lab, red, red)) {
1448
- background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1449
- }
1450
- }
1451
- }
1452
- }
1453
- .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-900 {
1454
- &:is(.dark *) {
1455
- &:has(*:is(input[type='checkbox']:checked)) {
1456
- border-color: var(--color-blue-900);
1457
- }
1458
- }
1459
- }
1460
- .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-950 {
1461
- &:is(.dark *) {
1462
- &:has(*:is(input[type='checkbox']:checked)) {
1463
- background-color: var(--color-blue-950);
1464
- }
1465
- }
1466
- }
1467
- .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-900 {
1468
- &:is(.dark *) {
1469
- &:has(*:is(input[type='radio']:checked)) {
1470
- border-color: var(--color-green-900);
1471
- }
1472
- }
1473
- }
1474
- .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-950 {
1475
- &:is(.dark *) {
1476
- &:has(*:is(input[type='radio']:checked)) {
1477
- background-color: var(--color-green-950);
1478
- }
1479
- }
1480
- }
1481
- .\[\&_a\]\:inline-block {
1482
- & a {
1483
- display: inline-block;
1484
- }
1485
- }
1486
- .\[\&_a\]\:text-muted-foreground {
1487
- & a {
1488
- color: var(--color-muted-foreground);
1489
- }
1490
- }
1491
- .\[\&_a\]\:no-underline {
1492
- & a {
1493
- text-decoration-line: none;
1494
- }
1495
- }
1496
- .\[\&_a\]\:transition-colors {
1497
- & a {
1498
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1499
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1500
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1501
- }
1502
- }
1503
- .\[\&_a\]\:hover\:text-foreground {
1504
- & a {
1505
- &:hover {
1506
- @media (hover: hover) {
1507
- color: var(--color-foreground);
1508
- }
1509
- }
1510
- }
1511
- }
1512
- .\[\&_img\]\:size-8 {
1513
- & img {
1514
- width: calc(var(--spacing) * 8);
1515
- height: calc(var(--spacing) * 8);
1516
- }
1517
- }
1518
- .\[\&_img\]\:size-12 {
1519
- & img {
1520
- width: calc(var(--spacing) * 12);
1521
- height: calc(var(--spacing) * 12);
1522
- }
1523
- }
1524
- .\[\&_img\]\:shrink-0 {
1525
- & img {
1526
- flex-shrink: 0;
1527
- }
1528
- }
1529
- .\[\&_img\]\:rounded-full {
1530
- & img {
1531
- border-radius: calc(infinity * 1px);
1532
- }
1533
- }
1534
- .\[\&_img\]\:object-cover {
1535
- & img {
1536
- object-fit: cover;
1537
- }
1538
- }
1539
- .\[\&_img\]\:ring-2 {
1540
- & img {
1541
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1542
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1543
- }
1544
- }
1545
- .\[\&_img\]\:ring-background {
1546
- & img {
1547
- --tw-ring-color: var(--color-background);
1548
- }
1549
- }
1550
- .\[\&_img\]\:ring-card {
1551
- & img {
1552
- --tw-ring-color: var(--color-card);
1553
- }
1554
- }
1555
- .\[\&_img\]\:grayscale {
1556
- & img {
1557
- --tw-grayscale: grayscale(100%);
1558
- 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,);
1559
- }
1560
- }
1561
- .\[\&_img\]\:transition-all {
1562
- & img {
1563
- transition-property: all;
1564
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1565
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1566
- }
1567
- }
1568
- .\[\&_img\]\:duration-300 {
1569
- & img {
1570
- --tw-duration: 300ms;
1571
- transition-duration: 300ms;
1572
- }
1573
- }
1574
- .\[\&_img\]\:ease-in-out {
1575
- & img {
1576
- --tw-ease: var(--ease-in-out);
1577
- transition-timing-function: var(--ease-in-out);
1578
- }
1579
- }
1580
- .\[\&_li\]\:mt-0 {
1581
- & li {
1582
- margin-top: calc(var(--spacing) * 0);
1583
- }
1584
- }
1585
- .\[\&_li\]\:pt-2 {
1586
- & li {
1587
- padding-top: calc(var(--spacing) * 2);
1588
- }
1589
- }
1590
- .\[\&_svg\]\:\!text-destructive {
1591
- & svg {
1592
- color: var(--color-destructive) !important;
1593
- }
1594
- }
1595
- .\[\&_ul\]\:m-0 {
1596
- & ul {
1597
- margin: calc(var(--spacing) * 0);
1598
- }
1599
- }
1600
- .\[\&_ul\]\:list-none {
1601
- & ul {
1602
- list-style-type: none;
1603
- }
1604
- }
1605
- .\[\&_ul_ul\]\:pl-4 {
1606
- & ul ul {
1607
- padding-left: calc(var(--spacing) * 4);
1608
- }
1609
- }
1610
- .md\:\*\:\[\.card\]\:basis-1\/4 {
1611
- @media (width >= 48rem) {
1612
- :is(& > *) {
1613
- &:is(.card) {
1614
- flex-basis: calc(1/4 * 100%);
1615
- }
1616
- }
1617
- }
1618
- }
1619
- .\[\&\>svg\]\:mb-3 {
1620
- &>svg {
1621
- margin-bottom: calc(var(--spacing) * 3);
1622
- }
1623
- }
1624
- .\[\&\>svg\]\:size-6 {
1625
- &>svg {
1626
- width: calc(var(--spacing) * 6);
1627
- height: calc(var(--spacing) * 6);
1628
- }
1629
- }
1630
- }
208
+ @layer utilities;
1631
209
  :root {
1632
210
  --radius: 0.625rem;
1633
211
  --background: oklch(1 0 0);
@@ -4317,60 +2895,26 @@
4317
2895
  }
4318
2896
  }
4319
2897
  }
4320
- @property --tw-translate-x {
4321
- syntax: "*";
4322
- inherits: false;
4323
- initial-value: 0;
4324
- }
4325
- @property --tw-translate-y {
2898
+ @property --tw-border-style {
4326
2899
  syntax: "*";
4327
2900
  inherits: false;
4328
- initial-value: 0;
2901
+ initial-value: solid;
4329
2902
  }
4330
- @property --tw-translate-z {
2903
+ @property --tw-translate-x {
4331
2904
  syntax: "*";
4332
2905
  inherits: false;
4333
2906
  initial-value: 0;
4334
2907
  }
4335
- @property --tw-rotate-x {
4336
- syntax: "*";
4337
- inherits: false;
4338
- }
4339
- @property --tw-rotate-y {
4340
- syntax: "*";
4341
- inherits: false;
4342
- }
4343
- @property --tw-rotate-z {
4344
- syntax: "*";
4345
- inherits: false;
4346
- }
4347
- @property --tw-skew-x {
4348
- syntax: "*";
4349
- inherits: false;
4350
- }
4351
- @property --tw-skew-y {
4352
- syntax: "*";
4353
- inherits: false;
4354
- }
4355
- @property --tw-space-y-reverse {
2908
+ @property --tw-translate-y {
4356
2909
  syntax: "*";
4357
2910
  inherits: false;
4358
2911
  initial-value: 0;
4359
2912
  }
4360
- @property --tw-space-x-reverse {
2913
+ @property --tw-translate-z {
4361
2914
  syntax: "*";
4362
2915
  inherits: false;
4363
2916
  initial-value: 0;
4364
2917
  }
4365
- @property --tw-border-style {
4366
- syntax: "*";
4367
- inherits: false;
4368
- initial-value: solid;
4369
- }
4370
- @property --tw-leading {
4371
- syntax: "*";
4372
- inherits: false;
4373
- }
4374
2918
  @property --tw-font-weight {
4375
2919
  syntax: "*";
4376
2920
  inherits: false;
@@ -4379,23 +2923,7 @@
4379
2923
  syntax: "*";
4380
2924
  inherits: false;
4381
2925
  }
4382
- @property --tw-ordinal {
4383
- syntax: "*";
4384
- inherits: false;
4385
- }
4386
- @property --tw-slashed-zero {
4387
- syntax: "*";
4388
- inherits: false;
4389
- }
4390
- @property --tw-numeric-figure {
4391
- syntax: "*";
4392
- inherits: false;
4393
- }
4394
- @property --tw-numeric-spacing {
4395
- syntax: "*";
4396
- inherits: false;
4397
- }
4398
- @property --tw-numeric-fraction {
2926
+ @property --tw-leading {
4399
2927
  syntax: "*";
4400
2928
  inherits: false;
4401
2929
  }
@@ -4464,124 +2992,49 @@
4464
2992
  inherits: false;
4465
2993
  initial-value: 0 0 #0000;
4466
2994
  }
4467
- @property --tw-outline-style {
4468
- syntax: "*";
4469
- inherits: false;
4470
- initial-value: solid;
4471
- }
4472
- @property --tw-blur {
4473
- syntax: "*";
4474
- inherits: false;
4475
- }
4476
- @property --tw-brightness {
4477
- syntax: "*";
4478
- inherits: false;
4479
- }
4480
- @property --tw-contrast {
4481
- syntax: "*";
4482
- inherits: false;
4483
- }
4484
- @property --tw-grayscale {
4485
- syntax: "*";
4486
- inherits: false;
4487
- }
4488
- @property --tw-hue-rotate {
4489
- syntax: "*";
4490
- inherits: false;
4491
- }
4492
- @property --tw-invert {
4493
- syntax: "*";
4494
- inherits: false;
4495
- }
4496
- @property --tw-opacity {
4497
- syntax: "*";
4498
- inherits: false;
4499
- }
4500
- @property --tw-saturate {
4501
- syntax: "*";
4502
- inherits: false;
4503
- }
4504
- @property --tw-sepia {
2995
+ @property --tw-content {
4505
2996
  syntax: "*";
4506
2997
  inherits: false;
2998
+ initial-value: "";
4507
2999
  }
4508
- @property --tw-drop-shadow {
3000
+ @property --tw-scale-x {
4509
3001
  syntax: "*";
4510
3002
  inherits: false;
3003
+ initial-value: 1;
4511
3004
  }
4512
- @property --tw-drop-shadow-color {
3005
+ @property --tw-scale-y {
4513
3006
  syntax: "*";
4514
3007
  inherits: false;
3008
+ initial-value: 1;
4515
3009
  }
4516
- @property --tw-drop-shadow-alpha {
4517
- syntax: "<percentage>";
4518
- inherits: false;
4519
- initial-value: 100%;
4520
- }
4521
- @property --tw-drop-shadow-size {
3010
+ @property --tw-scale-z {
4522
3011
  syntax: "*";
4523
3012
  inherits: false;
3013
+ initial-value: 1;
4524
3014
  }
4525
3015
  @property --tw-duration {
4526
3016
  syntax: "*";
4527
3017
  inherits: false;
4528
3018
  }
4529
- @property --tw-content {
4530
- syntax: "*";
4531
- initial-value: "";
4532
- inherits: false;
4533
- }
4534
3019
  @property --tw-ease {
4535
3020
  syntax: "*";
4536
3021
  inherits: false;
4537
3022
  }
4538
- @property --tw-scale-x {
4539
- syntax: "*";
4540
- inherits: false;
4541
- initial-value: 1;
4542
- }
4543
- @property --tw-scale-y {
4544
- syntax: "*";
4545
- inherits: false;
4546
- initial-value: 1;
4547
- }
4548
- @property --tw-scale-z {
3023
+ @property --tw-outline-style {
4549
3024
  syntax: "*";
4550
3025
  inherits: false;
4551
- initial-value: 1;
4552
- }
4553
- @keyframes spin {
4554
- to {
4555
- transform: rotate(360deg);
4556
- }
4557
- }
4558
- @keyframes pulse {
4559
- 50% {
4560
- opacity: 0.5;
4561
- }
3026
+ initial-value: solid;
4562
3027
  }
4563
3028
  @layer properties {
4564
3029
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4565
3030
  *, ::before, ::after, ::backdrop {
3031
+ --tw-border-style: solid;
4566
3032
  --tw-translate-x: 0;
4567
3033
  --tw-translate-y: 0;
4568
3034
  --tw-translate-z: 0;
4569
- --tw-rotate-x: initial;
4570
- --tw-rotate-y: initial;
4571
- --tw-rotate-z: initial;
4572
- --tw-skew-x: initial;
4573
- --tw-skew-y: initial;
4574
- --tw-space-y-reverse: 0;
4575
- --tw-space-x-reverse: 0;
4576
- --tw-border-style: solid;
4577
- --tw-leading: initial;
4578
3035
  --tw-font-weight: initial;
4579
3036
  --tw-tracking: initial;
4580
- --tw-ordinal: initial;
4581
- --tw-slashed-zero: initial;
4582
- --tw-numeric-figure: initial;
4583
- --tw-numeric-spacing: initial;
4584
- --tw-numeric-fraction: initial;
3037
+ --tw-leading: initial;
4585
3038
  --tw-shadow: 0 0 #0000;
4586
3039
  --tw-shadow-color: initial;
4587
3040
  --tw-shadow-alpha: 100%;
@@ -4596,26 +3049,13 @@
4596
3049
  --tw-ring-offset-width: 0px;
4597
3050
  --tw-ring-offset-color: #fff;
4598
3051
  --tw-ring-offset-shadow: 0 0 #0000;
4599
- --tw-outline-style: solid;
4600
- --tw-blur: initial;
4601
- --tw-brightness: initial;
4602
- --tw-contrast: initial;
4603
- --tw-grayscale: initial;
4604
- --tw-hue-rotate: initial;
4605
- --tw-invert: initial;
4606
- --tw-opacity: initial;
4607
- --tw-saturate: initial;
4608
- --tw-sepia: initial;
4609
- --tw-drop-shadow: initial;
4610
- --tw-drop-shadow-color: initial;
4611
- --tw-drop-shadow-alpha: 100%;
4612
- --tw-drop-shadow-size: initial;
4613
- --tw-duration: initial;
4614
3052
  --tw-content: "";
4615
- --tw-ease: initial;
4616
3053
  --tw-scale-x: 1;
4617
3054
  --tw-scale-y: 1;
4618
3055
  --tw-scale-z: 1;
3056
+ --tw-duration: initial;
3057
+ --tw-ease: initial;
3058
+ --tw-outline-style: solid;
4619
3059
  }
4620
3060
  }
4621
3061
  }