newron-ui 1.0.115 → 1.0.116

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/package.json +70 -70
  2. package/dist/styles/styles.css +0 -3129
@@ -1,3129 +0,0 @@
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
- }