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