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