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