ninemoon-ui 0.1.3 → 0.1.5

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.
package/dist/index.css CHANGED
@@ -64,9 +64,844 @@
64
64
  }
65
65
  }/* @tailwind base;
66
66
  @tailwind components; */
67
- /* @tailwind utilities;
68
-
69
- @layer utilities {
67
+ .pointer-events-none {
68
+ pointer-events: none;
69
+ }
70
+ .pointer-events-auto {
71
+ pointer-events: auto;
72
+ }
73
+ .visible {
74
+ visibility: visible;
75
+ }
76
+ .invisible {
77
+ visibility: hidden;
78
+ }
79
+ .static {
80
+ position: static;
81
+ }
82
+ .fixed {
83
+ position: fixed;
84
+ }
85
+ .absolute {
86
+ position: absolute;
87
+ }
88
+ .relative {
89
+ position: relative;
90
+ }
91
+ .-bottom-5 {
92
+ bottom: -1.25rem;
93
+ }
94
+ .-right-3 {
95
+ right: -0.75rem;
96
+ }
97
+ .-top-1\/2 {
98
+ top: -50%;
99
+ }
100
+ .bottom-0 {
101
+ bottom: 0px;
102
+ }
103
+ .bottom-0\.5 {
104
+ bottom: 0.125rem;
105
+ }
106
+ .left-0 {
107
+ left: 0px;
108
+ }
109
+ .left-0\.5 {
110
+ left: 0.125rem;
111
+ }
112
+ .left-1 {
113
+ left: 0.25rem;
114
+ }
115
+ .left-\[calc\(100\%-20px\)\] {
116
+ left: calc(100% - 20px);
117
+ }
118
+ .right-0 {
119
+ right: 0px;
120
+ }
121
+ .right-0\.5 {
122
+ right: 0.125rem;
123
+ }
124
+ .right-1 {
125
+ right: 0.25rem;
126
+ }
127
+ .top-0 {
128
+ top: 0px;
129
+ }
130
+ .top-0\.5 {
131
+ top: 0.125rem;
132
+ }
133
+ .top-1\/2 {
134
+ top: 50%;
135
+ }
136
+ .top-4 {
137
+ top: 1rem;
138
+ }
139
+ .z-10 {
140
+ z-index: 10;
141
+ }
142
+ .z-1000 {
143
+ z-index: 1000;
144
+ }
145
+ .z-20 {
146
+ z-index: 20;
147
+ }
148
+ .z-2000 {
149
+ z-index: 2000;
150
+ }
151
+ .z-50 {
152
+ z-index: 50;
153
+ }
154
+ .mx-1 {
155
+ margin-left: 0.25rem;
156
+ margin-right: 0.25rem;
157
+ }
158
+ .mx-2 {
159
+ margin-left: 0.5rem;
160
+ margin-right: 0.5rem;
161
+ }
162
+ .mx-auto {
163
+ margin-left: auto;
164
+ margin-right: auto;
165
+ }
166
+ .my-2 {
167
+ margin-top: 0.5rem;
168
+ margin-bottom: 0.5rem;
169
+ }
170
+ .my-4 {
171
+ margin-top: 1rem;
172
+ margin-bottom: 1rem;
173
+ }
174
+ .-ml-3 {
175
+ margin-left: -0.75rem;
176
+ }
177
+ .-mt-3 {
178
+ margin-top: -0.75rem;
179
+ }
180
+ .mb-5 {
181
+ margin-bottom: 1.25rem;
182
+ }
183
+ .ml-1 {
184
+ margin-left: 0.25rem;
185
+ }
186
+ .ml-2 {
187
+ margin-left: 0.5rem;
188
+ }
189
+ .ml-3 {
190
+ margin-left: 0.75rem;
191
+ }
192
+ .ml-6 {
193
+ margin-left: 1.5rem;
194
+ }
195
+ .mr-1 {
196
+ margin-right: 0.25rem;
197
+ }
198
+ .mr-2 {
199
+ margin-right: 0.5rem;
200
+ }
201
+ .mr-5 {
202
+ margin-right: 1.25rem;
203
+ }
204
+ .mr-6 {
205
+ margin-right: 1.5rem;
206
+ }
207
+ .mt-1 {
208
+ margin-top: 0.25rem;
209
+ }
210
+ .mt-2 {
211
+ margin-top: 0.5rem;
212
+ }
213
+ .mt-3 {
214
+ margin-top: 0.75rem;
215
+ }
216
+ .mt-\[20vh\] {
217
+ margin-top: 20vh;
218
+ }
219
+ .box-border {
220
+ box-sizing: border-box;
221
+ }
222
+ .block {
223
+ display: block;
224
+ }
225
+ .inline-block {
226
+ display: inline-block;
227
+ }
228
+ .inline {
229
+ display: inline;
230
+ }
231
+ .flex {
232
+ display: flex;
233
+ }
234
+ .inline-flex {
235
+ display: inline-flex;
236
+ }
237
+ .table {
238
+ display: table;
239
+ }
240
+ .hidden {
241
+ display: none;
242
+ }
243
+ .h-1\.5 {
244
+ height: 0.375rem;
245
+ }
246
+ .h-10 {
247
+ height: 2.5rem;
248
+ }
249
+ .h-11 {
250
+ height: 2.75rem;
251
+ }
252
+ .h-2\.5 {
253
+ height: 0.625rem;
254
+ }
255
+ .h-3 {
256
+ height: 0.75rem;
257
+ }
258
+ .h-4 {
259
+ height: 1rem;
260
+ }
261
+ .h-5 {
262
+ height: 1.25rem;
263
+ }
264
+ .h-6 {
265
+ height: 1.5rem;
266
+ }
267
+ .h-7 {
268
+ height: 1.75rem;
269
+ }
270
+ .h-8 {
271
+ height: 2rem;
272
+ }
273
+ .h-9 {
274
+ height: 2.25rem;
275
+ }
276
+ .h-full {
277
+ height: 100%;
278
+ }
279
+ .max-h-full {
280
+ max-height: 100%;
281
+ }
282
+ .w-1\.5 {
283
+ width: 0.375rem;
284
+ }
285
+ .w-1\/2 {
286
+ width: 50%;
287
+ }
288
+ .w-10 {
289
+ width: 2.5rem;
290
+ }
291
+ .w-14 {
292
+ width: 3.5rem;
293
+ }
294
+ .w-2\.5 {
295
+ width: 0.625rem;
296
+ }
297
+ .w-24 {
298
+ width: 6rem;
299
+ }
300
+ .w-3 {
301
+ width: 0.75rem;
302
+ }
303
+ .w-4 {
304
+ width: 1rem;
305
+ }
306
+ .w-5 {
307
+ width: 1.25rem;
308
+ }
309
+ .w-6 {
310
+ width: 1.5rem;
311
+ }
312
+ .w-64 {
313
+ width: 16rem;
314
+ }
315
+ .w-7 {
316
+ width: 1.75rem;
317
+ }
318
+ .w-8 {
319
+ width: 2rem;
320
+ }
321
+ .w-9 {
322
+ width: 2.25rem;
323
+ }
324
+ .w-96 {
325
+ width: 24rem;
326
+ }
327
+ .w-full {
328
+ width: 100%;
329
+ }
330
+ .min-w-10 {
331
+ min-width: 2.5rem;
332
+ }
333
+ .max-w-full {
334
+ max-width: 100%;
335
+ }
336
+ .max-w-xs {
337
+ max-width: 20rem;
338
+ }
339
+ .flex-1 {
340
+ flex: 1 1 0%;
341
+ }
342
+ .flex-auto {
343
+ flex: 1 1 auto;
344
+ }
345
+ .flex-none {
346
+ flex: none;
347
+ }
348
+ .flex-grow-0 {
349
+ flex-grow: 0;
350
+ }
351
+ .table-fixed {
352
+ table-layout: fixed;
353
+ }
354
+ .origin-center {
355
+ transform-origin: center;
356
+ }
357
+ .-translate-y-1\/2 {
358
+ --tw-translate-y: -50%;
359
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
360
+ }
361
+ .translate-x-full {
362
+ --tw-translate-x: 100%;
363
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
364
+ }
365
+ .-rotate-90 {
366
+ --tw-rotate: -90deg;
367
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
368
+ }
369
+ .rotate-180 {
370
+ --tw-rotate: 180deg;
371
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
372
+ }
373
+ .rotate-90 {
374
+ --tw-rotate: 90deg;
375
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
376
+ }
377
+ .transform {
378
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
379
+ }
380
+ .cursor-default {
381
+ cursor: default;
382
+ }
383
+ .cursor-grab {
384
+ cursor: grab;
385
+ }
386
+ .cursor-grabbing {
387
+ cursor: grabbing;
388
+ }
389
+ .cursor-not-allowed {
390
+ cursor: not-allowed;
391
+ }
392
+ .cursor-pointer {
393
+ cursor: pointer;
394
+ }
395
+ .select-none {
396
+ -webkit-user-select: none;
397
+ -moz-user-select: none;
398
+ user-select: none;
399
+ }
400
+ .resize {
401
+ resize: both;
402
+ }
403
+ .list-none {
404
+ list-style-type: none;
405
+ }
406
+ .appearance-none {
407
+ -webkit-appearance: none;
408
+ -moz-appearance: none;
409
+ appearance: none;
410
+ }
411
+ .flex-col {
412
+ flex-direction: column;
413
+ }
414
+ .flex-wrap {
415
+ flex-wrap: wrap;
416
+ }
417
+ .flex-nowrap {
418
+ flex-wrap: nowrap;
419
+ }
420
+ .items-center {
421
+ align-items: center;
422
+ }
423
+ .justify-end {
424
+ justify-content: flex-end;
425
+ }
426
+ .justify-center {
427
+ justify-content: center;
428
+ }
429
+ .justify-between {
430
+ justify-content: space-between;
431
+ }
432
+ .space-x-2 > :not([hidden]) ~ :not([hidden]) {
433
+ --tw-space-x-reverse: 0;
434
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
435
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
436
+ }
437
+ .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
438
+ --tw-space-x-reverse: 0;
439
+ margin-right: calc(0.625rem * var(--tw-space-x-reverse));
440
+ margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
441
+ }
442
+ .space-x-3 > :not([hidden]) ~ :not([hidden]) {
443
+ --tw-space-x-reverse: 0;
444
+ margin-right: calc(0.75rem * var(--tw-space-x-reverse));
445
+ margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
446
+ }
447
+ .space-x-4 > :not([hidden]) ~ :not([hidden]) {
448
+ --tw-space-x-reverse: 0;
449
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
450
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
451
+ }
452
+ .space-y-1 > :not([hidden]) ~ :not([hidden]) {
453
+ --tw-space-y-reverse: 0;
454
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
455
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
456
+ }
457
+ .space-y-5 > :not([hidden]) ~ :not([hidden]) {
458
+ --tw-space-y-reverse: 0;
459
+ margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
460
+ margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
461
+ }
462
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
463
+ --tw-divide-y-reverse: 0;
464
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
465
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
466
+ }
467
+ .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
468
+ --tw-divide-opacity: 1;
469
+ border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1));
470
+ }
471
+ .overflow-auto {
472
+ overflow: auto;
473
+ }
474
+ .overflow-hidden {
475
+ overflow: hidden;
476
+ }
477
+ .overflow-x-hidden {
478
+ overflow-x: hidden;
479
+ }
480
+ .overscroll-contain {
481
+ overscroll-behavior: contain;
482
+ }
483
+ .whitespace-normal {
484
+ white-space: normal;
485
+ }
486
+ .whitespace-nowrap {
487
+ white-space: nowrap;
488
+ }
489
+ .break-all {
490
+ word-break: break-all;
491
+ }
492
+ .rounded {
493
+ border-radius: 0.25rem;
494
+ }
495
+ .rounded-full {
496
+ border-radius: 9999px;
497
+ }
498
+ .rounded-lg {
499
+ border-radius: 0.5rem;
500
+ }
501
+ .rounded-sm {
502
+ border-radius: 0.125rem;
503
+ }
504
+ .rounded-xl {
505
+ border-radius: 0.75rem;
506
+ }
507
+ .rounded-l-\[1\.75rem\] {
508
+ border-top-left-radius: 1.75rem;
509
+ border-bottom-left-radius: 1.75rem;
510
+ }
511
+ .rounded-r-\[1\.75rem\] {
512
+ border-top-right-radius: 1.75rem;
513
+ border-bottom-right-radius: 1.75rem;
514
+ }
515
+ .rounded-tl-lg {
516
+ border-top-left-radius: 0.5rem;
517
+ }
518
+ .rounded-tr-lg {
519
+ border-top-right-radius: 0.5rem;
520
+ }
521
+ .border {
522
+ border-width: 1px;
523
+ }
524
+ .border-b {
525
+ border-bottom-width: 1px;
526
+ }
527
+ .border-t-2 {
528
+ border-top-width: 2px;
529
+ }
530
+ .border-solid {
531
+ border-style: solid;
532
+ }
533
+ .border-blue-brand {
534
+ --tw-border-opacity: 1;
535
+ border-color: rgb(1 64 153 / var(--tw-border-opacity, 1));
536
+ }
537
+ .border-gray-200 {
538
+ --tw-border-opacity: 1;
539
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
540
+ }
541
+ .border-gray-300 {
542
+ --tw-border-opacity: 1;
543
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
544
+ }
545
+ .bg-\[\#9092984d\] {
546
+ background-color: #9092984d;
547
+ }
548
+ .bg-\[\#e6f4ff\] {
549
+ --tw-bg-opacity: 1;
550
+ background-color: rgb(230 244 255 / var(--tw-bg-opacity, 1));
551
+ }
552
+ .bg-black {
553
+ --tw-bg-opacity: 1;
554
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
555
+ }
556
+ .bg-blue-500 {
557
+ --tw-bg-opacity: 1;
558
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
559
+ }
560
+ .bg-blue-light {
561
+ --tw-bg-opacity: 1;
562
+ background-color: rgb(22 119 255 / var(--tw-bg-opacity, 1));
563
+ }
564
+ .bg-gray-100 {
565
+ --tw-bg-opacity: 1;
566
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
567
+ }
568
+ .bg-gray-200 {
569
+ --tw-bg-opacity: 1;
570
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
571
+ }
572
+ .bg-gray-400 {
573
+ --tw-bg-opacity: 1;
574
+ background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
575
+ }
576
+ .bg-green-400 {
577
+ --tw-bg-opacity: 1;
578
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
579
+ }
580
+ .bg-inherit {
581
+ background-color: inherit;
582
+ }
583
+ .bg-red-400 {
584
+ --tw-bg-opacity: 1;
585
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
586
+ }
587
+ .bg-red-500 {
588
+ --tw-bg-opacity: 1;
589
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
590
+ }
591
+ .bg-slate-300 {
592
+ --tw-bg-opacity: 1;
593
+ background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
594
+ }
595
+ .bg-slate-50 {
596
+ --tw-bg-opacity: 1;
597
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
598
+ }
599
+ .bg-white {
600
+ --tw-bg-opacity: 1;
601
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
602
+ }
603
+ .bg-yellow-400 {
604
+ --tw-bg-opacity: 1;
605
+ background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
606
+ }
607
+ .bg-opacity-10 {
608
+ --tw-bg-opacity: 0.1;
609
+ }
610
+ .bg-opacity-30 {
611
+ --tw-bg-opacity: 0.3;
612
+ }
613
+ .bg-opacity-50 {
614
+ --tw-bg-opacity: 0.5;
615
+ }
616
+ .bg-opacity-90 {
617
+ --tw-bg-opacity: 0.9;
618
+ }
619
+ .fill-current {
620
+ fill: currentColor;
621
+ }
622
+ .fill-gray-300 {
623
+ fill: #d1d5db;
624
+ }
625
+ .fill-gray-600 {
626
+ fill: #4b5563;
627
+ }
628
+ .fill-white {
629
+ fill: #fff;
630
+ }
631
+ .fill-word6 {
632
+ fill: #666;
633
+ }
634
+ .stroke-gray-300 {
635
+ stroke: #d1d5db;
636
+ }
637
+ .stroke-wordblue {
638
+ stroke: #1890ff;
639
+ }
640
+ .stroke-yellow-300 {
641
+ stroke: #fde047;
642
+ }
643
+ .stroke-2 {
644
+ stroke-width: 2;
645
+ }
646
+ .\!p-0 {
647
+ padding: 0px !important;
648
+ }
649
+ .p-0 {
650
+ padding: 0px;
651
+ }
652
+ .p-1 {
653
+ padding: 0.25rem;
654
+ }
655
+ .p-2 {
656
+ padding: 0.5rem;
657
+ }
658
+ .p-3 {
659
+ padding: 0.75rem;
660
+ }
661
+ .p-4 {
662
+ padding: 1rem;
663
+ }
664
+ .p-px {
665
+ padding: 1px;
666
+ }
667
+ .px-0 {
668
+ padding-left: 0px;
669
+ padding-right: 0px;
670
+ }
671
+ .px-1 {
672
+ padding-left: 0.25rem;
673
+ padding-right: 0.25rem;
674
+ }
675
+ .px-1\.5 {
676
+ padding-left: 0.375rem;
677
+ padding-right: 0.375rem;
678
+ }
679
+ .px-2 {
680
+ padding-left: 0.5rem;
681
+ padding-right: 0.5rem;
682
+ }
683
+ .px-3 {
684
+ padding-left: 0.75rem;
685
+ padding-right: 0.75rem;
686
+ }
687
+ .px-4 {
688
+ padding-left: 1rem;
689
+ padding-right: 1rem;
690
+ }
691
+ .py-0\.5 {
692
+ padding-top: 0.125rem;
693
+ padding-bottom: 0.125rem;
694
+ }
695
+ .py-1 {
696
+ padding-top: 0.25rem;
697
+ padding-bottom: 0.25rem;
698
+ }
699
+ .py-1\.5 {
700
+ padding-top: 0.375rem;
701
+ padding-bottom: 0.375rem;
702
+ }
703
+ .py-2 {
704
+ padding-top: 0.5rem;
705
+ padding-bottom: 0.5rem;
706
+ }
707
+ .py-px {
708
+ padding-top: 1px;
709
+ padding-bottom: 1px;
710
+ }
711
+ .pb-1 {
712
+ padding-bottom: 0.25rem;
713
+ }
714
+ .pb-9 {
715
+ padding-bottom: 2.25rem;
716
+ }
717
+ .pl-1 {
718
+ padding-left: 0.25rem;
719
+ }
720
+ .pl-2 {
721
+ padding-left: 0.5rem;
722
+ }
723
+ .pr-1 {
724
+ padding-right: 0.25rem;
725
+ }
726
+ .pt-2 {
727
+ padding-top: 0.5rem;
728
+ }
729
+ .pt-3 {
730
+ padding-top: 0.75rem;
731
+ }
732
+ .pt-8 {
733
+ padding-top: 2rem;
734
+ }
735
+ .text-left {
736
+ text-align: left;
737
+ }
738
+ .text-center {
739
+ text-align: center;
740
+ }
741
+ .text-right {
742
+ text-align: right;
743
+ }
744
+ .align-middle {
745
+ vertical-align: middle;
746
+ }
747
+ .text-base {
748
+ font-size: 1rem;
749
+ line-height: 1.5rem;
750
+ }
751
+ .text-lg {
752
+ font-size: 1.125rem;
753
+ line-height: 1.75rem;
754
+ }
755
+ .text-sm {
756
+ font-size: 0.875rem;
757
+ line-height: 1.25rem;
758
+ }
759
+ .text-xs {
760
+ font-size: 0.75rem;
761
+ line-height: 1rem;
762
+ }
763
+ .font-bold {
764
+ font-weight: 700;
765
+ }
766
+ .font-medium {
767
+ font-weight: 500;
768
+ }
769
+ .font-normal {
770
+ font-weight: 400;
771
+ }
772
+ .font-semibold {
773
+ font-weight: 600;
774
+ }
775
+ .leading-5 {
776
+ line-height: 1.25rem;
777
+ }
778
+ .leading-6 {
779
+ line-height: 1.5rem;
780
+ }
781
+ .leading-8 {
782
+ line-height: 2rem;
783
+ }
784
+ .text-blue-400 {
785
+ --tw-text-opacity: 1;
786
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
787
+ }
788
+ .text-blue-500 {
789
+ --tw-text-opacity: 1;
790
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
791
+ }
792
+ .text-blue-brand {
793
+ --tw-text-opacity: 1;
794
+ color: rgb(1 64 153 / var(--tw-text-opacity, 1));
795
+ }
796
+ .text-blue-light {
797
+ --tw-text-opacity: 1;
798
+ color: rgb(22 119 255 / var(--tw-text-opacity, 1));
799
+ }
800
+ .text-red-600 {
801
+ --tw-text-opacity: 1;
802
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1));
803
+ }
804
+ .text-white {
805
+ --tw-text-opacity: 1;
806
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
807
+ }
808
+ .text-word3 {
809
+ --tw-text-opacity: 1;
810
+ color: rgb(51 51 51 / var(--tw-text-opacity, 1));
811
+ }
812
+ .text-word6 {
813
+ --tw-text-opacity: 1;
814
+ color: rgb(102 102 102 / var(--tw-text-opacity, 1));
815
+ }
816
+ .text-word9 {
817
+ --tw-text-opacity: 1;
818
+ color: rgb(153 153 153 / var(--tw-text-opacity, 1));
819
+ }
820
+ .text-yellow-400 {
821
+ --tw-text-opacity: 1;
822
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
823
+ }
824
+ .opacity-0 {
825
+ opacity: 0;
826
+ }
827
+ .opacity-100 {
828
+ opacity: 1;
829
+ }
830
+ .opacity-50 {
831
+ opacity: 0.5;
832
+ }
833
+ .outline-none {
834
+ outline: 2px solid transparent;
835
+ outline-offset: 2px;
836
+ }
837
+ .outline-0 {
838
+ outline-width: 0px;
839
+ }
840
+ .ring-2 {
841
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
842
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
843
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
844
+ }
845
+ .ring-gray-300 {
846
+ --tw-ring-opacity: 1;
847
+ --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
848
+ }
849
+ .blur {
850
+ --tw-blur: blur(8px);
851
+ 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);
852
+ }
853
+ .drop-shadow {
854
+ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
855
+ 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);
856
+ }
857
+ .\!filter {
858
+ 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) !important;
859
+ }
860
+ .filter {
861
+ 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);
862
+ }
863
+ .transition {
864
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
865
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
866
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
867
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
868
+ transition-duration: 150ms;
869
+ }
870
+ .transition-all {
871
+ transition-property: all;
872
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
873
+ transition-duration: 150ms;
874
+ }
875
+ .transition-colors {
876
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
877
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
878
+ transition-duration: 150ms;
879
+ }
880
+ .transition-opacity {
881
+ transition-property: opacity;
882
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
883
+ transition-duration: 150ms;
884
+ }
885
+ .transition-transform {
886
+ transition-property: transform;
887
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
888
+ transition-duration: 150ms;
889
+ }
890
+ .duration-300 {
891
+ transition-duration: 300ms;
892
+ }
893
+ .duration-700 {
894
+ transition-duration: 700ms;
895
+ }
896
+ .ease-in-out {
897
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
898
+ }
899
+ .scrollbar-none {
900
+ scrollbar-width: none;
901
+ }
902
+ .scrollbar-none::-webkit-scrollbar {
903
+ display: none;
904
+ }
70
905
  .form-tick:checked {
71
906
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
72
907
  border-color: transparent;
@@ -74,18 +909,8 @@
74
909
  background-position: 50%;
75
910
  background-repeat: no-repeat;
76
911
  }
77
- .fade-enter-active,
78
- .fade-leave-active {
79
- transition: opacity 0.2s ease;
80
- }
81
-
82
- .fade-enter-from,
83
- .fade-leave-to {
84
- opacity: 0;
85
- }
86
- } */
87
912
 
88
- .form-tick:checked {
913
+ /* .form-tick:checked {
89
914
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
90
915
  border-color: transparent;
91
916
  background-size: 100% 100%;
@@ -100,4 +925,198 @@
100
925
  .fade-enter-from,
101
926
  .fade-leave-to {
102
927
  opacity: 0;
928
+ } */
929
+
930
+ .before\:absolute::before {
931
+ content: var(--tw-content);
932
+ position: absolute;
933
+ }
934
+
935
+ .before\:z-\[-1\]::before {
936
+ content: var(--tw-content);
937
+ z-index: -1;
938
+ }
939
+
940
+ .before\:-mr-px::before {
941
+ content: var(--tw-content);
942
+ margin-right: -1px;
943
+ }
944
+
945
+ .before\:inline-block::before {
946
+ content: var(--tw-content);
947
+ display: inline-block;
948
+ }
949
+
950
+ .before\:h-1\/2::before {
951
+ content: var(--tw-content);
952
+ height: 50%;
953
+ }
954
+
955
+ .before\:h-2\.5::before {
956
+ content: var(--tw-content);
957
+ height: 0.625rem;
958
+ }
959
+
960
+ .before\:w-2\.5::before {
961
+ content: var(--tw-content);
962
+ width: 0.625rem;
963
+ }
964
+
965
+ .before\:w-\[1px\]::before {
966
+ content: var(--tw-content);
967
+ width: 1px;
968
+ }
969
+
970
+ .before\:rotate-45::before {
971
+ content: var(--tw-content);
972
+ --tw-rotate: 45deg;
973
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
974
+ }
975
+
976
+ .before\:rounded-bl::before {
977
+ content: var(--tw-content);
978
+ border-bottom-left-radius: 0.25rem;
979
+ }
980
+
981
+ .before\:rounded-br::before {
982
+ content: var(--tw-content);
983
+ border-bottom-right-radius: 0.25rem;
984
+ }
985
+
986
+ .before\:rounded-tl::before {
987
+ content: var(--tw-content);
988
+ border-top-left-radius: 0.25rem;
989
+ }
990
+
991
+ .before\:rounded-tr::before {
992
+ content: var(--tw-content);
993
+ border-top-right-radius: 0.25rem;
994
+ }
995
+
996
+ .before\:border::before {
997
+ content: var(--tw-content);
998
+ border-width: 1px;
999
+ }
1000
+
1001
+ .before\:border-gray-300::before {
1002
+ content: var(--tw-content);
1003
+ --tw-border-opacity: 1;
1004
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1005
+ }
1006
+
1007
+ .before\:border-b-transparent::before {
1008
+ content: var(--tw-content);
1009
+ border-bottom-color: transparent;
1010
+ }
1011
+
1012
+ .before\:border-l-transparent::before {
1013
+ content: var(--tw-content);
1014
+ border-left-color: transparent;
1015
+ }
1016
+
1017
+ .before\:border-r-transparent::before {
1018
+ content: var(--tw-content);
1019
+ border-right-color: transparent;
1020
+ }
1021
+
1022
+ .before\:border-t-transparent::before {
1023
+ content: var(--tw-content);
1024
+ border-top-color: transparent;
1025
+ }
1026
+
1027
+ .before\:bg-white::before {
1028
+ content: var(--tw-content);
1029
+ --tw-bg-opacity: 1;
1030
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1031
+ }
1032
+
1033
+ .before\:content-\[\'\'\]::before {
1034
+ --tw-content: '';
1035
+ content: var(--tw-content);
1036
+ }
1037
+
1038
+ .checked\:border-transparent:checked {
1039
+ border-color: transparent;
1040
+ }
1041
+
1042
+ .checked\:bg-blue-600:checked {
1043
+ --tw-bg-opacity: 1;
1044
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
1045
+ }
1046
+
1047
+ .hover\:scale-125:hover {
1048
+ --tw-scale-x: 1.25;
1049
+ --tw-scale-y: 1.25;
1050
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1051
+ }
1052
+
1053
+ .hover\:bg-gray-100:hover {
1054
+ --tw-bg-opacity: 1;
1055
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1056
+ }
1057
+
1058
+ .hover\:bg-gray-200:hover {
1059
+ --tw-bg-opacity: 1;
1060
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1061
+ }
1062
+
1063
+ .hover\:text-blue-400:hover {
1064
+ --tw-text-opacity: 1;
1065
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
1066
+ }
1067
+
1068
+ .hover\:text-blue-500:hover {
1069
+ --tw-text-opacity: 1;
1070
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
1071
+ }
1072
+
1073
+ .hover\:text-blue-brand:hover {
1074
+ --tw-text-opacity: 1;
1075
+ color: rgb(1 64 153 / var(--tw-text-opacity, 1));
1076
+ }
1077
+
1078
+ .hover\:opacity-100:hover {
1079
+ opacity: 1;
1080
+ }
1081
+
1082
+ .focus\:outline-none:focus {
1083
+ outline: 2px solid transparent;
1084
+ outline-offset: 2px;
1085
+ }
1086
+
1087
+ .active\:to-blue-700:active {
1088
+ --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
1089
+ }
1090
+
1091
+ .disabled\:cursor-default:disabled {
1092
+ cursor: default;
1093
+ }
1094
+
1095
+ .disabled\:cursor-not-allowed:disabled {
1096
+ cursor: not-allowed;
1097
+ }
1098
+
1099
+ .group:hover .group-hover\:visible {
1100
+ visibility: visible;
1101
+ }
1102
+
1103
+ .group\/scroll:hover .group-hover\/scroll\:opacity-100 {
1104
+ opacity: 1;
1105
+ }
1106
+
1107
+ .peer:disabled ~ .peer-disabled\:text-word9 {
1108
+ --tw-text-opacity: 1;
1109
+ color: rgb(153 153 153 / var(--tw-text-opacity, 1));
1110
+ }
1111
+
1112
+ @media not all and (min-width: 640px) {
1113
+ .max-sm\:opacity-100 {
1114
+ opacity: 1;
1115
+ }
1116
+ }
1117
+
1118
+ @media (min-width: 640px) {
1119
+ .group\/scroll:hover .sm\:group-hover\/scroll\:opacity-100 {
1120
+ opacity: 1;
1121
+ }
103
1122
  }