@cnc_cbz/usefultools-plugin-official 1.0.2 → 1.0.4

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.
@@ -403,3 +403,1957 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
403
403
  export {
404
404
  _sfc_main as default
405
405
  };
406
+
407
+ ;(function(){var c=typeof __exports__!=="undefined"&&__exports__;var d=c&&(c.default||c);if(d)d.__pluginCss=`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
408
+ @layer properties {
409
+ @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
410
+ *, :before, :after, ::backdrop {
411
+ --tw-translate-x: 0;
412
+ --tw-translate-y: 0;
413
+ --tw-translate-z: 0;
414
+ --tw-rotate-x: initial;
415
+ --tw-rotate-y: initial;
416
+ --tw-rotate-z: initial;
417
+ --tw-skew-x: initial;
418
+ --tw-skew-y: initial;
419
+ --tw-space-y-reverse: 0;
420
+ --tw-border-style: solid;
421
+ --tw-leading: initial;
422
+ --tw-font-weight: initial;
423
+ --tw-tracking: initial;
424
+ --tw-shadow: 0 0 #0000;
425
+ --tw-shadow-color: initial;
426
+ --tw-shadow-alpha: 100%;
427
+ --tw-inset-shadow: 0 0 #0000;
428
+ --tw-inset-shadow-color: initial;
429
+ --tw-inset-shadow-alpha: 100%;
430
+ --tw-ring-color: initial;
431
+ --tw-ring-shadow: 0 0 #0000;
432
+ --tw-inset-ring-color: initial;
433
+ --tw-inset-ring-shadow: 0 0 #0000;
434
+ --tw-ring-inset: initial;
435
+ --tw-ring-offset-width: 0px;
436
+ --tw-ring-offset-color: #fff;
437
+ --tw-ring-offset-shadow: 0 0 #0000;
438
+ --tw-outline-style: solid;
439
+ --tw-duration: initial;
440
+ --tw-scale-x: 1;
441
+ --tw-scale-y: 1;
442
+ --tw-scale-z: 1;
443
+ --tw-blur: initial;
444
+ --tw-brightness: initial;
445
+ --tw-contrast: initial;
446
+ --tw-grayscale: initial;
447
+ --tw-hue-rotate: initial;
448
+ --tw-invert: initial;
449
+ --tw-opacity: initial;
450
+ --tw-saturate: initial;
451
+ --tw-sepia: initial;
452
+ --tw-drop-shadow: initial;
453
+ --tw-drop-shadow-color: initial;
454
+ --tw-drop-shadow-alpha: 100%;
455
+ --tw-drop-shadow-size: initial;
456
+ }
457
+ }
458
+ }
459
+
460
+ @layer theme {
461
+ :root, :host {
462
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
463
+ monospace;
464
+ --color-gray-100: oklch(96.7% .003 264.542);
465
+ --color-gray-200: oklch(92.8% .006 264.531);
466
+ --color-gray-300: oklch(87.2% .01 258.338);
467
+ --color-gray-400: oklch(70.7% .022 261.325);
468
+ --color-gray-500: oklch(55.1% .027 264.364);
469
+ --color-gray-600: oklch(44.6% .03 256.802);
470
+ --color-gray-700: oklch(37.3% .034 259.733);
471
+ --color-black: #000;
472
+ --color-white: #fff;
473
+ --spacing: .25rem;
474
+ --container-lg: 32rem;
475
+ --text-xs: .75rem;
476
+ --text-xs--line-height: calc(1 / .75);
477
+ --text-sm: .875rem;
478
+ --text-sm--line-height: calc(1.25 / .875);
479
+ --text-base: 1rem;
480
+ --text-base--line-height: calc(1.5 / 1);
481
+ --text-lg: 1.125rem;
482
+ --text-lg--line-height: calc(1.75 / 1.125);
483
+ --text-xl: 1.25rem;
484
+ --text-xl--line-height: calc(1.75 / 1.25);
485
+ --text-2xl: 1.5rem;
486
+ --text-2xl--line-height: calc(2 / 1.5);
487
+ --text-3xl: 1.875rem;
488
+ --text-3xl--line-height: calc(2.25 / 1.875);
489
+ --text-5xl: 3rem;
490
+ --text-5xl--line-height: 1;
491
+ --font-weight-bold: 700;
492
+ --font-weight-black: 900;
493
+ --tracking-wider: .05em;
494
+ --tracking-widest: .1em;
495
+ --leading-relaxed: 1.625;
496
+ --radius-sm: .25rem;
497
+ --radius-lg: .5rem;
498
+ --radius-xl: .75rem;
499
+ --animate-spin: spin 1s linear infinite;
500
+ --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
501
+ --default-transition-duration: .15s;
502
+ --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
503
+ --color-primary: #f9b11f;
504
+ --color-bg-dark: #231c0f;
505
+ --color-electric-blue: #3b82f6;
506
+ --color-neon-green: #84cc16;
507
+ --color-vibrant-purple: #a855f7;
508
+ --color-deep-charcoal: #1f1a14;
509
+ --color-coral-red: #ff6b6b;
510
+ --color-hot-pink: #ec4899;
511
+ --font-display: "Space Grotesk", sans-serif;
512
+ }
513
+ }
514
+
515
+ @layer base, components;
516
+
517
+ @layer utilities {
518
+ .pointer-events-none {
519
+ pointer-events: none;
520
+ }
521
+
522
+ .sr-only {
523
+ clip-path: inset(50%);
524
+ white-space: nowrap;
525
+ border-width: 0;
526
+ width: 1px;
527
+ height: 1px;
528
+ margin: -1px;
529
+ padding: 0;
530
+ position: absolute;
531
+ overflow: hidden;
532
+ }
533
+
534
+ .absolute {
535
+ position: absolute;
536
+ }
537
+
538
+ .fixed {
539
+ position: fixed;
540
+ }
541
+
542
+ .relative {
543
+ position: relative;
544
+ }
545
+
546
+ .inset-0 {
547
+ inset: calc(var(--spacing) * 0);
548
+ }
549
+
550
+ .start {
551
+ inset-inline-start: var(--spacing);
552
+ }
553
+
554
+ .end {
555
+ inset-inline-end: var(--spacing);
556
+ }
557
+
558
+ .top-1\\/2 {
559
+ top: 50%;
560
+ }
561
+
562
+ .left-2 {
563
+ left: calc(var(--spacing) * 2);
564
+ }
565
+
566
+ .z-50 {
567
+ z-index: 50;
568
+ }
569
+
570
+ .-mx-1 {
571
+ margin-inline: calc(var(--spacing) * -1);
572
+ }
573
+
574
+ .mx-0\\.5 {
575
+ margin-inline: calc(var(--spacing) * .5);
576
+ }
577
+
578
+ .mt-0\\.5 {
579
+ margin-top: calc(var(--spacing) * .5);
580
+ }
581
+
582
+ .mt-1 {
583
+ margin-top: calc(var(--spacing) * 1);
584
+ }
585
+
586
+ .mt-2 {
587
+ margin-top: calc(var(--spacing) * 2);
588
+ }
589
+
590
+ .mt-3 {
591
+ margin-top: calc(var(--spacing) * 3);
592
+ }
593
+
594
+ .mr-1 {
595
+ margin-right: calc(var(--spacing) * 1);
596
+ }
597
+
598
+ .mr-2 {
599
+ margin-right: calc(var(--spacing) * 2);
600
+ }
601
+
602
+ .mr-3 {
603
+ margin-right: calc(var(--spacing) * 3);
604
+ }
605
+
606
+ .mb-1 {
607
+ margin-bottom: calc(var(--spacing) * 1);
608
+ }
609
+
610
+ .mb-1\\.5 {
611
+ margin-bottom: calc(var(--spacing) * 1.5);
612
+ }
613
+
614
+ .mb-2 {
615
+ margin-bottom: calc(var(--spacing) * 2);
616
+ }
617
+
618
+ .mb-3 {
619
+ margin-bottom: calc(var(--spacing) * 3);
620
+ }
621
+
622
+ .ml-0\\.5 {
623
+ margin-left: calc(var(--spacing) * .5);
624
+ }
625
+
626
+ .ml-1 {
627
+ margin-left: calc(var(--spacing) * 1);
628
+ }
629
+
630
+ .ml-1\\.5 {
631
+ margin-left: calc(var(--spacing) * 1.5);
632
+ }
633
+
634
+ .ml-2 {
635
+ margin-left: calc(var(--spacing) * 2);
636
+ }
637
+
638
+ .ml-auto {
639
+ margin-left: auto;
640
+ }
641
+
642
+ .block {
643
+ display: block;
644
+ }
645
+
646
+ .flex {
647
+ display: flex;
648
+ }
649
+
650
+ .grid {
651
+ display: grid;
652
+ }
653
+
654
+ .hidden {
655
+ display: none;
656
+ }
657
+
658
+ .inline {
659
+ display: inline;
660
+ }
661
+
662
+ .inline-block {
663
+ display: inline-block;
664
+ }
665
+
666
+ .inline-flex {
667
+ display: inline-flex;
668
+ }
669
+
670
+ .table {
671
+ display: table;
672
+ }
673
+
674
+ .h-2 {
675
+ height: calc(var(--spacing) * 2);
676
+ }
677
+
678
+ .h-3 {
679
+ height: calc(var(--spacing) * 3);
680
+ }
681
+
682
+ .h-3\\.5 {
683
+ height: calc(var(--spacing) * 3.5);
684
+ }
685
+
686
+ .h-4 {
687
+ height: calc(var(--spacing) * 4);
688
+ }
689
+
690
+ .h-7 {
691
+ height: calc(var(--spacing) * 7);
692
+ }
693
+
694
+ .h-8 {
695
+ height: calc(var(--spacing) * 8);
696
+ }
697
+
698
+ .h-9 {
699
+ height: calc(var(--spacing) * 9);
700
+ }
701
+
702
+ .h-10 {
703
+ height: calc(var(--spacing) * 10);
704
+ }
705
+
706
+ .h-12 {
707
+ height: calc(var(--spacing) * 12);
708
+ }
709
+
710
+ .h-16 {
711
+ height: calc(var(--spacing) * 16);
712
+ }
713
+
714
+ .h-85 {
715
+ height: calc(var(--spacing) * 85);
716
+ }
717
+
718
+ .h-full {
719
+ height: 100%;
720
+ }
721
+
722
+ .max-h-40 {
723
+ max-height: calc(var(--spacing) * 40);
724
+ }
725
+
726
+ .max-h-60 {
727
+ max-height: calc(var(--spacing) * 60);
728
+ }
729
+
730
+ .max-h-\\[200px\\] {
731
+ max-height: 200px;
732
+ }
733
+
734
+ .max-h-full {
735
+ max-height: 100%;
736
+ }
737
+
738
+ .min-h-0 {
739
+ min-height: calc(var(--spacing) * 0);
740
+ }
741
+
742
+ .min-h-\\[80px\\] {
743
+ min-height: 80px;
744
+ }
745
+
746
+ .min-h-\\[180px\\] {
747
+ min-height: 180px;
748
+ }
749
+
750
+ .min-h-\\[200px\\] {
751
+ min-height: 200px;
752
+ }
753
+
754
+ .w-2 {
755
+ width: calc(var(--spacing) * 2);
756
+ }
757
+
758
+ .w-3 {
759
+ width: calc(var(--spacing) * 3);
760
+ }
761
+
762
+ .w-3\\.5 {
763
+ width: calc(var(--spacing) * 3.5);
764
+ }
765
+
766
+ .w-4 {
767
+ width: calc(var(--spacing) * 4);
768
+ }
769
+
770
+ .w-5 {
771
+ width: calc(var(--spacing) * 5);
772
+ }
773
+
774
+ .w-8 {
775
+ width: calc(var(--spacing) * 8);
776
+ }
777
+
778
+ .w-9 {
779
+ width: calc(var(--spacing) * 9);
780
+ }
781
+
782
+ .w-10 {
783
+ width: calc(var(--spacing) * 10);
784
+ }
785
+
786
+ .w-14 {
787
+ width: calc(var(--spacing) * 14);
788
+ }
789
+
790
+ .w-16 {
791
+ width: calc(var(--spacing) * 16);
792
+ }
793
+
794
+ .w-20 {
795
+ width: calc(var(--spacing) * 20);
796
+ }
797
+
798
+ .w-24 {
799
+ width: calc(var(--spacing) * 24);
800
+ }
801
+
802
+ .w-28 {
803
+ width: calc(var(--spacing) * 28);
804
+ }
805
+
806
+ .w-32 {
807
+ width: calc(var(--spacing) * 32);
808
+ }
809
+
810
+ .w-72 {
811
+ width: calc(var(--spacing) * 72);
812
+ }
813
+
814
+ .w-full {
815
+ width: 100%;
816
+ }
817
+
818
+ .max-w-70 {
819
+ max-width: calc(var(--spacing) * 70);
820
+ }
821
+
822
+ .max-w-full {
823
+ max-width: 100%;
824
+ }
825
+
826
+ .max-w-lg {
827
+ max-width: var(--container-lg);
828
+ }
829
+
830
+ .min-w-0 {
831
+ min-width: calc(var(--spacing) * 0);
832
+ }
833
+
834
+ .min-w-\\[200px\\] {
835
+ min-width: 200px;
836
+ }
837
+
838
+ .flex-1 {
839
+ flex: 1;
840
+ }
841
+
842
+ .shrink-0 {
843
+ flex-shrink: 0;
844
+ }
845
+
846
+ .border-collapse {
847
+ border-collapse: collapse;
848
+ }
849
+
850
+ .translate-x-0\\.5 {
851
+ --tw-translate-x: calc(var(--spacing) * .5);
852
+ translate: var(--tw-translate-x) var(--tw-translate-y);
853
+ }
854
+
855
+ .-translate-y-1\\/2 {
856
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
857
+ translate: var(--tw-translate-x) var(--tw-translate-y);
858
+ }
859
+
860
+ .translate-y-0\\.5 {
861
+ --tw-translate-y: calc(var(--spacing) * .5);
862
+ translate: var(--tw-translate-x) var(--tw-translate-y);
863
+ }
864
+
865
+ .transform {
866
+ transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
867
+ }
868
+
869
+ .animate-pulse {
870
+ animation: var(--animate-pulse);
871
+ }
872
+
873
+ .animate-spin {
874
+ animation: var(--animate-spin);
875
+ }
876
+
877
+ .cursor-grab {
878
+ cursor: grab;
879
+ }
880
+
881
+ .cursor-pointer {
882
+ cursor: pointer;
883
+ }
884
+
885
+ .resize {
886
+ resize: both;
887
+ }
888
+
889
+ .resize-none {
890
+ resize: none;
891
+ }
892
+
893
+ .appearance-none {
894
+ appearance: none;
895
+ }
896
+
897
+ .grid-cols-1 {
898
+ grid-template-columns: repeat(1, minmax(0, 1fr));
899
+ }
900
+
901
+ .grid-cols-2 {
902
+ grid-template-columns: repeat(2, minmax(0, 1fr));
903
+ }
904
+
905
+ .grid-cols-4 {
906
+ grid-template-columns: repeat(4, minmax(0, 1fr));
907
+ }
908
+
909
+ .grid-cols-5 {
910
+ grid-template-columns: repeat(5, minmax(0, 1fr));
911
+ }
912
+
913
+ .grid-cols-\\[1fr_60px_1fr\\] {
914
+ grid-template-columns: 1fr 60px 1fr;
915
+ }
916
+
917
+ .flex-col {
918
+ flex-direction: column;
919
+ }
920
+
921
+ .flex-wrap {
922
+ flex-wrap: wrap;
923
+ }
924
+
925
+ .items-baseline {
926
+ align-items: baseline;
927
+ }
928
+
929
+ .items-center {
930
+ align-items: center;
931
+ }
932
+
933
+ .justify-between {
934
+ justify-content: space-between;
935
+ }
936
+
937
+ .justify-center {
938
+ justify-content: center;
939
+ }
940
+
941
+ .justify-end {
942
+ justify-content: flex-end;
943
+ }
944
+
945
+ .gap-0\\.5 {
946
+ gap: calc(var(--spacing) * .5);
947
+ }
948
+
949
+ .gap-1 {
950
+ gap: calc(var(--spacing) * 1);
951
+ }
952
+
953
+ .gap-1\\.5 {
954
+ gap: calc(var(--spacing) * 1.5);
955
+ }
956
+
957
+ .gap-2 {
958
+ gap: calc(var(--spacing) * 2);
959
+ }
960
+
961
+ .gap-3 {
962
+ gap: calc(var(--spacing) * 3);
963
+ }
964
+
965
+ .gap-4 {
966
+ gap: calc(var(--spacing) * 4);
967
+ }
968
+
969
+ .gap-5 {
970
+ gap: calc(var(--spacing) * 5);
971
+ }
972
+
973
+ :where(.space-y-0\\.5 > :not(:last-child)) {
974
+ --tw-space-y-reverse: 0;
975
+ margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
976
+ margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
977
+ }
978
+
979
+ :where(.space-y-1 > :not(:last-child)) {
980
+ --tw-space-y-reverse: 0;
981
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
982
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
983
+ }
984
+
985
+ :where(.space-y-1\\.5 > :not(:last-child)) {
986
+ --tw-space-y-reverse: 0;
987
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
988
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
989
+ }
990
+
991
+ :where(.space-y-2 > :not(:last-child)) {
992
+ --tw-space-y-reverse: 0;
993
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
994
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
995
+ }
996
+
997
+ .gap-x-6 {
998
+ column-gap: calc(var(--spacing) * 6);
999
+ }
1000
+
1001
+ .gap-y-1 {
1002
+ row-gap: calc(var(--spacing) * 1);
1003
+ }
1004
+
1005
+ .truncate {
1006
+ text-overflow: ellipsis;
1007
+ white-space: nowrap;
1008
+ overflow: hidden;
1009
+ }
1010
+
1011
+ .overflow-auto {
1012
+ overflow: auto;
1013
+ }
1014
+
1015
+ .overflow-hidden {
1016
+ overflow: hidden;
1017
+ }
1018
+
1019
+ .overflow-y-auto {
1020
+ overflow-y: auto;
1021
+ }
1022
+
1023
+ .rounded {
1024
+ border-radius: .25rem;
1025
+ }
1026
+
1027
+ .rounded-full {
1028
+ border-radius: 3.40282e38px;
1029
+ }
1030
+
1031
+ .rounded-lg {
1032
+ border-radius: var(--radius-lg);
1033
+ }
1034
+
1035
+ .rounded-sm {
1036
+ border-radius: var(--radius-sm);
1037
+ }
1038
+
1039
+ .rounded-xl {
1040
+ border-radius: var(--radius-xl);
1041
+ }
1042
+
1043
+ .border {
1044
+ border-style: var(--tw-border-style);
1045
+ border-width: 1px;
1046
+ }
1047
+
1048
+ .border-2 {
1049
+ border-style: var(--tw-border-style);
1050
+ border-width: 2px;
1051
+ }
1052
+
1053
+ .border-4 {
1054
+ border-style: var(--tw-border-style);
1055
+ border-width: 4px;
1056
+ }
1057
+
1058
+ .border-r {
1059
+ border-right-style: var(--tw-border-style);
1060
+ border-right-width: 1px;
1061
+ }
1062
+
1063
+ .border-b {
1064
+ border-bottom-style: var(--tw-border-style);
1065
+ border-bottom-width: 1px;
1066
+ }
1067
+
1068
+ .border-b-2 {
1069
+ border-bottom-style: var(--tw-border-style);
1070
+ border-bottom-width: 2px;
1071
+ }
1072
+
1073
+ .border-l {
1074
+ border-left-style: var(--tw-border-style);
1075
+ border-left-width: 1px;
1076
+ }
1077
+
1078
+ .border-dashed {
1079
+ --tw-border-style: dashed;
1080
+ border-style: dashed;
1081
+ }
1082
+
1083
+ .border-black {
1084
+ border-color: var(--color-black);
1085
+ }
1086
+
1087
+ .border-coral-red {
1088
+ border-color: var(--color-coral-red);
1089
+ }
1090
+
1091
+ .border-coral-red\\/40 {
1092
+ border-color: #ff6b6b66;
1093
+ }
1094
+
1095
+ @supports (color: color-mix(in lab, red, red)) {
1096
+ .border-coral-red\\/40 {
1097
+ border-color: color-mix(in oklab, var(--color-coral-red) 40%, transparent);
1098
+ }
1099
+ }
1100
+
1101
+ .border-electric-blue\\/40 {
1102
+ border-color: #3b82f666;
1103
+ }
1104
+
1105
+ @supports (color: color-mix(in lab, red, red)) {
1106
+ .border-electric-blue\\/40 {
1107
+ border-color: color-mix(in oklab, var(--color-electric-blue) 40%, transparent);
1108
+ }
1109
+ }
1110
+
1111
+ .border-gray-600 {
1112
+ border-color: var(--color-gray-600);
1113
+ }
1114
+
1115
+ .border-gray-700 {
1116
+ border-color: var(--color-gray-700);
1117
+ }
1118
+
1119
+ .border-neon-green {
1120
+ border-color: var(--color-neon-green);
1121
+ }
1122
+
1123
+ .border-neon-green\\/40 {
1124
+ border-color: #84cc1666;
1125
+ }
1126
+
1127
+ @supports (color: color-mix(in lab, red, red)) {
1128
+ .border-neon-green\\/40 {
1129
+ border-color: color-mix(in oklab, var(--color-neon-green) 40%, transparent);
1130
+ }
1131
+ }
1132
+
1133
+ .border-primary {
1134
+ border-color: var(--color-primary);
1135
+ }
1136
+
1137
+ .border-transparent {
1138
+ border-color: #0000;
1139
+ }
1140
+
1141
+ .border-white\\/5 {
1142
+ border-color: #ffffff0d;
1143
+ }
1144
+
1145
+ @supports (color: color-mix(in lab, red, red)) {
1146
+ .border-white\\/5 {
1147
+ border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1148
+ }
1149
+ }
1150
+
1151
+ .border-white\\/10 {
1152
+ border-color: #ffffff1a;
1153
+ }
1154
+
1155
+ @supports (color: color-mix(in lab, red, red)) {
1156
+ .border-white\\/10 {
1157
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1158
+ }
1159
+ }
1160
+
1161
+ .border-white\\/20 {
1162
+ border-color: #fff3;
1163
+ }
1164
+
1165
+ @supports (color: color-mix(in lab, red, red)) {
1166
+ .border-white\\/20 {
1167
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1168
+ }
1169
+ }
1170
+
1171
+ .bg-bg-dark {
1172
+ background-color: var(--color-bg-dark);
1173
+ }
1174
+
1175
+ .bg-black\\/60 {
1176
+ background-color: #0009;
1177
+ }
1178
+
1179
+ @supports (color: color-mix(in lab, red, red)) {
1180
+ .bg-black\\/60 {
1181
+ background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
1182
+ }
1183
+ }
1184
+
1185
+ .bg-coral-red {
1186
+ background-color: var(--color-coral-red);
1187
+ }
1188
+
1189
+ .bg-coral-red\\/10 {
1190
+ background-color: #ff6b6b1a;
1191
+ }
1192
+
1193
+ @supports (color: color-mix(in lab, red, red)) {
1194
+ .bg-coral-red\\/10 {
1195
+ background-color: color-mix(in oklab, var(--color-coral-red) 10%, transparent);
1196
+ }
1197
+ }
1198
+
1199
+ .bg-coral-red\\/12 {
1200
+ background-color: #ff6b6b1f;
1201
+ }
1202
+
1203
+ @supports (color: color-mix(in lab, red, red)) {
1204
+ .bg-coral-red\\/12 {
1205
+ background-color: color-mix(in oklab, var(--color-coral-red) 12%, transparent);
1206
+ }
1207
+ }
1208
+
1209
+ .bg-coral-red\\/15 {
1210
+ background-color: #ff6b6b26;
1211
+ }
1212
+
1213
+ @supports (color: color-mix(in lab, red, red)) {
1214
+ .bg-coral-red\\/15 {
1215
+ background-color: color-mix(in oklab, var(--color-coral-red) 15%, transparent);
1216
+ }
1217
+ }
1218
+
1219
+ .bg-coral-red\\/20 {
1220
+ background-color: #ff6b6b33;
1221
+ }
1222
+
1223
+ @supports (color: color-mix(in lab, red, red)) {
1224
+ .bg-coral-red\\/20 {
1225
+ background-color: color-mix(in oklab, var(--color-coral-red) 20%, transparent);
1226
+ }
1227
+ }
1228
+
1229
+ .bg-deep-charcoal {
1230
+ background-color: var(--color-deep-charcoal);
1231
+ }
1232
+
1233
+ .bg-electric-blue {
1234
+ background-color: var(--color-electric-blue);
1235
+ }
1236
+
1237
+ .bg-electric-blue\\/20 {
1238
+ background-color: #3b82f633;
1239
+ }
1240
+
1241
+ @supports (color: color-mix(in lab, red, red)) {
1242
+ .bg-electric-blue\\/20 {
1243
+ background-color: color-mix(in oklab, var(--color-electric-blue) 20%, transparent);
1244
+ }
1245
+ }
1246
+
1247
+ .bg-hot-pink {
1248
+ background-color: var(--color-hot-pink);
1249
+ }
1250
+
1251
+ .bg-neon-green {
1252
+ background-color: var(--color-neon-green);
1253
+ }
1254
+
1255
+ .bg-neon-green\\/10 {
1256
+ background-color: #84cc161a;
1257
+ }
1258
+
1259
+ @supports (color: color-mix(in lab, red, red)) {
1260
+ .bg-neon-green\\/10 {
1261
+ background-color: color-mix(in oklab, var(--color-neon-green) 10%, transparent);
1262
+ }
1263
+ }
1264
+
1265
+ .bg-neon-green\\/12 {
1266
+ background-color: #84cc161f;
1267
+ }
1268
+
1269
+ @supports (color: color-mix(in lab, red, red)) {
1270
+ .bg-neon-green\\/12 {
1271
+ background-color: color-mix(in oklab, var(--color-neon-green) 12%, transparent);
1272
+ }
1273
+ }
1274
+
1275
+ .bg-primary {
1276
+ background-color: var(--color-primary);
1277
+ }
1278
+
1279
+ .bg-primary\\/10 {
1280
+ background-color: #f9b11f1a;
1281
+ }
1282
+
1283
+ @supports (color: color-mix(in lab, red, red)) {
1284
+ .bg-primary\\/10 {
1285
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
1286
+ }
1287
+ }
1288
+
1289
+ .bg-primary\\/15 {
1290
+ background-color: #f9b11f26;
1291
+ }
1292
+
1293
+ @supports (color: color-mix(in lab, red, red)) {
1294
+ .bg-primary\\/15 {
1295
+ background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
1296
+ }
1297
+ }
1298
+
1299
+ .bg-primary\\/20 {
1300
+ background-color: #f9b11f33;
1301
+ }
1302
+
1303
+ @supports (color: color-mix(in lab, red, red)) {
1304
+ .bg-primary\\/20 {
1305
+ background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
1306
+ }
1307
+ }
1308
+
1309
+ .bg-transparent {
1310
+ background-color: #0000;
1311
+ }
1312
+
1313
+ .bg-vibrant-purple {
1314
+ background-color: var(--color-vibrant-purple);
1315
+ }
1316
+
1317
+ .bg-white {
1318
+ background-color: var(--color-white);
1319
+ }
1320
+
1321
+ .bg-white\\/5 {
1322
+ background-color: #ffffff0d;
1323
+ }
1324
+
1325
+ @supports (color: color-mix(in lab, red, red)) {
1326
+ .bg-white\\/5 {
1327
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1328
+ }
1329
+ }
1330
+
1331
+ .bg-white\\/10 {
1332
+ background-color: #ffffff1a;
1333
+ }
1334
+
1335
+ @supports (color: color-mix(in lab, red, red)) {
1336
+ .bg-white\\/10 {
1337
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1338
+ }
1339
+ }
1340
+
1341
+ .bg-white\\/\\[0\\.02\\] {
1342
+ background-color: #ffffff05;
1343
+ }
1344
+
1345
+ @supports (color: color-mix(in lab, red, red)) {
1346
+ .bg-white\\/\\[0\\.02\\] {
1347
+ background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
1348
+ }
1349
+ }
1350
+
1351
+ .bg-white\\/\\[0\\.03\\] {
1352
+ background-color: #ffffff08;
1353
+ }
1354
+
1355
+ @supports (color: color-mix(in lab, red, red)) {
1356
+ .bg-white\\/\\[0\\.03\\] {
1357
+ background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
1358
+ }
1359
+ }
1360
+
1361
+ .bg-\\[url\\(\\'data\\:image\\/svg\\+xml\\;charset\\=utf-8\\,\\%3Csvg\\%20xmlns\\%3D\\%22http\\%3A\\%2F\\%2Fwww\\.w3\\.org\\%2F2000\\%2Fsvg\\%22\\%20width\\%3D\\%2212\\%22\\%20height\\%3D\\%2212\\%22\\%20viewBox\\%3D\\%220\\%200\\%2024\\%2024\\%22\\%20fill\\%3D\\%22\\%23999\\%22\\%3E\\%3Cpath\\%20d\\%3D\\%22M7\\%2010l5\\%205\\%205-5z\\%22\\%2F\\%3E\\%3C\\%2Fsvg\\%3E\\'\\)\\] {
1362
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23999%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E");
1363
+ }
1364
+
1365
+ .bg-\\[right_4px_center\\] {
1366
+ background-position: right 4px center;
1367
+ }
1368
+
1369
+ .bg-no-repeat {
1370
+ background-repeat: no-repeat;
1371
+ }
1372
+
1373
+ .object-contain {
1374
+ object-fit: contain;
1375
+ }
1376
+
1377
+ .p-1\\.5 {
1378
+ padding: calc(var(--spacing) * 1.5);
1379
+ }
1380
+
1381
+ .p-2 {
1382
+ padding: calc(var(--spacing) * 2);
1383
+ }
1384
+
1385
+ .p-2\\.5 {
1386
+ padding: calc(var(--spacing) * 2.5);
1387
+ }
1388
+
1389
+ .p-3 {
1390
+ padding: calc(var(--spacing) * 3);
1391
+ }
1392
+
1393
+ .p-4 {
1394
+ padding: calc(var(--spacing) * 4);
1395
+ }
1396
+
1397
+ .p-5 {
1398
+ padding: calc(var(--spacing) * 5);
1399
+ }
1400
+
1401
+ .p-6 {
1402
+ padding: calc(var(--spacing) * 6);
1403
+ }
1404
+
1405
+ .px-1 {
1406
+ padding-inline: calc(var(--spacing) * 1);
1407
+ }
1408
+
1409
+ .px-1\\.5 {
1410
+ padding-inline: calc(var(--spacing) * 1.5);
1411
+ }
1412
+
1413
+ .px-2 {
1414
+ padding-inline: calc(var(--spacing) * 2);
1415
+ }
1416
+
1417
+ .px-2\\.5 {
1418
+ padding-inline: calc(var(--spacing) * 2.5);
1419
+ }
1420
+
1421
+ .px-3 {
1422
+ padding-inline: calc(var(--spacing) * 3);
1423
+ }
1424
+
1425
+ .px-4 {
1426
+ padding-inline: calc(var(--spacing) * 4);
1427
+ }
1428
+
1429
+ .px-5 {
1430
+ padding-inline: calc(var(--spacing) * 5);
1431
+ }
1432
+
1433
+ .py-0\\.5 {
1434
+ padding-block: calc(var(--spacing) * .5);
1435
+ }
1436
+
1437
+ .py-1 {
1438
+ padding-block: calc(var(--spacing) * 1);
1439
+ }
1440
+
1441
+ .py-1\\.5 {
1442
+ padding-block: calc(var(--spacing) * 1.5);
1443
+ }
1444
+
1445
+ .py-2 {
1446
+ padding-block: calc(var(--spacing) * 2);
1447
+ }
1448
+
1449
+ .py-2\\.5 {
1450
+ padding-block: calc(var(--spacing) * 2.5);
1451
+ }
1452
+
1453
+ .py-3 {
1454
+ padding-block: calc(var(--spacing) * 3);
1455
+ }
1456
+
1457
+ .py-6 {
1458
+ padding-block: calc(var(--spacing) * 6);
1459
+ }
1460
+
1461
+ .py-8 {
1462
+ padding-block: calc(var(--spacing) * 8);
1463
+ }
1464
+
1465
+ .pr-1 {
1466
+ padding-right: calc(var(--spacing) * 1);
1467
+ }
1468
+
1469
+ .pr-1\\.5 {
1470
+ padding-right: calc(var(--spacing) * 1.5);
1471
+ }
1472
+
1473
+ .pr-2 {
1474
+ padding-right: calc(var(--spacing) * 2);
1475
+ }
1476
+
1477
+ .pr-4 {
1478
+ padding-right: calc(var(--spacing) * 4);
1479
+ }
1480
+
1481
+ .pr-6 {
1482
+ padding-right: calc(var(--spacing) * 6);
1483
+ }
1484
+
1485
+ .pl-1\\.5 {
1486
+ padding-left: calc(var(--spacing) * 1.5);
1487
+ }
1488
+
1489
+ .pl-2 {
1490
+ padding-left: calc(var(--spacing) * 2);
1491
+ }
1492
+
1493
+ .pl-4 {
1494
+ padding-left: calc(var(--spacing) * 4);
1495
+ }
1496
+
1497
+ .pl-8 {
1498
+ padding-left: calc(var(--spacing) * 8);
1499
+ }
1500
+
1501
+ .text-center {
1502
+ text-align: center;
1503
+ }
1504
+
1505
+ .text-left {
1506
+ text-align: left;
1507
+ }
1508
+
1509
+ .text-right {
1510
+ text-align: right;
1511
+ }
1512
+
1513
+ .font-mono {
1514
+ font-family: var(--font-mono);
1515
+ }
1516
+
1517
+ .text-2xl {
1518
+ font-size: var(--text-2xl);
1519
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1520
+ }
1521
+
1522
+ .text-3xl {
1523
+ font-size: var(--text-3xl);
1524
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1525
+ }
1526
+
1527
+ .text-5xl {
1528
+ font-size: var(--text-5xl);
1529
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
1530
+ }
1531
+
1532
+ .text-base {
1533
+ font-size: var(--text-base);
1534
+ line-height: var(--tw-leading, var(--text-base--line-height));
1535
+ }
1536
+
1537
+ .text-lg {
1538
+ font-size: var(--text-lg);
1539
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1540
+ }
1541
+
1542
+ .text-sm {
1543
+ font-size: var(--text-sm);
1544
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1545
+ }
1546
+
1547
+ .text-xl {
1548
+ font-size: var(--text-xl);
1549
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1550
+ }
1551
+
1552
+ .text-xs {
1553
+ font-size: var(--text-xs);
1554
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1555
+ }
1556
+
1557
+ .text-\\[9px\\] {
1558
+ font-size: 9px;
1559
+ }
1560
+
1561
+ .text-\\[10px\\] {
1562
+ font-size: 10px;
1563
+ }
1564
+
1565
+ .text-\\[11px\\] {
1566
+ font-size: 11px;
1567
+ }
1568
+
1569
+ .leading-6 {
1570
+ --tw-leading: calc(var(--spacing) * 6);
1571
+ line-height: calc(var(--spacing) * 6);
1572
+ }
1573
+
1574
+ .leading-none {
1575
+ --tw-leading: 1;
1576
+ line-height: 1;
1577
+ }
1578
+
1579
+ .leading-relaxed {
1580
+ --tw-leading: var(--leading-relaxed);
1581
+ line-height: var(--leading-relaxed);
1582
+ }
1583
+
1584
+ .font-black {
1585
+ --tw-font-weight: var(--font-weight-black);
1586
+ font-weight: var(--font-weight-black);
1587
+ }
1588
+
1589
+ .font-bold {
1590
+ --tw-font-weight: var(--font-weight-bold);
1591
+ font-weight: var(--font-weight-bold);
1592
+ }
1593
+
1594
+ .tracking-wider {
1595
+ --tw-tracking: var(--tracking-wider);
1596
+ letter-spacing: var(--tracking-wider);
1597
+ }
1598
+
1599
+ .tracking-widest {
1600
+ --tw-tracking: var(--tracking-widest);
1601
+ letter-spacing: var(--tracking-widest);
1602
+ }
1603
+
1604
+ .break-all {
1605
+ word-break: break-all;
1606
+ }
1607
+
1608
+ .whitespace-nowrap {
1609
+ white-space: nowrap;
1610
+ }
1611
+
1612
+ .whitespace-pre {
1613
+ white-space: pre;
1614
+ }
1615
+
1616
+ .whitespace-pre-wrap {
1617
+ white-space: pre-wrap;
1618
+ }
1619
+
1620
+ .text-black {
1621
+ color: var(--color-black);
1622
+ }
1623
+
1624
+ .text-coral-red {
1625
+ color: var(--color-coral-red);
1626
+ }
1627
+
1628
+ .text-coral-red\\/40 {
1629
+ color: #ff6b6b66;
1630
+ }
1631
+
1632
+ @supports (color: color-mix(in lab, red, red)) {
1633
+ .text-coral-red\\/40 {
1634
+ color: color-mix(in oklab, var(--color-coral-red) 40%, transparent);
1635
+ }
1636
+ }
1637
+
1638
+ .text-coral-red\\/70 {
1639
+ color: #ff6b6bb3;
1640
+ }
1641
+
1642
+ @supports (color: color-mix(in lab, red, red)) {
1643
+ .text-coral-red\\/70 {
1644
+ color: color-mix(in oklab, var(--color-coral-red) 70%, transparent);
1645
+ }
1646
+ }
1647
+
1648
+ .text-coral-red\\/90 {
1649
+ color: #ff6b6be6;
1650
+ }
1651
+
1652
+ @supports (color: color-mix(in lab, red, red)) {
1653
+ .text-coral-red\\/90 {
1654
+ color: color-mix(in oklab, var(--color-coral-red) 90%, transparent);
1655
+ }
1656
+ }
1657
+
1658
+ .text-electric-blue {
1659
+ color: var(--color-electric-blue);
1660
+ }
1661
+
1662
+ .text-gray-100 {
1663
+ color: var(--color-gray-100);
1664
+ }
1665
+
1666
+ .text-gray-200 {
1667
+ color: var(--color-gray-200);
1668
+ }
1669
+
1670
+ .text-gray-300 {
1671
+ color: var(--color-gray-300);
1672
+ }
1673
+
1674
+ .text-gray-400 {
1675
+ color: var(--color-gray-400);
1676
+ }
1677
+
1678
+ .text-gray-500 {
1679
+ color: var(--color-gray-500);
1680
+ }
1681
+
1682
+ .text-gray-600 {
1683
+ color: var(--color-gray-600);
1684
+ }
1685
+
1686
+ .text-gray-700 {
1687
+ color: var(--color-gray-700);
1688
+ }
1689
+
1690
+ .text-hot-pink {
1691
+ color: var(--color-hot-pink);
1692
+ }
1693
+
1694
+ .text-neon-green {
1695
+ color: var(--color-neon-green);
1696
+ }
1697
+
1698
+ .text-neon-green\\/40 {
1699
+ color: #84cc1666;
1700
+ }
1701
+
1702
+ @supports (color: color-mix(in lab, red, red)) {
1703
+ .text-neon-green\\/40 {
1704
+ color: color-mix(in oklab, var(--color-neon-green) 40%, transparent);
1705
+ }
1706
+ }
1707
+
1708
+ .text-neon-green\\/70 {
1709
+ color: #84cc16b3;
1710
+ }
1711
+
1712
+ @supports (color: color-mix(in lab, red, red)) {
1713
+ .text-neon-green\\/70 {
1714
+ color: color-mix(in oklab, var(--color-neon-green) 70%, transparent);
1715
+ }
1716
+ }
1717
+
1718
+ .text-neon-green\\/90 {
1719
+ color: #84cc16e6;
1720
+ }
1721
+
1722
+ @supports (color: color-mix(in lab, red, red)) {
1723
+ .text-neon-green\\/90 {
1724
+ color: color-mix(in oklab, var(--color-neon-green) 90%, transparent);
1725
+ }
1726
+ }
1727
+
1728
+ .text-primary {
1729
+ color: var(--color-primary);
1730
+ }
1731
+
1732
+ .text-primary\\/70 {
1733
+ color: #f9b11fb3;
1734
+ }
1735
+
1736
+ @supports (color: color-mix(in lab, red, red)) {
1737
+ .text-primary\\/70 {
1738
+ color: color-mix(in oklab, var(--color-primary) 70%, transparent);
1739
+ }
1740
+ }
1741
+
1742
+ .text-primary\\/80 {
1743
+ color: #f9b11fcc;
1744
+ }
1745
+
1746
+ @supports (color: color-mix(in lab, red, red)) {
1747
+ .text-primary\\/80 {
1748
+ color: color-mix(in oklab, var(--color-primary) 80%, transparent);
1749
+ }
1750
+ }
1751
+
1752
+ .text-transparent {
1753
+ color: #0000;
1754
+ }
1755
+
1756
+ .text-vibrant-purple {
1757
+ color: var(--color-vibrant-purple);
1758
+ }
1759
+
1760
+ .text-white {
1761
+ color: var(--color-white);
1762
+ }
1763
+
1764
+ .uppercase {
1765
+ text-transform: uppercase;
1766
+ }
1767
+
1768
+ .italic {
1769
+ font-style: italic;
1770
+ }
1771
+
1772
+ .placeholder-gray-600::placeholder {
1773
+ color: var(--color-gray-600);
1774
+ }
1775
+
1776
+ .accent-primary {
1777
+ accent-color: var(--color-primary);
1778
+ }
1779
+
1780
+ .opacity-0 {
1781
+ opacity: 0;
1782
+ }
1783
+
1784
+ .opacity-40 {
1785
+ opacity: .4;
1786
+ }
1787
+
1788
+ .opacity-60 {
1789
+ opacity: .6;
1790
+ }
1791
+
1792
+ .opacity-70 {
1793
+ opacity: .7;
1794
+ }
1795
+
1796
+ .shadow-hard {
1797
+ --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color, #000);
1798
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1799
+ }
1800
+
1801
+ .shadow-hard-sm {
1802
+ --tw-shadow: 2px 2px 0 0 var(--tw-shadow-color, #000);
1803
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1804
+ }
1805
+
1806
+ .shadow-hard-xl {
1807
+ --tw-shadow: 8px 8px 0 0 var(--tw-shadow-color, #000);
1808
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1809
+ }
1810
+
1811
+ .shadow-none {
1812
+ --tw-shadow: 0 0 #0000;
1813
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1814
+ }
1815
+
1816
+ .ring {
1817
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1818
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1819
+ }
1820
+
1821
+ .outline {
1822
+ outline-style: var(--tw-outline-style);
1823
+ outline-width: 1px;
1824
+ }
1825
+
1826
+ .transition {
1827
+ 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, display, content-visibility, overlay, pointer-events;
1828
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1829
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1830
+ }
1831
+
1832
+ .transition-all {
1833
+ transition-property: all;
1834
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1835
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1836
+ }
1837
+
1838
+ .transition-colors {
1839
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1840
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1841
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1842
+ }
1843
+
1844
+ .transition-opacity {
1845
+ transition-property: opacity;
1846
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1847
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1848
+ }
1849
+
1850
+ .transition-transform {
1851
+ transition-property: transform, translate, scale, rotate;
1852
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1853
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1854
+ }
1855
+
1856
+ .duration-300 {
1857
+ --tw-duration: .3s;
1858
+ transition-duration: .3s;
1859
+ }
1860
+
1861
+ .outline-none {
1862
+ --tw-outline-style: none;
1863
+ outline-style: none;
1864
+ }
1865
+
1866
+ .select-all {
1867
+ -webkit-user-select: all;
1868
+ user-select: all;
1869
+ }
1870
+
1871
+ .select-none {
1872
+ -webkit-user-select: none;
1873
+ user-select: none;
1874
+ }
1875
+
1876
+ @media (hover: hover) {
1877
+ .group-hover\\:text-primary:is(:where(.group):hover *) {
1878
+ color: var(--color-primary);
1879
+ }
1880
+
1881
+ .group-hover\\:opacity-100:is(:where(.group):hover *) {
1882
+ opacity: 1;
1883
+ }
1884
+ }
1885
+
1886
+ .peer-checked\\:border-primary:is(:where(.peer):checked ~ *) {
1887
+ border-color: var(--color-primary);
1888
+ }
1889
+
1890
+ .peer-checked\\:bg-primary:is(:where(.peer):checked ~ *) {
1891
+ background-color: var(--color-primary);
1892
+ }
1893
+
1894
+ .peer-checked\\:text-black:is(:where(.peer):checked ~ *) {
1895
+ color: var(--color-black);
1896
+ }
1897
+
1898
+ .last\\:border-b-0:last-child {
1899
+ border-bottom-style: var(--tw-border-style);
1900
+ border-bottom-width: 0;
1901
+ }
1902
+
1903
+ @media (hover: hover) {
1904
+ .hover\\:translate-x-0\\.5:hover {
1905
+ --tw-translate-x: calc(var(--spacing) * .5);
1906
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1907
+ }
1908
+
1909
+ .hover\\:translate-x-\\[2px\\]:hover {
1910
+ --tw-translate-x: 2px;
1911
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1912
+ }
1913
+
1914
+ .hover\\:translate-y-0\\.5:hover {
1915
+ --tw-translate-y: calc(var(--spacing) * .5);
1916
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1917
+ }
1918
+
1919
+ .hover\\:translate-y-\\[2px\\]:hover {
1920
+ --tw-translate-y: 2px;
1921
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1922
+ }
1923
+
1924
+ .hover\\:scale-110:hover {
1925
+ --tw-scale-x: 110%;
1926
+ --tw-scale-y: 110%;
1927
+ --tw-scale-z: 110%;
1928
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1929
+ }
1930
+
1931
+ .hover\\:border-coral-red:hover {
1932
+ border-color: var(--color-coral-red);
1933
+ }
1934
+
1935
+ .hover\\:border-gray-600:hover {
1936
+ border-color: var(--color-gray-600);
1937
+ }
1938
+
1939
+ .hover\\:border-neon-green:hover {
1940
+ border-color: var(--color-neon-green);
1941
+ }
1942
+
1943
+ .hover\\:border-primary:hover {
1944
+ border-color: var(--color-primary);
1945
+ }
1946
+
1947
+ .hover\\:border-primary\\/50:hover {
1948
+ border-color: #f9b11f80;
1949
+ }
1950
+
1951
+ @supports (color: color-mix(in lab, red, red)) {
1952
+ .hover\\:border-primary\\/50:hover {
1953
+ border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
1954
+ }
1955
+ }
1956
+
1957
+ .hover\\:border-vibrant-purple:hover {
1958
+ border-color: var(--color-vibrant-purple);
1959
+ }
1960
+
1961
+ .hover\\:border-white:hover {
1962
+ border-color: var(--color-white);
1963
+ }
1964
+
1965
+ .hover\\:bg-primary\\/5:hover {
1966
+ background-color: #f9b11f0d;
1967
+ }
1968
+
1969
+ @supports (color: color-mix(in lab, red, red)) {
1970
+ .hover\\:bg-primary\\/5:hover {
1971
+ background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
1972
+ }
1973
+ }
1974
+
1975
+ .hover\\:bg-white\\/5:hover {
1976
+ background-color: #ffffff0d;
1977
+ }
1978
+
1979
+ @supports (color: color-mix(in lab, red, red)) {
1980
+ .hover\\:bg-white\\/5:hover {
1981
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1982
+ }
1983
+ }
1984
+
1985
+ .hover\\:bg-white\\/10:hover {
1986
+ background-color: #ffffff1a;
1987
+ }
1988
+
1989
+ @supports (color: color-mix(in lab, red, red)) {
1990
+ .hover\\:bg-white\\/10:hover {
1991
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1992
+ }
1993
+ }
1994
+
1995
+ .hover\\:text-coral-red:hover {
1996
+ color: var(--color-coral-red);
1997
+ }
1998
+
1999
+ .hover\\:text-gray-300:hover {
2000
+ color: var(--color-gray-300);
2001
+ }
2002
+
2003
+ .hover\\:text-neon-green:hover {
2004
+ color: var(--color-neon-green);
2005
+ }
2006
+
2007
+ .hover\\:text-primary:hover {
2008
+ color: var(--color-primary);
2009
+ }
2010
+
2011
+ .hover\\:text-vibrant-purple:hover {
2012
+ color: var(--color-vibrant-purple);
2013
+ }
2014
+
2015
+ .hover\\:text-white:hover {
2016
+ color: var(--color-white);
2017
+ }
2018
+
2019
+ .hover\\:shadow-none:hover {
2020
+ --tw-shadow: 0 0 #0000;
2021
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2022
+ }
2023
+
2024
+ .hover\\:brightness-125:hover {
2025
+ --tw-brightness: brightness(125%);
2026
+ 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, );
2027
+ }
2028
+ }
2029
+
2030
+ .focus\\:translate-x-1:focus {
2031
+ --tw-translate-x: calc(var(--spacing) * 1);
2032
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2033
+ }
2034
+
2035
+ .focus\\:translate-x-\\[4px\\]:focus {
2036
+ --tw-translate-x: 4px;
2037
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2038
+ }
2039
+
2040
+ .focus\\:translate-y-1:focus {
2041
+ --tw-translate-y: calc(var(--spacing) * 1);
2042
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2043
+ }
2044
+
2045
+ .focus\\:translate-y-\\[4px\\]:focus {
2046
+ --tw-translate-y: 4px;
2047
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2048
+ }
2049
+
2050
+ .focus\\:border-primary:focus {
2051
+ border-color: var(--color-primary);
2052
+ }
2053
+
2054
+ .focus\\:border-vibrant-purple:focus {
2055
+ border-color: var(--color-vibrant-purple);
2056
+ }
2057
+
2058
+ .focus\\:shadow-none:focus {
2059
+ --tw-shadow: 0 0 #0000;
2060
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2061
+ }
2062
+
2063
+ .active\\:cursor-grabbing:active {
2064
+ cursor: grabbing;
2065
+ }
2066
+
2067
+ @media (min-width: 40rem) {
2068
+ .sm\\:grid-cols-2 {
2069
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2070
+ }
2071
+
2072
+ .sm\\:grid-cols-3 {
2073
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2074
+ }
2075
+
2076
+ .sm\\:flex-row {
2077
+ flex-direction: row;
2078
+ }
2079
+ }
2080
+
2081
+ @media (min-width: 48rem) {
2082
+ .md\\:grid-cols-2 {
2083
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2084
+ }
2085
+ }
2086
+
2087
+ @media (min-width: 64rem) {
2088
+ .lg\\:grid-cols-2 {
2089
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2090
+ }
2091
+
2092
+ .lg\\:grid-cols-4 {
2093
+ grid-template-columns: repeat(4, minmax(0, 1fr));
2094
+ }
2095
+ }
2096
+
2097
+ @media (min-width: 80rem) {
2098
+ .xl\\:grid-cols-3 {
2099
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2100
+ }
2101
+ }
2102
+ }
2103
+
2104
+ @property --tw-translate-x {
2105
+ syntax: "*";
2106
+ inherits: false;
2107
+ initial-value: 0;
2108
+ }
2109
+
2110
+ @property --tw-translate-y {
2111
+ syntax: "*";
2112
+ inherits: false;
2113
+ initial-value: 0;
2114
+ }
2115
+
2116
+ @property --tw-translate-z {
2117
+ syntax: "*";
2118
+ inherits: false;
2119
+ initial-value: 0;
2120
+ }
2121
+
2122
+ @property --tw-rotate-x {
2123
+ syntax: "*";
2124
+ inherits: false
2125
+ }
2126
+
2127
+ @property --tw-rotate-y {
2128
+ syntax: "*";
2129
+ inherits: false
2130
+ }
2131
+
2132
+ @property --tw-rotate-z {
2133
+ syntax: "*";
2134
+ inherits: false
2135
+ }
2136
+
2137
+ @property --tw-skew-x {
2138
+ syntax: "*";
2139
+ inherits: false
2140
+ }
2141
+
2142
+ @property --tw-skew-y {
2143
+ syntax: "*";
2144
+ inherits: false
2145
+ }
2146
+
2147
+ @property --tw-space-y-reverse {
2148
+ syntax: "*";
2149
+ inherits: false;
2150
+ initial-value: 0;
2151
+ }
2152
+
2153
+ @property --tw-border-style {
2154
+ syntax: "*";
2155
+ inherits: false;
2156
+ initial-value: solid;
2157
+ }
2158
+
2159
+ @property --tw-leading {
2160
+ syntax: "*";
2161
+ inherits: false
2162
+ }
2163
+
2164
+ @property --tw-font-weight {
2165
+ syntax: "*";
2166
+ inherits: false
2167
+ }
2168
+
2169
+ @property --tw-tracking {
2170
+ syntax: "*";
2171
+ inherits: false
2172
+ }
2173
+
2174
+ @property --tw-shadow {
2175
+ syntax: "*";
2176
+ inherits: false;
2177
+ initial-value: 0 0 #0000;
2178
+ }
2179
+
2180
+ @property --tw-shadow-color {
2181
+ syntax: "*";
2182
+ inherits: false
2183
+ }
2184
+
2185
+ @property --tw-shadow-alpha {
2186
+ syntax: "<percentage>";
2187
+ inherits: false;
2188
+ initial-value: 100%;
2189
+ }
2190
+
2191
+ @property --tw-inset-shadow {
2192
+ syntax: "*";
2193
+ inherits: false;
2194
+ initial-value: 0 0 #0000;
2195
+ }
2196
+
2197
+ @property --tw-inset-shadow-color {
2198
+ syntax: "*";
2199
+ inherits: false
2200
+ }
2201
+
2202
+ @property --tw-inset-shadow-alpha {
2203
+ syntax: "<percentage>";
2204
+ inherits: false;
2205
+ initial-value: 100%;
2206
+ }
2207
+
2208
+ @property --tw-ring-color {
2209
+ syntax: "*";
2210
+ inherits: false
2211
+ }
2212
+
2213
+ @property --tw-ring-shadow {
2214
+ syntax: "*";
2215
+ inherits: false;
2216
+ initial-value: 0 0 #0000;
2217
+ }
2218
+
2219
+ @property --tw-inset-ring-color {
2220
+ syntax: "*";
2221
+ inherits: false
2222
+ }
2223
+
2224
+ @property --tw-inset-ring-shadow {
2225
+ syntax: "*";
2226
+ inherits: false;
2227
+ initial-value: 0 0 #0000;
2228
+ }
2229
+
2230
+ @property --tw-ring-inset {
2231
+ syntax: "*";
2232
+ inherits: false
2233
+ }
2234
+
2235
+ @property --tw-ring-offset-width {
2236
+ syntax: "<length>";
2237
+ inherits: false;
2238
+ initial-value: 0;
2239
+ }
2240
+
2241
+ @property --tw-ring-offset-color {
2242
+ syntax: "*";
2243
+ inherits: false;
2244
+ initial-value: #fff;
2245
+ }
2246
+
2247
+ @property --tw-ring-offset-shadow {
2248
+ syntax: "*";
2249
+ inherits: false;
2250
+ initial-value: 0 0 #0000;
2251
+ }
2252
+
2253
+ @property --tw-outline-style {
2254
+ syntax: "*";
2255
+ inherits: false;
2256
+ initial-value: solid;
2257
+ }
2258
+
2259
+ @property --tw-duration {
2260
+ syntax: "*";
2261
+ inherits: false
2262
+ }
2263
+
2264
+ @property --tw-scale-x {
2265
+ syntax: "*";
2266
+ inherits: false;
2267
+ initial-value: 1;
2268
+ }
2269
+
2270
+ @property --tw-scale-y {
2271
+ syntax: "*";
2272
+ inherits: false;
2273
+ initial-value: 1;
2274
+ }
2275
+
2276
+ @property --tw-scale-z {
2277
+ syntax: "*";
2278
+ inherits: false;
2279
+ initial-value: 1;
2280
+ }
2281
+
2282
+ @property --tw-blur {
2283
+ syntax: "*";
2284
+ inherits: false
2285
+ }
2286
+
2287
+ @property --tw-brightness {
2288
+ syntax: "*";
2289
+ inherits: false
2290
+ }
2291
+
2292
+ @property --tw-contrast {
2293
+ syntax: "*";
2294
+ inherits: false
2295
+ }
2296
+
2297
+ @property --tw-grayscale {
2298
+ syntax: "*";
2299
+ inherits: false
2300
+ }
2301
+
2302
+ @property --tw-hue-rotate {
2303
+ syntax: "*";
2304
+ inherits: false
2305
+ }
2306
+
2307
+ @property --tw-invert {
2308
+ syntax: "*";
2309
+ inherits: false
2310
+ }
2311
+
2312
+ @property --tw-opacity {
2313
+ syntax: "*";
2314
+ inherits: false
2315
+ }
2316
+
2317
+ @property --tw-saturate {
2318
+ syntax: "*";
2319
+ inherits: false
2320
+ }
2321
+
2322
+ @property --tw-sepia {
2323
+ syntax: "*";
2324
+ inherits: false
2325
+ }
2326
+
2327
+ @property --tw-drop-shadow {
2328
+ syntax: "*";
2329
+ inherits: false
2330
+ }
2331
+
2332
+ @property --tw-drop-shadow-color {
2333
+ syntax: "*";
2334
+ inherits: false
2335
+ }
2336
+
2337
+ @property --tw-drop-shadow-alpha {
2338
+ syntax: "<percentage>";
2339
+ inherits: false;
2340
+ initial-value: 100%;
2341
+ }
2342
+
2343
+ @property --tw-drop-shadow-size {
2344
+ syntax: "*";
2345
+ inherits: false
2346
+ }
2347
+
2348
+ @keyframes spin {
2349
+ to {
2350
+ transform: rotate(360deg);
2351
+ }
2352
+ }
2353
+
2354
+ @keyframes pulse {
2355
+ 50% {
2356
+ opacity: .5;
2357
+ }
2358
+ }
2359
+ `;})();