newron-ui 1.0.116 → 1.0.117

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.
Files changed (2) hide show
  1. package/dist/styles.css +3129 -0
  2. package/package.json +70 -70
@@ -0,0 +1,3129 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
2
+
3
+ /* tailwind.css */
4
+
5
+ /* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
6
+
7
+ /*
8
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
9
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
10
+ */
11
+
12
+ *,
13
+ ::before,
14
+ ::after {
15
+ box-sizing: border-box;
16
+ /* 1 */
17
+ border-width: 0;
18
+ /* 2 */
19
+ border-style: solid;
20
+ /* 2 */
21
+ border-color: #e5e7eb;
22
+ /* 2 */
23
+ }
24
+
25
+ ::before,
26
+ ::after {
27
+ --tw-content: '';
28
+ }
29
+
30
+ /*
31
+ 1. Use a consistent sensible line-height in all browsers.
32
+ 2. Prevent adjustments of font size after orientation changes in iOS.
33
+ 3. Use a more readable tab size.
34
+ 4. Use the user's configured `sans` font-family by default.
35
+ 5. Use the user's configured `sans` font-feature-settings by default.
36
+ 6. Use the user's configured `sans` font-variation-settings by default.
37
+ 7. Disable tap highlights on iOS
38
+ */
39
+
40
+ html,
41
+ :host {
42
+ line-height: 1.5;
43
+ /* 1 */
44
+ -webkit-text-size-adjust: 100%;
45
+ /* 2 */
46
+ -moz-tab-size: 4;
47
+ /* 3 */
48
+ -o-tab-size: 4;
49
+ tab-size: 4;
50
+ /* 3 */
51
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
52
+ /* 4 */
53
+ font-feature-settings: normal;
54
+ /* 5 */
55
+ font-variation-settings: normal;
56
+ /* 6 */
57
+ -webkit-tap-highlight-color: transparent;
58
+ /* 7 */
59
+ }
60
+
61
+ /*
62
+ 1. Remove the margin in all browsers.
63
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
64
+ */
65
+
66
+ body {
67
+ margin: 0;
68
+ /* 1 */
69
+ line-height: inherit;
70
+ /* 2 */
71
+ }
72
+
73
+ /*
74
+ 1. Add the correct height in Firefox.
75
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
76
+ 3. Ensure horizontal rules are visible by default.
77
+ */
78
+
79
+ hr {
80
+ height: 0;
81
+ /* 1 */
82
+ color: inherit;
83
+ /* 2 */
84
+ border-top-width: 1px;
85
+ /* 3 */
86
+ }
87
+
88
+ /*
89
+ Add the correct text decoration in Chrome, Edge, and Safari.
90
+ */
91
+
92
+ abbr:where([title]) {
93
+ -webkit-text-decoration: underline dotted;
94
+ text-decoration: underline dotted;
95
+ }
96
+
97
+ /*
98
+ Remove the default font size and weight for headings.
99
+ */
100
+
101
+ h1,
102
+ h2,
103
+ h3,
104
+ h4,
105
+ h5,
106
+ h6 {
107
+ font-size: inherit;
108
+ font-weight: inherit;
109
+ }
110
+
111
+ /*
112
+ Reset links to optimize for opt-in styling instead of opt-out.
113
+ */
114
+
115
+ a {
116
+ color: inherit;
117
+ text-decoration: inherit;
118
+ }
119
+
120
+ /*
121
+ Add the correct font weight in Edge and Safari.
122
+ */
123
+
124
+ b,
125
+ strong {
126
+ font-weight: bolder;
127
+ }
128
+
129
+ /*
130
+ 1. Use the user's configured `mono` font-family by default.
131
+ 2. Use the user's configured `mono` font-feature-settings by default.
132
+ 3. Use the user's configured `mono` font-variation-settings by default.
133
+ 4. Correct the odd `em` font sizing in all browsers.
134
+ */
135
+
136
+ code,
137
+ kbd,
138
+ samp,
139
+ pre {
140
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
141
+ /* 1 */
142
+ font-feature-settings: normal;
143
+ /* 2 */
144
+ font-variation-settings: normal;
145
+ /* 3 */
146
+ font-size: 1em;
147
+ /* 4 */
148
+ }
149
+
150
+ /*
151
+ Add the correct font size in all browsers.
152
+ */
153
+
154
+ small {
155
+ font-size: 80%;
156
+ }
157
+
158
+ /*
159
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
160
+ */
161
+
162
+ sub,
163
+ sup {
164
+ font-size: 75%;
165
+ line-height: 0;
166
+ position: relative;
167
+ vertical-align: baseline;
168
+ }
169
+
170
+ sub {
171
+ bottom: -0.25em;
172
+ }
173
+
174
+ sup {
175
+ top: -0.5em;
176
+ }
177
+
178
+ /*
179
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
180
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
181
+ 3. Remove gaps between table borders by default.
182
+ */
183
+
184
+ table {
185
+ text-indent: 0;
186
+ /* 1 */
187
+ border-color: inherit;
188
+ /* 2 */
189
+ border-collapse: collapse;
190
+ /* 3 */
191
+ }
192
+
193
+ /*
194
+ 1. Change the font styles in all browsers.
195
+ 2. Remove the margin in Firefox and Safari.
196
+ 3. Remove default padding in all browsers.
197
+ */
198
+
199
+ button,
200
+ input,
201
+ optgroup,
202
+ select,
203
+ textarea {
204
+ font-family: inherit;
205
+ /* 1 */
206
+ font-feature-settings: inherit;
207
+ /* 1 */
208
+ font-variation-settings: inherit;
209
+ /* 1 */
210
+ font-size: 100%;
211
+ /* 1 */
212
+ font-weight: inherit;
213
+ /* 1 */
214
+ line-height: inherit;
215
+ /* 1 */
216
+ color: inherit;
217
+ /* 1 */
218
+ margin: 0;
219
+ /* 2 */
220
+ padding: 0;
221
+ /* 3 */
222
+ }
223
+
224
+ /*
225
+ Remove the inheritance of text transform in Edge and Firefox.
226
+ */
227
+
228
+ button,
229
+ select {
230
+ text-transform: none;
231
+ }
232
+
233
+ /*
234
+ 1. Correct the inability to style clickable types in iOS and Safari.
235
+ 2. Remove default button styles.
236
+ */
237
+
238
+ button,
239
+ [type='button'],
240
+ [type='reset'],
241
+ [type='submit'] {
242
+ -webkit-appearance: button;
243
+ /* 1 */
244
+ background-color: transparent;
245
+ /* 2 */
246
+ background-image: none;
247
+ /* 2 */
248
+ }
249
+
250
+ /*
251
+ Use the modern Firefox focus style for all focusable elements.
252
+ */
253
+
254
+ :-moz-focusring {
255
+ outline: auto;
256
+ }
257
+
258
+ /*
259
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
260
+ */
261
+
262
+ :-moz-ui-invalid {
263
+ box-shadow: none;
264
+ }
265
+
266
+ /*
267
+ Add the correct vertical alignment in Chrome and Firefox.
268
+ */
269
+
270
+ progress {
271
+ vertical-align: baseline;
272
+ }
273
+
274
+ /*
275
+ Correct the cursor style of increment and decrement buttons in Safari.
276
+ */
277
+
278
+ ::-webkit-inner-spin-button,
279
+ ::-webkit-outer-spin-button {
280
+ height: auto;
281
+ }
282
+
283
+ /*
284
+ 1. Correct the odd appearance in Chrome and Safari.
285
+ 2. Correct the outline style in Safari.
286
+ */
287
+
288
+ [type='search'] {
289
+ -webkit-appearance: textfield;
290
+ /* 1 */
291
+ outline-offset: -2px;
292
+ /* 2 */
293
+ }
294
+
295
+ /*
296
+ Remove the inner padding in Chrome and Safari on macOS.
297
+ */
298
+
299
+ ::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ /*
304
+ 1. Correct the inability to style clickable types in iOS and Safari.
305
+ 2. Change font properties to `inherit` in Safari.
306
+ */
307
+
308
+ ::-webkit-file-upload-button {
309
+ -webkit-appearance: button;
310
+ /* 1 */
311
+ font: inherit;
312
+ /* 2 */
313
+ }
314
+
315
+ /*
316
+ Add the correct display in Chrome and Safari.
317
+ */
318
+
319
+ summary {
320
+ display: list-item;
321
+ }
322
+
323
+ /*
324
+ Removes the default spacing and border for appropriate elements.
325
+ */
326
+
327
+ blockquote,
328
+ dl,
329
+ dd,
330
+ h1,
331
+ h2,
332
+ h3,
333
+ h4,
334
+ h5,
335
+ h6,
336
+ hr,
337
+ figure,
338
+ p,
339
+ pre {
340
+ margin: 0;
341
+ }
342
+
343
+ fieldset {
344
+ margin: 0;
345
+ padding: 0;
346
+ }
347
+
348
+ legend {
349
+ padding: 0;
350
+ }
351
+
352
+ ol,
353
+ ul,
354
+ menu {
355
+ list-style: none;
356
+ margin: 0;
357
+ padding: 0;
358
+ }
359
+
360
+ /*
361
+ Reset default styling for dialogs.
362
+ */
363
+
364
+ dialog {
365
+ padding: 0;
366
+ }
367
+
368
+ /*
369
+ Prevent resizing textareas horizontally by default.
370
+ */
371
+
372
+ textarea {
373
+ resize: vertical;
374
+ }
375
+
376
+ /*
377
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
378
+ 2. Set the default placeholder color to the user's configured gray 400 color.
379
+ */
380
+
381
+ input::-moz-placeholder, textarea::-moz-placeholder {
382
+ opacity: 1;
383
+ /* 1 */
384
+ color: #9ca3af;
385
+ /* 2 */
386
+ }
387
+
388
+ input::placeholder,
389
+ textarea::placeholder {
390
+ opacity: 1;
391
+ /* 1 */
392
+ color: #9ca3af;
393
+ /* 2 */
394
+ }
395
+
396
+ /*
397
+ Set the default cursor for buttons.
398
+ */
399
+
400
+ button,
401
+ [role="button"] {
402
+ cursor: pointer;
403
+ }
404
+
405
+ /*
406
+ Make sure disabled buttons don't get the pointer cursor.
407
+ */
408
+
409
+ :disabled {
410
+ cursor: default;
411
+ }
412
+
413
+ /*
414
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
415
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
416
+ This can trigger a poorly considered lint error in some tools but is included by design.
417
+ */
418
+
419
+ img,
420
+ svg,
421
+ video,
422
+ canvas,
423
+ audio,
424
+ iframe,
425
+ embed,
426
+ object {
427
+ display: block;
428
+ /* 1 */
429
+ vertical-align: middle;
430
+ /* 2 */
431
+ }
432
+
433
+ /*
434
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
435
+ */
436
+
437
+ img,
438
+ video {
439
+ max-width: 100%;
440
+ height: auto;
441
+ }
442
+
443
+ /* Make elements with the HTML hidden attribute stay hidden by default */
444
+
445
+ [hidden] {
446
+ display: none;
447
+ }
448
+
449
+ *, ::before, ::after{
450
+ --tw-border-spacing-x: 0;
451
+ --tw-border-spacing-y: 0;
452
+ --tw-translate-x: 0;
453
+ --tw-translate-y: 0;
454
+ --tw-rotate: 0;
455
+ --tw-skew-x: 0;
456
+ --tw-skew-y: 0;
457
+ --tw-scale-x: 1;
458
+ --tw-scale-y: 1;
459
+ --tw-pan-x: ;
460
+ --tw-pan-y: ;
461
+ --tw-pinch-zoom: ;
462
+ --tw-scroll-snap-strictness: proximity;
463
+ --tw-gradient-from-position: ;
464
+ --tw-gradient-via-position: ;
465
+ --tw-gradient-to-position: ;
466
+ --tw-ordinal: ;
467
+ --tw-slashed-zero: ;
468
+ --tw-numeric-figure: ;
469
+ --tw-numeric-spacing: ;
470
+ --tw-numeric-fraction: ;
471
+ --tw-ring-inset: ;
472
+ --tw-ring-offset-width: 0px;
473
+ --tw-ring-offset-color: #fff;
474
+ --tw-ring-color: rgb(59 130 246 / 0.5);
475
+ --tw-ring-offset-shadow: 0 0 #0000;
476
+ --tw-ring-shadow: 0 0 #0000;
477
+ --tw-shadow: 0 0 #0000;
478
+ --tw-shadow-colored: 0 0 #0000;
479
+ --tw-blur: ;
480
+ --tw-brightness: ;
481
+ --tw-contrast: ;
482
+ --tw-grayscale: ;
483
+ --tw-hue-rotate: ;
484
+ --tw-invert: ;
485
+ --tw-saturate: ;
486
+ --tw-sepia: ;
487
+ --tw-drop-shadow: ;
488
+ --tw-backdrop-blur: ;
489
+ --tw-backdrop-brightness: ;
490
+ --tw-backdrop-contrast: ;
491
+ --tw-backdrop-grayscale: ;
492
+ --tw-backdrop-hue-rotate: ;
493
+ --tw-backdrop-invert: ;
494
+ --tw-backdrop-opacity: ;
495
+ --tw-backdrop-saturate: ;
496
+ --tw-backdrop-sepia: ;
497
+ }
498
+
499
+ ::backdrop{
500
+ --tw-border-spacing-x: 0;
501
+ --tw-border-spacing-y: 0;
502
+ --tw-translate-x: 0;
503
+ --tw-translate-y: 0;
504
+ --tw-rotate: 0;
505
+ --tw-skew-x: 0;
506
+ --tw-skew-y: 0;
507
+ --tw-scale-x: 1;
508
+ --tw-scale-y: 1;
509
+ --tw-pan-x: ;
510
+ --tw-pan-y: ;
511
+ --tw-pinch-zoom: ;
512
+ --tw-scroll-snap-strictness: proximity;
513
+ --tw-gradient-from-position: ;
514
+ --tw-gradient-via-position: ;
515
+ --tw-gradient-to-position: ;
516
+ --tw-ordinal: ;
517
+ --tw-slashed-zero: ;
518
+ --tw-numeric-figure: ;
519
+ --tw-numeric-spacing: ;
520
+ --tw-numeric-fraction: ;
521
+ --tw-ring-inset: ;
522
+ --tw-ring-offset-width: 0px;
523
+ --tw-ring-offset-color: #fff;
524
+ --tw-ring-color: rgb(59 130 246 / 0.5);
525
+ --tw-ring-offset-shadow: 0 0 #0000;
526
+ --tw-ring-shadow: 0 0 #0000;
527
+ --tw-shadow: 0 0 #0000;
528
+ --tw-shadow-colored: 0 0 #0000;
529
+ --tw-blur: ;
530
+ --tw-brightness: ;
531
+ --tw-contrast: ;
532
+ --tw-grayscale: ;
533
+ --tw-hue-rotate: ;
534
+ --tw-invert: ;
535
+ --tw-saturate: ;
536
+ --tw-sepia: ;
537
+ --tw-drop-shadow: ;
538
+ --tw-backdrop-blur: ;
539
+ --tw-backdrop-brightness: ;
540
+ --tw-backdrop-contrast: ;
541
+ --tw-backdrop-grayscale: ;
542
+ --tw-backdrop-hue-rotate: ;
543
+ --tw-backdrop-invert: ;
544
+ --tw-backdrop-opacity: ;
545
+ --tw-backdrop-saturate: ;
546
+ --tw-backdrop-sepia: ;
547
+ }
548
+
549
+ .sr-only{
550
+ position: absolute;
551
+ width: 1px;
552
+ height: 1px;
553
+ padding: 0;
554
+ margin: -1px;
555
+ overflow: hidden;
556
+ clip: rect(0, 0, 0, 0);
557
+ white-space: nowrap;
558
+ border-width: 0;
559
+ }
560
+
561
+ .pointer-events-none{
562
+ pointer-events: none;
563
+ }
564
+
565
+ .visible{
566
+ visibility: visible;
567
+ }
568
+
569
+ .fixed{
570
+ position: fixed;
571
+ }
572
+
573
+ .absolute{
574
+ position: absolute;
575
+ }
576
+
577
+ .relative{
578
+ position: relative;
579
+ }
580
+
581
+ .sticky{
582
+ position: sticky;
583
+ }
584
+
585
+ .inset-0{
586
+ inset: 0px;
587
+ }
588
+
589
+ .inset-y-0{
590
+ top: 0px;
591
+ bottom: 0px;
592
+ }
593
+
594
+ .-bottom-\[2px\]{
595
+ bottom: -2px;
596
+ }
597
+
598
+ .-left-\[2px\]{
599
+ left: -2px;
600
+ }
601
+
602
+ .-right-2{
603
+ right: -0.5rem;
604
+ }
605
+
606
+ .-right-\[2px\]{
607
+ right: -2px;
608
+ }
609
+
610
+ .-top-1{
611
+ top: -0.25rem;
612
+ }
613
+
614
+ .-top-2{
615
+ top: -0.5rem;
616
+ }
617
+
618
+ .-top-\[2px\]{
619
+ top: -2px;
620
+ }
621
+
622
+ .bottom-0{
623
+ bottom: 0px;
624
+ }
625
+
626
+ .left-0{
627
+ left: 0px;
628
+ }
629
+
630
+ .left-2{
631
+ left: 0.5rem;
632
+ }
633
+
634
+ .left-2\.5{
635
+ left: 0.625rem;
636
+ }
637
+
638
+ .right-0{
639
+ right: 0px;
640
+ }
641
+
642
+ .right-1{
643
+ right: 0.25rem;
644
+ }
645
+
646
+ .right-2{
647
+ right: 0.5rem;
648
+ }
649
+
650
+ .right-2\.5{
651
+ right: 0.625rem;
652
+ }
653
+
654
+ .right-3{
655
+ right: 0.75rem;
656
+ }
657
+
658
+ .right-7{
659
+ right: 1.75rem;
660
+ }
661
+
662
+ .top-0{
663
+ top: 0px;
664
+ }
665
+
666
+ .top-1{
667
+ top: 0.25rem;
668
+ }
669
+
670
+ .top-1\/2{
671
+ top: 50%;
672
+ }
673
+
674
+ .top-10{
675
+ top: 2.5rem;
676
+ }
677
+
678
+ .top-2{
679
+ top: 0.5rem;
680
+ }
681
+
682
+ .top-2\.5{
683
+ top: 0.625rem;
684
+ }
685
+
686
+ .top-3{
687
+ top: 0.75rem;
688
+ }
689
+
690
+ .top-3\.5{
691
+ top: 0.875rem;
692
+ }
693
+
694
+ .top-full{
695
+ top: 100%;
696
+ }
697
+
698
+ .z-0{
699
+ z-index: 0;
700
+ }
701
+
702
+ .z-10{
703
+ z-index: 10;
704
+ }
705
+
706
+ .z-20{
707
+ z-index: 20;
708
+ }
709
+
710
+ .z-40{
711
+ z-index: 40;
712
+ }
713
+
714
+ .z-50{
715
+ z-index: 50;
716
+ }
717
+
718
+ .z-\[1\]{
719
+ z-index: 1;
720
+ }
721
+
722
+ .z-\[52\]{
723
+ z-index: 52;
724
+ }
725
+
726
+ .z-\[60\]{
727
+ z-index: 60;
728
+ }
729
+
730
+ .z-\[999\]{
731
+ z-index: 999;
732
+ }
733
+
734
+ .z-\[9\]{
735
+ z-index: 9;
736
+ }
737
+
738
+ .m-0{
739
+ margin: 0px;
740
+ }
741
+
742
+ .m-2{
743
+ margin: 0.5rem;
744
+ }
745
+
746
+ .mx-1{
747
+ margin-left: 0.25rem;
748
+ margin-right: 0.25rem;
749
+ }
750
+
751
+ .mx-2{
752
+ margin-left: 0.5rem;
753
+ margin-right: 0.5rem;
754
+ }
755
+
756
+ .mx-auto{
757
+ margin-left: auto;
758
+ margin-right: auto;
759
+ }
760
+
761
+ .my-1{
762
+ margin-top: 0.25rem;
763
+ margin-bottom: 0.25rem;
764
+ }
765
+
766
+ .my-2{
767
+ margin-top: 0.5rem;
768
+ margin-bottom: 0.5rem;
769
+ }
770
+
771
+ .my-4{
772
+ margin-top: 1rem;
773
+ margin-bottom: 1rem;
774
+ }
775
+
776
+ .-mr-1{
777
+ margin-right: -0.25rem;
778
+ }
779
+
780
+ .mb-1{
781
+ margin-bottom: 0.25rem;
782
+ }
783
+
784
+ .mb-2{
785
+ margin-bottom: 0.5rem;
786
+ }
787
+
788
+ .mb-3{
789
+ margin-bottom: 0.75rem;
790
+ }
791
+
792
+ .mb-4{
793
+ margin-bottom: 1rem;
794
+ }
795
+
796
+ .mb-6{
797
+ margin-bottom: 1.5rem;
798
+ }
799
+
800
+ .ml-1{
801
+ margin-left: 0.25rem;
802
+ }
803
+
804
+ .ml-12{
805
+ margin-left: 3rem;
806
+ }
807
+
808
+ .ml-2{
809
+ margin-left: 0.5rem;
810
+ }
811
+
812
+ .mr-1{
813
+ margin-right: 0.25rem;
814
+ }
815
+
816
+ .mr-2{
817
+ margin-right: 0.5rem;
818
+ }
819
+
820
+ .mr-4{
821
+ margin-right: 1rem;
822
+ }
823
+
824
+ .mt-0{
825
+ margin-top: 0px;
826
+ }
827
+
828
+ .mt-0\.5{
829
+ margin-top: 0.125rem;
830
+ }
831
+
832
+ .mt-1{
833
+ margin-top: 0.25rem;
834
+ }
835
+
836
+ .mt-2{
837
+ margin-top: 0.5rem;
838
+ }
839
+
840
+ .mt-4{
841
+ margin-top: 1rem;
842
+ }
843
+
844
+ .block{
845
+ display: block;
846
+ }
847
+
848
+ .inline-block{
849
+ display: inline-block;
850
+ }
851
+
852
+ .inline{
853
+ display: inline;
854
+ }
855
+
856
+ .flex{
857
+ display: flex;
858
+ }
859
+
860
+ .inline-flex{
861
+ display: inline-flex;
862
+ }
863
+
864
+ .table{
865
+ display: table;
866
+ }
867
+
868
+ .grid{
869
+ display: grid;
870
+ }
871
+
872
+ .hidden{
873
+ display: none;
874
+ }
875
+
876
+ .h-1{
877
+ height: 0.25rem;
878
+ }
879
+
880
+ .h-10{
881
+ height: 2.5rem;
882
+ }
883
+
884
+ .h-12{
885
+ height: 3rem;
886
+ }
887
+
888
+ .h-16{
889
+ height: 4rem;
890
+ }
891
+
892
+ .h-20{
893
+ height: 5rem;
894
+ }
895
+
896
+ .h-24{
897
+ height: 6rem;
898
+ }
899
+
900
+ .h-3{
901
+ height: 0.75rem;
902
+ }
903
+
904
+ .h-4{
905
+ height: 1rem;
906
+ }
907
+
908
+ .h-5{
909
+ height: 1.25rem;
910
+ }
911
+
912
+ .h-6{
913
+ height: 1.5rem;
914
+ }
915
+
916
+ .h-7{
917
+ height: 1.75rem;
918
+ }
919
+
920
+ .h-72{
921
+ height: 18rem;
922
+ }
923
+
924
+ .h-8{
925
+ height: 2rem;
926
+ }
927
+
928
+ .h-\[1px\]{
929
+ height: 1px;
930
+ }
931
+
932
+ .h-\[400px\]{
933
+ height: 400px;
934
+ }
935
+
936
+ .h-full{
937
+ height: 100%;
938
+ }
939
+
940
+ .h-screen{
941
+ height: 100vh;
942
+ }
943
+
944
+ .max-h-40{
945
+ max-height: 10rem;
946
+ }
947
+
948
+ .max-h-48{
949
+ max-height: 12rem;
950
+ }
951
+
952
+ .max-h-\[300px\]{
953
+ max-height: 300px;
954
+ }
955
+
956
+ .min-h-\[100px\]{
957
+ min-height: 100px;
958
+ }
959
+
960
+ .min-h-\[300px\]{
961
+ min-height: 300px;
962
+ }
963
+
964
+ .min-h-\[350px\]{
965
+ min-height: 350px;
966
+ }
967
+
968
+ .w-1\/2{
969
+ width: 50%;
970
+ }
971
+
972
+ .w-10{
973
+ width: 2.5rem;
974
+ }
975
+
976
+ .w-12{
977
+ width: 3rem;
978
+ }
979
+
980
+ .w-16{
981
+ width: 4rem;
982
+ }
983
+
984
+ .w-20{
985
+ width: 5rem;
986
+ }
987
+
988
+ .w-24{
989
+ width: 6rem;
990
+ }
991
+
992
+ .w-3{
993
+ width: 0.75rem;
994
+ }
995
+
996
+ .w-4{
997
+ width: 1rem;
998
+ }
999
+
1000
+ .w-5{
1001
+ width: 1.25rem;
1002
+ }
1003
+
1004
+ .w-6{
1005
+ width: 1.5rem;
1006
+ }
1007
+
1008
+ .w-60{
1009
+ width: 15rem;
1010
+ }
1011
+
1012
+ .w-64{
1013
+ width: 16rem;
1014
+ }
1015
+
1016
+ .w-7{
1017
+ width: 1.75rem;
1018
+ }
1019
+
1020
+ .w-8{
1021
+ width: 2rem;
1022
+ }
1023
+
1024
+ .w-9{
1025
+ width: 2.25rem;
1026
+ }
1027
+
1028
+ .w-96{
1029
+ width: 24rem;
1030
+ }
1031
+
1032
+ .w-\[1px\]{
1033
+ width: 1px;
1034
+ }
1035
+
1036
+ .w-\[400px\]{
1037
+ width: 400px;
1038
+ }
1039
+
1040
+ .w-full{
1041
+ width: 100%;
1042
+ }
1043
+
1044
+ .w-screen{
1045
+ width: 100vw;
1046
+ }
1047
+
1048
+ .min-w-96{
1049
+ min-width: 24rem;
1050
+ }
1051
+
1052
+ .min-w-\[110px\]{
1053
+ min-width: 110px;
1054
+ }
1055
+
1056
+ .min-w-\[200px\]{
1057
+ min-width: 200px;
1058
+ }
1059
+
1060
+ .min-w-\[220px\]{
1061
+ min-width: 220px;
1062
+ }
1063
+
1064
+ .max-w-3xl{
1065
+ max-width: 48rem;
1066
+ }
1067
+
1068
+ .max-w-7xl{
1069
+ max-width: 80rem;
1070
+ }
1071
+
1072
+ .max-w-\[15rem\]{
1073
+ max-width: 15rem;
1074
+ }
1075
+
1076
+ .max-w-\[50\%\]{
1077
+ max-width: 50%;
1078
+ }
1079
+
1080
+ .max-w-lg{
1081
+ max-width: 32rem;
1082
+ }
1083
+
1084
+ .flex-1{
1085
+ flex: 1 1 0%;
1086
+ }
1087
+
1088
+ .grow{
1089
+ flex-grow: 1;
1090
+ }
1091
+
1092
+ .table-auto{
1093
+ table-layout: auto;
1094
+ }
1095
+
1096
+ .border-collapse{
1097
+ border-collapse: collapse;
1098
+ }
1099
+
1100
+ .origin-\[0\]{
1101
+ transform-origin: 0;
1102
+ }
1103
+
1104
+ .origin-top-right{
1105
+ transform-origin: top right;
1106
+ }
1107
+
1108
+ .-translate-y-2\/3{
1109
+ --tw-translate-y: -66.666667%;
1110
+ 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));
1111
+ }
1112
+
1113
+ .-translate-y-4{
1114
+ --tw-translate-y: -1rem;
1115
+ 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));
1116
+ }
1117
+
1118
+ .rotate-180{
1119
+ --tw-rotate: 180deg;
1120
+ 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));
1121
+ }
1122
+
1123
+ .scale-75{
1124
+ --tw-scale-x: .75;
1125
+ --tw-scale-y: .75;
1126
+ 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));
1127
+ }
1128
+
1129
+ .transform{
1130
+ 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));
1131
+ }
1132
+
1133
+ @keyframes spin{
1134
+ to{
1135
+ transform: rotate(360deg);
1136
+ }
1137
+ }
1138
+
1139
+ .animate-spin{
1140
+ animation: spin 1s linear infinite;
1141
+ }
1142
+
1143
+ .cursor-copy{
1144
+ cursor: copy;
1145
+ }
1146
+
1147
+ .cursor-move{
1148
+ cursor: move;
1149
+ }
1150
+
1151
+ .cursor-not-allowed{
1152
+ cursor: not-allowed;
1153
+ }
1154
+
1155
+ .cursor-pointer{
1156
+ cursor: pointer;
1157
+ }
1158
+
1159
+ .select-none{
1160
+ -webkit-user-select: none;
1161
+ -moz-user-select: none;
1162
+ user-select: none;
1163
+ }
1164
+
1165
+ .appearance-none{
1166
+ -webkit-appearance: none;
1167
+ -moz-appearance: none;
1168
+ appearance: none;
1169
+ }
1170
+
1171
+ .grid-cols-2{
1172
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1173
+ }
1174
+
1175
+ .flex-col{
1176
+ flex-direction: column;
1177
+ }
1178
+
1179
+ .flex-wrap{
1180
+ flex-wrap: wrap;
1181
+ }
1182
+
1183
+ .items-start{
1184
+ align-items: flex-start;
1185
+ }
1186
+
1187
+ .items-center{
1188
+ align-items: center;
1189
+ }
1190
+
1191
+ .justify-start{
1192
+ justify-content: flex-start;
1193
+ }
1194
+
1195
+ .justify-end{
1196
+ justify-content: flex-end;
1197
+ }
1198
+
1199
+ .justify-center{
1200
+ justify-content: center;
1201
+ }
1202
+
1203
+ .justify-between{
1204
+ justify-content: space-between;
1205
+ }
1206
+
1207
+ .gap-1{
1208
+ gap: 0.25rem;
1209
+ }
1210
+
1211
+ .gap-2{
1212
+ gap: 0.5rem;
1213
+ }
1214
+
1215
+ .gap-4{
1216
+ gap: 1rem;
1217
+ }
1218
+
1219
+ .gap-5{
1220
+ gap: 1.25rem;
1221
+ }
1222
+
1223
+ .divide-x > :not([hidden]) ~ :not([hidden]){
1224
+ --tw-divide-x-reverse: 0;
1225
+ border-right-width: calc(1px * var(--tw-divide-x-reverse));
1226
+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1227
+ }
1228
+
1229
+ .divide-y > :not([hidden]) ~ :not([hidden]){
1230
+ --tw-divide-y-reverse: 0;
1231
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1232
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1233
+ }
1234
+
1235
+ .divide-gray-200 > :not([hidden]) ~ :not([hidden]){
1236
+ --tw-divide-opacity: 1;
1237
+ border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1238
+ }
1239
+
1240
+ .divide-gray-300 > :not([hidden]) ~ :not([hidden]){
1241
+ --tw-divide-opacity: 1;
1242
+ border-color: rgb(209 213 219 / var(--tw-divide-opacity));
1243
+ }
1244
+
1245
+ .overflow-auto{
1246
+ overflow: auto;
1247
+ }
1248
+
1249
+ .overflow-hidden{
1250
+ overflow: hidden;
1251
+ }
1252
+
1253
+ .overflow-scroll{
1254
+ overflow: scroll;
1255
+ }
1256
+
1257
+ .overflow-x-auto{
1258
+ overflow-x: auto;
1259
+ }
1260
+
1261
+ .overflow-y-auto{
1262
+ overflow-y: auto;
1263
+ }
1264
+
1265
+ .overflow-y-scroll{
1266
+ overflow-y: scroll;
1267
+ }
1268
+
1269
+ .truncate{
1270
+ overflow: hidden;
1271
+ text-overflow: ellipsis;
1272
+ white-space: nowrap;
1273
+ }
1274
+
1275
+ .whitespace-nowrap{
1276
+ white-space: nowrap;
1277
+ }
1278
+
1279
+ .rounded{
1280
+ border-radius: 0.25rem;
1281
+ }
1282
+
1283
+ .rounded-full{
1284
+ border-radius: 9999px;
1285
+ }
1286
+
1287
+ .rounded-lg{
1288
+ border-radius: 0.5rem;
1289
+ }
1290
+
1291
+ .rounded-md{
1292
+ border-radius: 0.375rem;
1293
+ }
1294
+
1295
+ .rounded-sm{
1296
+ border-radius: 0.125rem;
1297
+ }
1298
+
1299
+ .rounded-b-none{
1300
+ border-bottom-right-radius: 0px;
1301
+ border-bottom-left-radius: 0px;
1302
+ }
1303
+
1304
+ .rounded-t-md{
1305
+ border-top-left-radius: 0.375rem;
1306
+ border-top-right-radius: 0.375rem;
1307
+ }
1308
+
1309
+ .rounded-bl{
1310
+ border-bottom-left-radius: 0.25rem;
1311
+ }
1312
+
1313
+ .rounded-bl-md{
1314
+ border-bottom-left-radius: 0.375rem;
1315
+ }
1316
+
1317
+ .rounded-br-md{
1318
+ border-bottom-right-radius: 0.375rem;
1319
+ }
1320
+
1321
+ .border{
1322
+ border-width: 1px;
1323
+ }
1324
+
1325
+ .border-2{
1326
+ border-width: 2px;
1327
+ }
1328
+
1329
+ .border-4{
1330
+ border-width: 4px;
1331
+ }
1332
+
1333
+ .border-\[0\.5px\]{
1334
+ border-width: 0.5px;
1335
+ }
1336
+
1337
+ .border-x{
1338
+ border-left-width: 1px;
1339
+ border-right-width: 1px;
1340
+ }
1341
+
1342
+ .border-b{
1343
+ border-bottom-width: 1px;
1344
+ }
1345
+
1346
+ .border-b-0{
1347
+ border-bottom-width: 0px;
1348
+ }
1349
+
1350
+ .border-b-2{
1351
+ border-bottom-width: 2px;
1352
+ }
1353
+
1354
+ .border-l{
1355
+ border-left-width: 1px;
1356
+ }
1357
+
1358
+ .border-l-2{
1359
+ border-left-width: 2px;
1360
+ }
1361
+
1362
+ .border-r{
1363
+ border-right-width: 1px;
1364
+ }
1365
+
1366
+ .border-t{
1367
+ border-top-width: 1px;
1368
+ }
1369
+
1370
+ .border-t-2{
1371
+ border-top-width: 2px;
1372
+ }
1373
+
1374
+ .border-dashed{
1375
+ border-style: dashed;
1376
+ }
1377
+
1378
+ .border-none{
1379
+ border-style: none;
1380
+ }
1381
+
1382
+ .border-blue-400{
1383
+ --tw-border-opacity: 1;
1384
+ border-color: rgb(96 165 250 / var(--tw-border-opacity));
1385
+ }
1386
+
1387
+ .border-blue-500{
1388
+ --tw-border-opacity: 1;
1389
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
1390
+ }
1391
+
1392
+ .border-blue-600{
1393
+ --tw-border-opacity: 1;
1394
+ border-color: rgb(37 99 235 / var(--tw-border-opacity));
1395
+ }
1396
+
1397
+ .border-gray-100{
1398
+ --tw-border-opacity: 1;
1399
+ border-color: rgb(243 244 246 / var(--tw-border-opacity));
1400
+ }
1401
+
1402
+ .border-gray-200{
1403
+ --tw-border-opacity: 1;
1404
+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
1405
+ }
1406
+
1407
+ .border-gray-300{
1408
+ --tw-border-opacity: 1;
1409
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1410
+ }
1411
+
1412
+ .border-gray-400{
1413
+ --tw-border-opacity: 1;
1414
+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
1415
+ }
1416
+
1417
+ .border-gray-500{
1418
+ --tw-border-opacity: 1;
1419
+ border-color: rgb(107 114 128 / var(--tw-border-opacity));
1420
+ }
1421
+
1422
+ .border-gray-600{
1423
+ --tw-border-opacity: 1;
1424
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
1425
+ }
1426
+
1427
+ .border-gray-800{
1428
+ --tw-border-opacity: 1;
1429
+ border-color: rgb(31 41 55 / var(--tw-border-opacity));
1430
+ }
1431
+
1432
+ .border-gray-900{
1433
+ --tw-border-opacity: 1;
1434
+ border-color: rgb(17 24 39 / var(--tw-border-opacity));
1435
+ }
1436
+
1437
+ .border-green-500{
1438
+ --tw-border-opacity: 1;
1439
+ border-color: rgb(34 197 94 / var(--tw-border-opacity));
1440
+ }
1441
+
1442
+ .border-green-600{
1443
+ --tw-border-opacity: 1;
1444
+ border-color: rgb(22 163 74 / var(--tw-border-opacity));
1445
+ }
1446
+
1447
+ .border-red-400{
1448
+ --tw-border-opacity: 1;
1449
+ border-color: rgb(248 113 113 / var(--tw-border-opacity));
1450
+ }
1451
+
1452
+ .border-red-500{
1453
+ --tw-border-opacity: 1;
1454
+ border-color: rgb(239 68 68 / var(--tw-border-opacity));
1455
+ }
1456
+
1457
+ .border-red-600{
1458
+ --tw-border-opacity: 1;
1459
+ border-color: rgb(220 38 38 / var(--tw-border-opacity));
1460
+ }
1461
+
1462
+ .border-white{
1463
+ --tw-border-opacity: 1;
1464
+ border-color: rgb(255 255 255 / var(--tw-border-opacity));
1465
+ }
1466
+
1467
+ .border-yellow-500{
1468
+ --tw-border-opacity: 1;
1469
+ border-color: rgb(234 179 8 / var(--tw-border-opacity));
1470
+ }
1471
+
1472
+ .border-yellow-600{
1473
+ --tw-border-opacity: 1;
1474
+ border-color: rgb(202 138 4 / var(--tw-border-opacity));
1475
+ }
1476
+
1477
+ .border-b-gray-300{
1478
+ --tw-border-opacity: 1;
1479
+ border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
1480
+ }
1481
+
1482
+ .border-l-blue-500{
1483
+ --tw-border-opacity: 1;
1484
+ border-left-color: rgb(59 130 246 / var(--tw-border-opacity));
1485
+ }
1486
+
1487
+ .border-t-gray-300{
1488
+ --tw-border-opacity: 1;
1489
+ border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
1490
+ }
1491
+
1492
+ .bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\]{
1493
+ background-color: rgba(0,0,0,0.8);
1494
+ }
1495
+
1496
+ .bg-blue-100{
1497
+ --tw-bg-opacity: 1;
1498
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity));
1499
+ }
1500
+
1501
+ .bg-blue-200{
1502
+ --tw-bg-opacity: 1;
1503
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity));
1504
+ }
1505
+
1506
+ .bg-blue-300{
1507
+ --tw-bg-opacity: 1;
1508
+ background-color: rgb(147 197 253 / var(--tw-bg-opacity));
1509
+ }
1510
+
1511
+ .bg-blue-400{
1512
+ --tw-bg-opacity: 1;
1513
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1514
+ }
1515
+
1516
+ .bg-blue-500{
1517
+ --tw-bg-opacity: 1;
1518
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
1519
+ }
1520
+
1521
+ .bg-blue-600{
1522
+ --tw-bg-opacity: 1;
1523
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1524
+ }
1525
+
1526
+ .bg-cyan-100{
1527
+ --tw-bg-opacity: 1;
1528
+ background-color: rgb(207 250 254 / var(--tw-bg-opacity));
1529
+ }
1530
+
1531
+ .bg-gray-100{
1532
+ --tw-bg-opacity: 1;
1533
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1534
+ }
1535
+
1536
+ .bg-gray-200{
1537
+ --tw-bg-opacity: 1;
1538
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1539
+ }
1540
+
1541
+ .bg-gray-300{
1542
+ --tw-bg-opacity: 1;
1543
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1544
+ }
1545
+
1546
+ .bg-gray-400{
1547
+ --tw-bg-opacity: 1;
1548
+ background-color: rgb(156 163 175 / var(--tw-bg-opacity));
1549
+ }
1550
+
1551
+ .bg-gray-50{
1552
+ --tw-bg-opacity: 1;
1553
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1554
+ }
1555
+
1556
+ .bg-gray-500{
1557
+ --tw-bg-opacity: 1;
1558
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity));
1559
+ }
1560
+
1561
+ .bg-gray-600{
1562
+ --tw-bg-opacity: 1;
1563
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1564
+ }
1565
+
1566
+ .bg-gray-800{
1567
+ --tw-bg-opacity: 1;
1568
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1569
+ }
1570
+
1571
+ .bg-green-100{
1572
+ --tw-bg-opacity: 1;
1573
+ background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1574
+ }
1575
+
1576
+ .bg-green-300{
1577
+ --tw-bg-opacity: 1;
1578
+ background-color: rgb(134 239 172 / var(--tw-bg-opacity));
1579
+ }
1580
+
1581
+ .bg-green-400{
1582
+ --tw-bg-opacity: 1;
1583
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity));
1584
+ }
1585
+
1586
+ .bg-green-500{
1587
+ --tw-bg-opacity: 1;
1588
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity));
1589
+ }
1590
+
1591
+ .bg-green-600{
1592
+ --tw-bg-opacity: 1;
1593
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity));
1594
+ }
1595
+
1596
+ .bg-indigo-100{
1597
+ --tw-bg-opacity: 1;
1598
+ background-color: rgb(224 231 255 / var(--tw-bg-opacity));
1599
+ }
1600
+
1601
+ .bg-indigo-500{
1602
+ --tw-bg-opacity: 1;
1603
+ background-color: rgb(99 102 241 / var(--tw-bg-opacity));
1604
+ }
1605
+
1606
+ .bg-lime-100{
1607
+ --tw-bg-opacity: 1;
1608
+ background-color: rgb(236 252 203 / var(--tw-bg-opacity));
1609
+ }
1610
+
1611
+ .bg-pink-100{
1612
+ --tw-bg-opacity: 1;
1613
+ background-color: rgb(252 231 243 / var(--tw-bg-opacity));
1614
+ }
1615
+
1616
+ .bg-red-100{
1617
+ --tw-bg-opacity: 1;
1618
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1619
+ }
1620
+
1621
+ .bg-red-300{
1622
+ --tw-bg-opacity: 1;
1623
+ background-color: rgb(252 165 165 / var(--tw-bg-opacity));
1624
+ }
1625
+
1626
+ .bg-red-400{
1627
+ --tw-bg-opacity: 1;
1628
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity));
1629
+ }
1630
+
1631
+ .bg-red-500{
1632
+ --tw-bg-opacity: 1;
1633
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1634
+ }
1635
+
1636
+ .bg-red-600{
1637
+ --tw-bg-opacity: 1;
1638
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1639
+ }
1640
+
1641
+ .bg-red-800{
1642
+ --tw-bg-opacity: 1;
1643
+ background-color: rgb(153 27 27 / var(--tw-bg-opacity));
1644
+ }
1645
+
1646
+ .bg-slate-100{
1647
+ --tw-bg-opacity: 1;
1648
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1649
+ }
1650
+
1651
+ .bg-slate-400{
1652
+ --tw-bg-opacity: 1;
1653
+ background-color: rgb(148 163 184 / var(--tw-bg-opacity));
1654
+ }
1655
+
1656
+ .bg-teal-100{
1657
+ --tw-bg-opacity: 1;
1658
+ background-color: rgb(204 251 241 / var(--tw-bg-opacity));
1659
+ }
1660
+
1661
+ .bg-transparent{
1662
+ background-color: transparent;
1663
+ }
1664
+
1665
+ .bg-white{
1666
+ --tw-bg-opacity: 1;
1667
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1668
+ }
1669
+
1670
+ .bg-yellow-100{
1671
+ --tw-bg-opacity: 1;
1672
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity));
1673
+ }
1674
+
1675
+ .bg-yellow-300{
1676
+ --tw-bg-opacity: 1;
1677
+ background-color: rgb(253 224 71 / var(--tw-bg-opacity));
1678
+ }
1679
+
1680
+ .bg-yellow-400{
1681
+ --tw-bg-opacity: 1;
1682
+ background-color: rgb(250 204 21 / var(--tw-bg-opacity));
1683
+ }
1684
+
1685
+ .bg-yellow-600{
1686
+ --tw-bg-opacity: 1;
1687
+ background-color: rgb(202 138 4 / var(--tw-bg-opacity));
1688
+ }
1689
+
1690
+ .bg-opacity-20{
1691
+ --tw-bg-opacity: 0.2;
1692
+ }
1693
+
1694
+ .bg-opacity-50{
1695
+ --tw-bg-opacity: 0.5;
1696
+ }
1697
+
1698
+ .bg-opacity-75{
1699
+ --tw-bg-opacity: 0.75;
1700
+ }
1701
+
1702
+ .bg-opacity-80{
1703
+ --tw-bg-opacity: 0.8;
1704
+ }
1705
+
1706
+ .object-contain{
1707
+ -o-object-fit: contain;
1708
+ object-fit: contain;
1709
+ }
1710
+
1711
+ .object-cover{
1712
+ -o-object-fit: cover;
1713
+ object-fit: cover;
1714
+ }
1715
+
1716
+ .p-0{
1717
+ padding: 0px;
1718
+ }
1719
+
1720
+ .p-1{
1721
+ padding: 0.25rem;
1722
+ }
1723
+
1724
+ .p-1\.5{
1725
+ padding: 0.375rem;
1726
+ }
1727
+
1728
+ .p-2{
1729
+ padding: 0.5rem;
1730
+ }
1731
+
1732
+ .p-2\.5{
1733
+ padding: 0.625rem;
1734
+ }
1735
+
1736
+ .p-4{
1737
+ padding: 1rem;
1738
+ }
1739
+
1740
+ .p-6{
1741
+ padding: 1.5rem;
1742
+ }
1743
+
1744
+ .p-7{
1745
+ padding: 1.75rem;
1746
+ }
1747
+
1748
+ .p-8{
1749
+ padding: 2rem;
1750
+ }
1751
+
1752
+ .p-\[1px\]{
1753
+ padding: 1px;
1754
+ }
1755
+
1756
+ .p-\[3px\]{
1757
+ padding: 3px;
1758
+ }
1759
+
1760
+ .px-1{
1761
+ padding-left: 0.25rem;
1762
+ padding-right: 0.25rem;
1763
+ }
1764
+
1765
+ .px-2{
1766
+ padding-left: 0.5rem;
1767
+ padding-right: 0.5rem;
1768
+ }
1769
+
1770
+ .px-3{
1771
+ padding-left: 0.75rem;
1772
+ padding-right: 0.75rem;
1773
+ }
1774
+
1775
+ .px-4{
1776
+ padding-left: 1rem;
1777
+ padding-right: 1rem;
1778
+ }
1779
+
1780
+ .px-5{
1781
+ padding-left: 1.25rem;
1782
+ padding-right: 1.25rem;
1783
+ }
1784
+
1785
+ .py-0{
1786
+ padding-top: 0px;
1787
+ padding-bottom: 0px;
1788
+ }
1789
+
1790
+ .py-0\.5{
1791
+ padding-top: 0.125rem;
1792
+ padding-bottom: 0.125rem;
1793
+ }
1794
+
1795
+ .py-1{
1796
+ padding-top: 0.25rem;
1797
+ padding-bottom: 0.25rem;
1798
+ }
1799
+
1800
+ .py-1\.5{
1801
+ padding-top: 0.375rem;
1802
+ padding-bottom: 0.375rem;
1803
+ }
1804
+
1805
+ .py-10{
1806
+ padding-top: 2.5rem;
1807
+ padding-bottom: 2.5rem;
1808
+ }
1809
+
1810
+ .py-2{
1811
+ padding-top: 0.5rem;
1812
+ padding-bottom: 0.5rem;
1813
+ }
1814
+
1815
+ .py-2\.5{
1816
+ padding-top: 0.625rem;
1817
+ padding-bottom: 0.625rem;
1818
+ }
1819
+
1820
+ .py-3{
1821
+ padding-top: 0.75rem;
1822
+ padding-bottom: 0.75rem;
1823
+ }
1824
+
1825
+ .py-4{
1826
+ padding-top: 1rem;
1827
+ padding-bottom: 1rem;
1828
+ }
1829
+
1830
+ .pb-2{
1831
+ padding-bottom: 0.5rem;
1832
+ }
1833
+
1834
+ .pb-4{
1835
+ padding-bottom: 1rem;
1836
+ }
1837
+
1838
+ .pl-2{
1839
+ padding-left: 0.5rem;
1840
+ }
1841
+
1842
+ .pl-3{
1843
+ padding-left: 0.75rem;
1844
+ }
1845
+
1846
+ .pl-4{
1847
+ padding-left: 1rem;
1848
+ }
1849
+
1850
+ .pl-5{
1851
+ padding-left: 1.25rem;
1852
+ }
1853
+
1854
+ .pl-6{
1855
+ padding-left: 1.5rem;
1856
+ }
1857
+
1858
+ .pl-7{
1859
+ padding-left: 1.75rem;
1860
+ }
1861
+
1862
+ .pl-8{
1863
+ padding-left: 2rem;
1864
+ }
1865
+
1866
+ .pr-2{
1867
+ padding-right: 0.5rem;
1868
+ }
1869
+
1870
+ .pr-3{
1871
+ padding-right: 0.75rem;
1872
+ }
1873
+
1874
+ .pr-6{
1875
+ padding-right: 1.5rem;
1876
+ }
1877
+
1878
+ .pr-7{
1879
+ padding-right: 1.75rem;
1880
+ }
1881
+
1882
+ .pt-1{
1883
+ padding-top: 0.25rem;
1884
+ }
1885
+
1886
+ .pt-2{
1887
+ padding-top: 0.5rem;
1888
+ }
1889
+
1890
+ .pt-4{
1891
+ padding-top: 1rem;
1892
+ }
1893
+
1894
+ .text-left{
1895
+ text-align: left;
1896
+ }
1897
+
1898
+ .text-center{
1899
+ text-align: center;
1900
+ }
1901
+
1902
+ .text-right{
1903
+ text-align: right;
1904
+ }
1905
+
1906
+ .text-2xl{
1907
+ font-size: 1.5rem;
1908
+ line-height: 2rem;
1909
+ }
1910
+
1911
+ .text-3xl{
1912
+ font-size: 1.875rem;
1913
+ line-height: 2.25rem;
1914
+ }
1915
+
1916
+ .text-4xl{
1917
+ font-size: 2.25rem;
1918
+ line-height: 2.5rem;
1919
+ }
1920
+
1921
+ .text-7xl{
1922
+ font-size: 4.5rem;
1923
+ line-height: 1;
1924
+ }
1925
+
1926
+ .text-\[9\.5px\]{
1927
+ font-size: 9.5px;
1928
+ }
1929
+
1930
+ .text-base{
1931
+ font-size: 1rem;
1932
+ line-height: 1.5rem;
1933
+ }
1934
+
1935
+ .text-lg{
1936
+ font-size: 1.125rem;
1937
+ line-height: 1.75rem;
1938
+ }
1939
+
1940
+ .text-sm{
1941
+ font-size: 0.875rem;
1942
+ line-height: 1.25rem;
1943
+ }
1944
+
1945
+ .text-xl{
1946
+ font-size: 1.25rem;
1947
+ line-height: 1.75rem;
1948
+ }
1949
+
1950
+ .text-xs{
1951
+ font-size: 0.75rem;
1952
+ line-height: 1rem;
1953
+ }
1954
+
1955
+ .font-bold{
1956
+ font-weight: 700;
1957
+ }
1958
+
1959
+ .font-medium{
1960
+ font-weight: 500;
1961
+ }
1962
+
1963
+ .font-normal{
1964
+ font-weight: 400;
1965
+ }
1966
+
1967
+ .font-semibold{
1968
+ font-weight: 600;
1969
+ }
1970
+
1971
+ .uppercase{
1972
+ text-transform: uppercase;
1973
+ }
1974
+
1975
+ .leading-none{
1976
+ line-height: 1;
1977
+ }
1978
+
1979
+ .tracking-wider{
1980
+ letter-spacing: 0.05em;
1981
+ }
1982
+
1983
+ .text-amber-500{
1984
+ --tw-text-opacity: 1;
1985
+ color: rgb(245 158 11 / var(--tw-text-opacity));
1986
+ }
1987
+
1988
+ .text-black{
1989
+ --tw-text-opacity: 1;
1990
+ color: rgb(0 0 0 / var(--tw-text-opacity));
1991
+ }
1992
+
1993
+ .text-blue-400{
1994
+ --tw-text-opacity: 1;
1995
+ color: rgb(96 165 250 / var(--tw-text-opacity));
1996
+ }
1997
+
1998
+ .text-blue-500{
1999
+ --tw-text-opacity: 1;
2000
+ color: rgb(59 130 246 / var(--tw-text-opacity));
2001
+ }
2002
+
2003
+ .text-blue-600{
2004
+ --tw-text-opacity: 1;
2005
+ color: rgb(37 99 235 / var(--tw-text-opacity));
2006
+ }
2007
+
2008
+ .text-blue-700{
2009
+ --tw-text-opacity: 1;
2010
+ color: rgb(29 78 216 / var(--tw-text-opacity));
2011
+ }
2012
+
2013
+ .text-blue-800{
2014
+ --tw-text-opacity: 1;
2015
+ color: rgb(30 64 175 / var(--tw-text-opacity));
2016
+ }
2017
+
2018
+ .text-cyan-700{
2019
+ --tw-text-opacity: 1;
2020
+ color: rgb(14 116 144 / var(--tw-text-opacity));
2021
+ }
2022
+
2023
+ .text-fuchsia-500{
2024
+ --tw-text-opacity: 1;
2025
+ color: rgb(217 70 239 / var(--tw-text-opacity));
2026
+ }
2027
+
2028
+ .text-gray-300{
2029
+ --tw-text-opacity: 1;
2030
+ color: rgb(209 213 219 / var(--tw-text-opacity));
2031
+ }
2032
+
2033
+ .text-gray-400{
2034
+ --tw-text-opacity: 1;
2035
+ color: rgb(156 163 175 / var(--tw-text-opacity));
2036
+ }
2037
+
2038
+ .text-gray-500{
2039
+ --tw-text-opacity: 1;
2040
+ color: rgb(107 114 128 / var(--tw-text-opacity));
2041
+ }
2042
+
2043
+ .text-gray-600{
2044
+ --tw-text-opacity: 1;
2045
+ color: rgb(75 85 99 / var(--tw-text-opacity));
2046
+ }
2047
+
2048
+ .text-gray-700{
2049
+ --tw-text-opacity: 1;
2050
+ color: rgb(55 65 81 / var(--tw-text-opacity));
2051
+ }
2052
+
2053
+ .text-gray-800{
2054
+ --tw-text-opacity: 1;
2055
+ color: rgb(31 41 55 / var(--tw-text-opacity));
2056
+ }
2057
+
2058
+ .text-gray-900{
2059
+ --tw-text-opacity: 1;
2060
+ color: rgb(17 24 39 / var(--tw-text-opacity));
2061
+ }
2062
+
2063
+ .text-green-500{
2064
+ --tw-text-opacity: 1;
2065
+ color: rgb(34 197 94 / var(--tw-text-opacity));
2066
+ }
2067
+
2068
+ .text-green-700{
2069
+ --tw-text-opacity: 1;
2070
+ color: rgb(21 128 61 / var(--tw-text-opacity));
2071
+ }
2072
+
2073
+ .text-green-800{
2074
+ --tw-text-opacity: 1;
2075
+ color: rgb(22 101 52 / var(--tw-text-opacity));
2076
+ }
2077
+
2078
+ .text-indigo-500{
2079
+ --tw-text-opacity: 1;
2080
+ color: rgb(99 102 241 / var(--tw-text-opacity));
2081
+ }
2082
+
2083
+ .text-indigo-700{
2084
+ --tw-text-opacity: 1;
2085
+ color: rgb(67 56 202 / var(--tw-text-opacity));
2086
+ }
2087
+
2088
+ .text-lime-700{
2089
+ --tw-text-opacity: 1;
2090
+ color: rgb(77 124 15 / var(--tw-text-opacity));
2091
+ }
2092
+
2093
+ .text-pink-700{
2094
+ --tw-text-opacity: 1;
2095
+ color: rgb(190 24 93 / var(--tw-text-opacity));
2096
+ }
2097
+
2098
+ .text-red-400{
2099
+ --tw-text-opacity: 1;
2100
+ color: rgb(248 113 113 / var(--tw-text-opacity));
2101
+ }
2102
+
2103
+ .text-red-500{
2104
+ --tw-text-opacity: 1;
2105
+ color: rgb(239 68 68 / var(--tw-text-opacity));
2106
+ }
2107
+
2108
+ .text-red-600{
2109
+ --tw-text-opacity: 1;
2110
+ color: rgb(220 38 38 / var(--tw-text-opacity));
2111
+ }
2112
+
2113
+ .text-red-700{
2114
+ --tw-text-opacity: 1;
2115
+ color: rgb(185 28 28 / var(--tw-text-opacity));
2116
+ }
2117
+
2118
+ .text-red-800{
2119
+ --tw-text-opacity: 1;
2120
+ color: rgb(153 27 27 / var(--tw-text-opacity));
2121
+ }
2122
+
2123
+ .text-slate-700{
2124
+ --tw-text-opacity: 1;
2125
+ color: rgb(51 65 85 / var(--tw-text-opacity));
2126
+ }
2127
+
2128
+ .text-stone-500{
2129
+ --tw-text-opacity: 1;
2130
+ color: rgb(120 113 108 / var(--tw-text-opacity));
2131
+ }
2132
+
2133
+ .text-teal-700{
2134
+ --tw-text-opacity: 1;
2135
+ color: rgb(15 118 110 / var(--tw-text-opacity));
2136
+ }
2137
+
2138
+ .text-white{
2139
+ --tw-text-opacity: 1;
2140
+ color: rgb(255 255 255 / var(--tw-text-opacity));
2141
+ }
2142
+
2143
+ .text-yellow-600{
2144
+ --tw-text-opacity: 1;
2145
+ color: rgb(202 138 4 / var(--tw-text-opacity));
2146
+ }
2147
+
2148
+ .text-yellow-700{
2149
+ --tw-text-opacity: 1;
2150
+ color: rgb(161 98 7 / var(--tw-text-opacity));
2151
+ }
2152
+
2153
+ .text-yellow-800{
2154
+ --tw-text-opacity: 1;
2155
+ color: rgb(133 77 14 / var(--tw-text-opacity));
2156
+ }
2157
+
2158
+ .underline{
2159
+ text-decoration-line: underline;
2160
+ }
2161
+
2162
+ .placeholder-gray-700::-moz-placeholder{
2163
+ --tw-placeholder-opacity: 1;
2164
+ color: rgb(55 65 81 / var(--tw-placeholder-opacity));
2165
+ }
2166
+
2167
+ .placeholder-gray-700::placeholder{
2168
+ --tw-placeholder-opacity: 1;
2169
+ color: rgb(55 65 81 / var(--tw-placeholder-opacity));
2170
+ }
2171
+
2172
+ .opacity-0{
2173
+ opacity: 0;
2174
+ }
2175
+
2176
+ .opacity-50{
2177
+ opacity: 0.5;
2178
+ }
2179
+
2180
+ .shadow{
2181
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2182
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2183
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2184
+ }
2185
+
2186
+ .shadow-inner{
2187
+ --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
2188
+ --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
2189
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2190
+ }
2191
+
2192
+ .shadow-lg{
2193
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2194
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2195
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2196
+ }
2197
+
2198
+ .shadow-md{
2199
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2200
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2201
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2202
+ }
2203
+
2204
+ .shadow-sm{
2205
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2206
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2207
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2208
+ }
2209
+
2210
+ .shadow-xl{
2211
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2212
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2213
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2214
+ }
2215
+
2216
+ .outline-none{
2217
+ outline: 2px solid transparent;
2218
+ outline-offset: 2px;
2219
+ }
2220
+
2221
+ .outline{
2222
+ outline-style: solid;
2223
+ }
2224
+
2225
+ .ring-1{
2226
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2227
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2228
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2229
+ }
2230
+
2231
+ .ring-2{
2232
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2233
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2234
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2235
+ }
2236
+
2237
+ .ring-black{
2238
+ --tw-ring-opacity: 1;
2239
+ --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
2240
+ }
2241
+
2242
+ .ring-blue-500{
2243
+ --tw-ring-opacity: 1;
2244
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2245
+ }
2246
+
2247
+ .ring-green-400{
2248
+ --tw-ring-opacity: 1;
2249
+ --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
2250
+ }
2251
+
2252
+ .ring-red-500{
2253
+ --tw-ring-opacity: 1;
2254
+ --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
2255
+ }
2256
+
2257
+ .ring-opacity-5{
2258
+ --tw-ring-opacity: 0.05;
2259
+ }
2260
+
2261
+ .filter{
2262
+ 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);
2263
+ }
2264
+
2265
+ .backdrop-blur-md{
2266
+ --tw-backdrop-blur: blur(12px);
2267
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2268
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2269
+ }
2270
+
2271
+ .backdrop-filter{
2272
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2273
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2274
+ }
2275
+
2276
+ .transition{
2277
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2278
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2279
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2280
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2281
+ transition-duration: 150ms;
2282
+ }
2283
+
2284
+ .transition-all{
2285
+ transition-property: all;
2286
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2287
+ transition-duration: 150ms;
2288
+ }
2289
+
2290
+ .transition-colors{
2291
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2292
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2293
+ transition-duration: 150ms;
2294
+ }
2295
+
2296
+ .duration-200{
2297
+ transition-duration: 200ms;
2298
+ }
2299
+
2300
+ .duration-300{
2301
+ transition-duration: 300ms;
2302
+ }
2303
+
2304
+ .ease-in-out{
2305
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2306
+ }
2307
+
2308
+ * {
2309
+ font-family: 'Poppins', sans-serif;
2310
+ -webkit-user-select: none;
2311
+ -moz-user-select: none;
2312
+ user-select: none;
2313
+ }
2314
+
2315
+ ul::-webkit-scrollbar {
2316
+ width: 6px;
2317
+ }
2318
+
2319
+ ul::-webkit-scrollbar-thumb {
2320
+ background-color: #cbd5e0;
2321
+ border-radius: 3px;
2322
+ }
2323
+
2324
+ ul::-webkit-scrollbar-thumb:hover {
2325
+ background-color: #a0aec0;
2326
+ }
2327
+
2328
+ @keyframes interval {
2329
+ 0%,
2330
+ 100% {
2331
+ opacity: 1;
2332
+ transform: translateY(0);
2333
+ }
2334
+
2335
+ 50% {
2336
+ opacity: 0;
2337
+ transform: translateY(5px);
2338
+ }
2339
+ }
2340
+
2341
+ @keyframes fade-in {
2342
+ 0% {
2343
+ opacity: 0;
2344
+ }
2345
+
2346
+ 100% {
2347
+ opacity: 1;
2348
+ }
2349
+ }
2350
+
2351
+ .animate-interval li {
2352
+ animation: interval 1s ease-in-out;
2353
+ }
2354
+
2355
+ .animate-fade-in {
2356
+ animation: fade-in 0.5s ease-out;
2357
+ }
2358
+
2359
+ .react-calendar {
2360
+ border: none !important;
2361
+ }
2362
+
2363
+ .react-date-picker__calendar {
2364
+ border-radius: 0.5rem;
2365
+ box-shadow: 0 0 0.5rem 0.1rem rgb(0 0 0 / 10%);
2366
+ max-width: 250px !important;
2367
+ }
2368
+
2369
+ .custom-calendar {
2370
+ background-color: #fff;
2371
+ border: 1px solid #ddd;
2372
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
2373
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
2374
+ font-size: 14px;
2375
+ color: #333;
2376
+ border-radius: 4px;
2377
+ width: 100%;
2378
+ padding: 0.5em;
2379
+ }
2380
+
2381
+ .react-date-picker__calendar--open {
2382
+ z-index: 15 !important;
2383
+ background-color: #a0aec0;
2384
+ }
2385
+
2386
+ .react-date-picker__wrapper {
2387
+ display: inline-block;
2388
+ position: relative;
2389
+ vertical-align: middle;
2390
+ width: 100%;
2391
+ border: none !important;
2392
+ }
2393
+
2394
+ .react-calendar__navigation {
2395
+ height: 44px;
2396
+ margin-bottom: 0.5rem !important;
2397
+ display: flex;
2398
+ align-items: center;
2399
+ justify-content: space-between;
2400
+ }
2401
+
2402
+ .react-date-picker__wrapper input {
2403
+ width: 100%;
2404
+ /* border: 1px solid #ddd; */
2405
+ border: none;
2406
+ border-radius: 4px;
2407
+ font-size: 12px;
2408
+ color: #333;
2409
+ /* background: #fff; */
2410
+ outline: none;
2411
+ cursor: pointer;
2412
+ padding: 0 0.5em;
2413
+ }
2414
+
2415
+ .react-date-picker__inputGroup__leadingZero {
2416
+ padding-left: 0.25em;
2417
+ font-size: 12px;
2418
+ }
2419
+
2420
+ .react-calendar__navigation button {
2421
+ min-width: 30px;
2422
+ height: 30px;
2423
+ background: none;
2424
+ border: none;
2425
+ font-size: 1.5rem;
2426
+ cursor: pointer;
2427
+ outline: none;
2428
+ padding: 0;
2429
+ margin: 0;
2430
+ border-radius: 0.25em;
2431
+ display: flex;
2432
+ align-items: center;
2433
+ justify-content: center;
2434
+ }
2435
+
2436
+ .react-calendar__navigation button:enabled:hover,
2437
+ .react-calendar__navigation button:enabled:focus {
2438
+ background-color: #e6e6e6;
2439
+ }
2440
+
2441
+ .react-calendar__navigation button[disabled] {
2442
+ background-color: #f0f0f0;
2443
+ color: #ccc;
2444
+ cursor: default;
2445
+ }
2446
+
2447
+ .react-calendar__navigation button svg {
2448
+ vertical-align: middle;
2449
+ }
2450
+
2451
+ .react-calendar__navigation__label__labelText--from {
2452
+ color: #ffffff;
2453
+ font-weight: 600;
2454
+ font-size: 0.65rem;
2455
+ padding: 0.275rem 0.3rem;
2456
+ }
2457
+
2458
+ .react-calendar__navigation {
2459
+ gap: 0.2rem;
2460
+ display: flex;
2461
+ height: inherit !important;
2462
+ }
2463
+
2464
+ .react-calendar__navigation button {
2465
+ background-color: #0e0f29 !important;
2466
+ color: #fff;
2467
+ border-radius: 0.25em;
2468
+ min-width: 0 !important;
2469
+ width: 30px !important;
2470
+ }
2471
+
2472
+ .react-calendar__tile {
2473
+ border-radius: 0.25em;
2474
+ padding: 0.5em !important;
2475
+ }
2476
+
2477
+ .react-calendar__tile--active {
2478
+ background-color: #0e0f29 !important;
2479
+ color: #fff;
2480
+ border-radius: 0.25em;
2481
+ }
2482
+
2483
+ .react-calendar__tile:hover {
2484
+ background-color: #090a2b !important;
2485
+ color: #fff;
2486
+ border-radius: 0.25em;
2487
+ }
2488
+
2489
+ select.react-date-picker__inputGroup__month {
2490
+ font-size: 12px;
2491
+ font-weight: 400;
2492
+ color: #636368;
2493
+ background: #fff;
2494
+ border: none;
2495
+ border-radius: 4px;
2496
+ outline: none;
2497
+ cursor: pointer;
2498
+ padding: 0 0.5em;
2499
+ -webkit-appearance: none;
2500
+ -moz-appearance: none;
2501
+ appearance: none;
2502
+ }
2503
+
2504
+ select.react-date-picker__inputGroup__month option {
2505
+ font-size: 0.9rem;
2506
+ font-weight: 400;
2507
+ color: #636368;
2508
+ cursor: pointer;
2509
+ }
2510
+
2511
+ .highlighted-date {
2512
+ background: pink !important;
2513
+ }
2514
+
2515
+ .highlighted-date:hover {
2516
+ background: red !important;
2517
+ }
2518
+
2519
+ .placeholder\:text-sm::-moz-placeholder{
2520
+ font-size: 0.875rem;
2521
+ line-height: 1.25rem;
2522
+ }
2523
+
2524
+ .placeholder\:text-sm::placeholder{
2525
+ font-size: 0.875rem;
2526
+ line-height: 1.25rem;
2527
+ }
2528
+
2529
+ .before\:ml-0::before{
2530
+ content: var(--tw-content);
2531
+ margin-left: 0px;
2532
+ }
2533
+
2534
+ .before\:ml-0\.5::before{
2535
+ content: var(--tw-content);
2536
+ margin-left: 0.125rem;
2537
+ }
2538
+
2539
+ .before\:mt-0::before{
2540
+ content: var(--tw-content);
2541
+ margin-top: 0px;
2542
+ }
2543
+
2544
+ .before\:mt-0\.5::before{
2545
+ content: var(--tw-content);
2546
+ margin-top: 0.125rem;
2547
+ }
2548
+
2549
+ .before\:inline-block::before{
2550
+ content: var(--tw-content);
2551
+ display: inline-block;
2552
+ }
2553
+
2554
+ .before\:h-4::before{
2555
+ content: var(--tw-content);
2556
+ height: 1rem;
2557
+ }
2558
+
2559
+ .before\:w-4::before{
2560
+ content: var(--tw-content);
2561
+ width: 1rem;
2562
+ }
2563
+
2564
+ .before\:rounded-full::before{
2565
+ content: var(--tw-content);
2566
+ border-radius: 9999px;
2567
+ }
2568
+
2569
+ .before\:bg-white::before{
2570
+ content: var(--tw-content);
2571
+ --tw-bg-opacity: 1;
2572
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2573
+ }
2574
+
2575
+ .last\:border-b-0:last-child{
2576
+ border-bottom-width: 0px;
2577
+ }
2578
+
2579
+ .checked\:bg-blue-300:checked{
2580
+ --tw-bg-opacity: 1;
2581
+ background-color: rgb(147 197 253 / var(--tw-bg-opacity));
2582
+ }
2583
+
2584
+ .checked\:before\:translate-x-full:checked::before{
2585
+ content: var(--tw-content);
2586
+ --tw-translate-x: 100%;
2587
+ 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));
2588
+ }
2589
+
2590
+ .checked\:before\:bg-blue-500:checked::before{
2591
+ content: var(--tw-content);
2592
+ --tw-bg-opacity: 1;
2593
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
2594
+ }
2595
+
2596
+ .hover\:scale-110:hover{
2597
+ --tw-scale-x: 1.1;
2598
+ --tw-scale-y: 1.1;
2599
+ 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));
2600
+ }
2601
+
2602
+ .hover\:scale-125:hover{
2603
+ --tw-scale-x: 1.25;
2604
+ --tw-scale-y: 1.25;
2605
+ 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));
2606
+ }
2607
+
2608
+ .hover\:cursor-pointer:hover{
2609
+ cursor: pointer;
2610
+ }
2611
+
2612
+ .hover\:border-blue-700:hover{
2613
+ --tw-border-opacity: 1;
2614
+ border-color: rgb(29 78 216 / var(--tw-border-opacity));
2615
+ }
2616
+
2617
+ .hover\:border-gray-400:hover{
2618
+ --tw-border-opacity: 1;
2619
+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
2620
+ }
2621
+
2622
+ .hover\:border-gray-700:hover{
2623
+ --tw-border-opacity: 1;
2624
+ border-color: rgb(55 65 81 / var(--tw-border-opacity));
2625
+ }
2626
+
2627
+ .hover\:border-green-700:hover{
2628
+ --tw-border-opacity: 1;
2629
+ border-color: rgb(21 128 61 / var(--tw-border-opacity));
2630
+ }
2631
+
2632
+ .hover\:border-red-700:hover{
2633
+ --tw-border-opacity: 1;
2634
+ border-color: rgb(185 28 28 / var(--tw-border-opacity));
2635
+ }
2636
+
2637
+ .hover\:border-yellow-700:hover{
2638
+ --tw-border-opacity: 1;
2639
+ border-color: rgb(161 98 7 / var(--tw-border-opacity));
2640
+ }
2641
+
2642
+ .hover\:bg-blue-200:hover{
2643
+ --tw-bg-opacity: 1;
2644
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity));
2645
+ }
2646
+
2647
+ .hover\:bg-blue-300:hover{
2648
+ --tw-bg-opacity: 1;
2649
+ background-color: rgb(147 197 253 / var(--tw-bg-opacity));
2650
+ }
2651
+
2652
+ .hover\:bg-blue-600:hover{
2653
+ --tw-bg-opacity: 1;
2654
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
2655
+ }
2656
+
2657
+ .hover\:bg-cyan-300:hover{
2658
+ --tw-bg-opacity: 1;
2659
+ background-color: rgb(103 232 249 / var(--tw-bg-opacity));
2660
+ }
2661
+
2662
+ .hover\:bg-gray-100:hover{
2663
+ --tw-bg-opacity: 1;
2664
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2665
+ }
2666
+
2667
+ .hover\:bg-gray-200:hover{
2668
+ --tw-bg-opacity: 1;
2669
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2670
+ }
2671
+
2672
+ .hover\:bg-gray-50:hover{
2673
+ --tw-bg-opacity: 1;
2674
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2675
+ }
2676
+
2677
+ .hover\:bg-gray-600:hover{
2678
+ --tw-bg-opacity: 1;
2679
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2680
+ }
2681
+
2682
+ .hover\:bg-gray-700:hover{
2683
+ --tw-bg-opacity: 1;
2684
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2685
+ }
2686
+
2687
+ .hover\:bg-green-200:hover{
2688
+ --tw-bg-opacity: 1;
2689
+ background-color: rgb(187 247 208 / var(--tw-bg-opacity));
2690
+ }
2691
+
2692
+ .hover\:bg-green-300:hover{
2693
+ --tw-bg-opacity: 1;
2694
+ background-color: rgb(134 239 172 / var(--tw-bg-opacity));
2695
+ }
2696
+
2697
+ .hover\:bg-green-600:hover{
2698
+ --tw-bg-opacity: 1;
2699
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity));
2700
+ }
2701
+
2702
+ .hover\:bg-indigo-100:hover{
2703
+ --tw-bg-opacity: 1;
2704
+ background-color: rgb(224 231 255 / var(--tw-bg-opacity));
2705
+ }
2706
+
2707
+ .hover\:bg-indigo-300:hover{
2708
+ --tw-bg-opacity: 1;
2709
+ background-color: rgb(165 180 252 / var(--tw-bg-opacity));
2710
+ }
2711
+
2712
+ .hover\:bg-indigo-600:hover{
2713
+ --tw-bg-opacity: 1;
2714
+ background-color: rgb(79 70 229 / var(--tw-bg-opacity));
2715
+ }
2716
+
2717
+ .hover\:bg-lime-300:hover{
2718
+ --tw-bg-opacity: 1;
2719
+ background-color: rgb(190 242 100 / var(--tw-bg-opacity));
2720
+ }
2721
+
2722
+ .hover\:bg-pink-300:hover{
2723
+ --tw-bg-opacity: 1;
2724
+ background-color: rgb(249 168 212 / var(--tw-bg-opacity));
2725
+ }
2726
+
2727
+ .hover\:bg-red-200:hover{
2728
+ --tw-bg-opacity: 1;
2729
+ background-color: rgb(254 202 202 / var(--tw-bg-opacity));
2730
+ }
2731
+
2732
+ .hover\:bg-red-300:hover{
2733
+ --tw-bg-opacity: 1;
2734
+ background-color: rgb(252 165 165 / var(--tw-bg-opacity));
2735
+ }
2736
+
2737
+ .hover\:bg-red-600:hover{
2738
+ --tw-bg-opacity: 1;
2739
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity));
2740
+ }
2741
+
2742
+ .hover\:bg-red-800:hover{
2743
+ --tw-bg-opacity: 1;
2744
+ background-color: rgb(153 27 27 / var(--tw-bg-opacity));
2745
+ }
2746
+
2747
+ .hover\:bg-slate-300:hover{
2748
+ --tw-bg-opacity: 1;
2749
+ background-color: rgb(203 213 225 / var(--tw-bg-opacity));
2750
+ }
2751
+
2752
+ .hover\:bg-teal-300:hover{
2753
+ --tw-bg-opacity: 1;
2754
+ background-color: rgb(94 234 212 / var(--tw-bg-opacity));
2755
+ }
2756
+
2757
+ .hover\:bg-yellow-200:hover{
2758
+ --tw-bg-opacity: 1;
2759
+ background-color: rgb(254 240 138 / var(--tw-bg-opacity));
2760
+ }
2761
+
2762
+ .hover\:bg-yellow-300:hover{
2763
+ --tw-bg-opacity: 1;
2764
+ background-color: rgb(253 224 71 / var(--tw-bg-opacity));
2765
+ }
2766
+
2767
+ .hover\:text-gray-700:hover{
2768
+ --tw-text-opacity: 1;
2769
+ color: rgb(55 65 81 / var(--tw-text-opacity));
2770
+ }
2771
+
2772
+ .hover\:text-gray-900:hover{
2773
+ --tw-text-opacity: 1;
2774
+ color: rgb(17 24 39 / var(--tw-text-opacity));
2775
+ }
2776
+
2777
+ .hover\:text-red-500:hover{
2778
+ --tw-text-opacity: 1;
2779
+ color: rgb(239 68 68 / var(--tw-text-opacity));
2780
+ }
2781
+
2782
+ .hover\:text-white:hover{
2783
+ --tw-text-opacity: 1;
2784
+ color: rgb(255 255 255 / var(--tw-text-opacity));
2785
+ }
2786
+
2787
+ .hover\:underline:hover{
2788
+ text-decoration-line: underline;
2789
+ }
2790
+
2791
+ .focus\:border-blue-500:focus{
2792
+ --tw-border-opacity: 1;
2793
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
2794
+ }
2795
+
2796
+ .focus\:border-blue-600:focus{
2797
+ --tw-border-opacity: 1;
2798
+ border-color: rgb(37 99 235 / var(--tw-border-opacity));
2799
+ }
2800
+
2801
+ .focus\:border-gray-800:focus{
2802
+ --tw-border-opacity: 1;
2803
+ border-color: rgb(31 41 55 / var(--tw-border-opacity));
2804
+ }
2805
+
2806
+ .focus\:border-indigo-500:focus{
2807
+ --tw-border-opacity: 1;
2808
+ border-color: rgb(99 102 241 / var(--tw-border-opacity));
2809
+ }
2810
+
2811
+ .focus\:bg-blue-600:focus{
2812
+ --tw-bg-opacity: 1;
2813
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
2814
+ }
2815
+
2816
+ .focus\:bg-gray-600:focus{
2817
+ --tw-bg-opacity: 1;
2818
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2819
+ }
2820
+
2821
+ .focus\:bg-green-600:focus{
2822
+ --tw-bg-opacity: 1;
2823
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity));
2824
+ }
2825
+
2826
+ .focus\:bg-indigo-100:focus{
2827
+ --tw-bg-opacity: 1;
2828
+ background-color: rgb(224 231 255 / var(--tw-bg-opacity));
2829
+ }
2830
+
2831
+ .focus\:bg-red-600:focus{
2832
+ --tw-bg-opacity: 1;
2833
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity));
2834
+ }
2835
+
2836
+ .focus\:bg-white:focus{
2837
+ --tw-bg-opacity: 1;
2838
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2839
+ }
2840
+
2841
+ .focus\:outline-none:focus{
2842
+ outline: 2px solid transparent;
2843
+ outline-offset: 2px;
2844
+ }
2845
+
2846
+ .focus\:ring:focus{
2847
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2848
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2849
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2850
+ }
2851
+
2852
+ .focus\:ring-0:focus{
2853
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2854
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2855
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2856
+ }
2857
+
2858
+ .focus\:ring-1:focus{
2859
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2860
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2861
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2862
+ }
2863
+
2864
+ .focus\:ring-2:focus{
2865
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2866
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2867
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2868
+ }
2869
+
2870
+ .focus\:ring-blue-200:focus{
2871
+ --tw-ring-opacity: 1;
2872
+ --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
2873
+ }
2874
+
2875
+ .focus\:ring-blue-500:focus{
2876
+ --tw-ring-opacity: 1;
2877
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2878
+ }
2879
+
2880
+ .focus\:ring-gray-200:focus{
2881
+ --tw-ring-opacity: 1;
2882
+ --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
2883
+ }
2884
+
2885
+ .group:hover .group-hover\:opacity-100{
2886
+ opacity: 1;
2887
+ }
2888
+
2889
+ .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{
2890
+ --tw-translate-y: 0px;
2891
+ 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));
2892
+ }
2893
+
2894
+ .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{
2895
+ --tw-translate-y: 0px;
2896
+ 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));
2897
+ }
2898
+
2899
+ .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:scale-100{
2900
+ --tw-scale-x: 1;
2901
+ --tw-scale-y: 1;
2902
+ 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));
2903
+ }
2904
+
2905
+ .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100{
2906
+ --tw-scale-x: 1;
2907
+ --tw-scale-y: 1;
2908
+ 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));
2909
+ }
2910
+
2911
+ .peer:focus ~ .peer-focus\:left-2{
2912
+ left: 0.5rem;
2913
+ }
2914
+
2915
+ .peer:focus ~ .peer-focus\:-translate-y-5{
2916
+ --tw-translate-y: -1.25rem;
2917
+ 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));
2918
+ }
2919
+
2920
+ .peer:focus ~ .peer-focus\:scale-75{
2921
+ --tw-scale-x: .75;
2922
+ --tw-scale-y: .75;
2923
+ 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));
2924
+ }
2925
+
2926
+ .peer:focus ~ .peer-focus\:font-medium{
2927
+ font-weight: 500;
2928
+ }
2929
+
2930
+ .peer:focus ~ .peer-focus\:text-blue-600{
2931
+ --tw-text-opacity: 1;
2932
+ color: rgb(37 99 235 / var(--tw-text-opacity));
2933
+ }
2934
+
2935
+ :is(.dark .dark\:border-gray-600){
2936
+ --tw-border-opacity: 1;
2937
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
2938
+ }
2939
+
2940
+ :is(.dark .dark\:border-gray-700){
2941
+ --tw-border-opacity: 1;
2942
+ border-color: rgb(55 65 81 / var(--tw-border-opacity));
2943
+ }
2944
+
2945
+ :is(.dark .dark\:border-white){
2946
+ --tw-border-opacity: 1;
2947
+ border-color: rgb(255 255 255 / var(--tw-border-opacity));
2948
+ }
2949
+
2950
+ :is(.dark .dark\:bg-gray-600){
2951
+ --tw-bg-opacity: 1;
2952
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2953
+ }
2954
+
2955
+ :is(.dark .dark\:bg-gray-700){
2956
+ --tw-bg-opacity: 1;
2957
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2958
+ }
2959
+
2960
+ :is(.dark .dark\:bg-gray-800){
2961
+ --tw-bg-opacity: 1;
2962
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2963
+ }
2964
+
2965
+ :is(.dark .dark\:bg-gray-900){
2966
+ --tw-bg-opacity: 1;
2967
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2968
+ }
2969
+
2970
+ :is(.dark .dark\:text-amber-500){
2971
+ --tw-text-opacity: 1;
2972
+ color: rgb(245 158 11 / var(--tw-text-opacity));
2973
+ }
2974
+
2975
+ :is(.dark .dark\:text-blue-200){
2976
+ --tw-text-opacity: 1;
2977
+ color: rgb(191 219 254 / var(--tw-text-opacity));
2978
+ }
2979
+
2980
+ :is(.dark .dark\:text-fuchsia-500){
2981
+ --tw-text-opacity: 1;
2982
+ color: rgb(217 70 239 / var(--tw-text-opacity));
2983
+ }
2984
+
2985
+ :is(.dark .dark\:text-gray-200){
2986
+ --tw-text-opacity: 1;
2987
+ color: rgb(229 231 235 / var(--tw-text-opacity));
2988
+ }
2989
+
2990
+ :is(.dark .dark\:text-gray-400){
2991
+ --tw-text-opacity: 1;
2992
+ color: rgb(156 163 175 / var(--tw-text-opacity));
2993
+ }
2994
+
2995
+ :is(.dark .dark\:text-gray-500){
2996
+ --tw-text-opacity: 1;
2997
+ color: rgb(107 114 128 / var(--tw-text-opacity));
2998
+ }
2999
+
3000
+ :is(.dark .dark\:text-indigo-500){
3001
+ --tw-text-opacity: 1;
3002
+ color: rgb(99 102 241 / var(--tw-text-opacity));
3003
+ }
3004
+
3005
+ :is(.dark .dark\:text-red-500){
3006
+ --tw-text-opacity: 1;
3007
+ color: rgb(239 68 68 / var(--tw-text-opacity));
3008
+ }
3009
+
3010
+ :is(.dark .dark\:text-stone-500){
3011
+ --tw-text-opacity: 1;
3012
+ color: rgb(120 113 108 / var(--tw-text-opacity));
3013
+ }
3014
+
3015
+ :is(.dark .dark\:text-white){
3016
+ --tw-text-opacity: 1;
3017
+ color: rgb(255 255 255 / var(--tw-text-opacity));
3018
+ }
3019
+
3020
+ :is(.dark .dark\:text-yellow-500){
3021
+ --tw-text-opacity: 1;
3022
+ color: rgb(234 179 8 / var(--tw-text-opacity));
3023
+ }
3024
+
3025
+ :is(.dark .dark\:placeholder-gray-500)::-moz-placeholder{
3026
+ --tw-placeholder-opacity: 1;
3027
+ color: rgb(107 114 128 / var(--tw-placeholder-opacity));
3028
+ }
3029
+
3030
+ :is(.dark .dark\:placeholder-gray-500)::placeholder{
3031
+ --tw-placeholder-opacity: 1;
3032
+ color: rgb(107 114 128 / var(--tw-placeholder-opacity));
3033
+ }
3034
+
3035
+ :is(.dark .dark\:ring-offset-gray-800){
3036
+ --tw-ring-offset-color: #1f2937;
3037
+ }
3038
+
3039
+ :is(.dark .dark\:hover\:bg-gray-500:hover){
3040
+ --tw-bg-opacity: 1;
3041
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity));
3042
+ }
3043
+
3044
+ :is(.dark .dark\:hover\:bg-gray-600:hover){
3045
+ --tw-bg-opacity: 1;
3046
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3047
+ }
3048
+
3049
+ :is(.dark .dark\:hover\:bg-gray-800:hover){
3050
+ --tw-bg-opacity: 1;
3051
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3052
+ }
3053
+
3054
+ :is(.dark .dark\:hover\:text-gray-200:hover){
3055
+ --tw-text-opacity: 1;
3056
+ color: rgb(229 231 235 / var(--tw-text-opacity));
3057
+ }
3058
+
3059
+ :is(.dark .dark\:hover\:text-white:hover){
3060
+ --tw-text-opacity: 1;
3061
+ color: rgb(255 255 255 / var(--tw-text-opacity));
3062
+ }
3063
+
3064
+ :is(.dark .dark\:focus\:border-blue-500:focus){
3065
+ --tw-border-opacity: 1;
3066
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
3067
+ }
3068
+
3069
+ :is(.dark .dark\:focus\:ring-blue-600:focus){
3070
+ --tw-ring-opacity: 1;
3071
+ --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
3072
+ }
3073
+
3074
+ :is(.dark .dark\:focus\:ring-offset-gray-800:focus){
3075
+ --tw-ring-offset-color: #1f2937;
3076
+ }
3077
+
3078
+ .peer:focus ~ :is(.dark .peer-focus\:dark\:text-blue-500){
3079
+ --tw-text-opacity: 1;
3080
+ color: rgb(59 130 246 / var(--tw-text-opacity));
3081
+ }
3082
+
3083
+ @media (min-width: 640px){
3084
+ .sm\:inline{
3085
+ display: inline;
3086
+ }
3087
+
3088
+ .sm\:flex-row{
3089
+ flex-direction: row;
3090
+ }
3091
+
3092
+ .sm\:text-base{
3093
+ font-size: 1rem;
3094
+ line-height: 1.5rem;
3095
+ }
3096
+
3097
+ .sm\:text-xs{
3098
+ font-size: 0.75rem;
3099
+ line-height: 1rem;
3100
+ }
3101
+ }
3102
+
3103
+ @media (min-width: 768px){
3104
+ .md\:grid-cols-6{
3105
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3106
+ }
3107
+
3108
+ .md\:text-lg{
3109
+ font-size: 1.125rem;
3110
+ line-height: 1.75rem;
3111
+ }
3112
+ }
3113
+
3114
+ @media (min-width: 1024px){
3115
+ .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]){
3116
+ --tw-space-x-reverse: 0;
3117
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
3118
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
3119
+ }
3120
+
3121
+ .lg\:text-xl{
3122
+ font-size: 1.25rem;
3123
+ line-height: 1.75rem;
3124
+ }
3125
+ }
3126
+
3127
+ .rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){
3128
+ flex-direction: row-reverse;
3129
+ }