newron-ui 1.0.199 → 1.0.201

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/newron.css DELETED
@@ -1,3207 +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
- .-ml-1{
777
- margin-left: -0.25rem;
778
- }
779
-
780
- .-mr-1{
781
- margin-right: -0.25rem;
782
- }
783
-
784
- .mb-1{
785
- margin-bottom: 0.25rem;
786
- }
787
-
788
- .mb-2{
789
- margin-bottom: 0.5rem;
790
- }
791
-
792
- .mb-3{
793
- margin-bottom: 0.75rem;
794
- }
795
-
796
- .mb-4{
797
- margin-bottom: 1rem;
798
- }
799
-
800
- .mb-6{
801
- margin-bottom: 1.5rem;
802
- }
803
-
804
- .ml-1{
805
- margin-left: 0.25rem;
806
- }
807
-
808
- .ml-12{
809
- margin-left: 3rem;
810
- }
811
-
812
- .ml-2{
813
- margin-left: 0.5rem;
814
- }
815
-
816
- .mr-1{
817
- margin-right: 0.25rem;
818
- }
819
-
820
- .mr-2{
821
- margin-right: 0.5rem;
822
- }
823
-
824
- .mr-3{
825
- margin-right: 0.75rem;
826
- }
827
-
828
- .mr-4{
829
- margin-right: 1rem;
830
- }
831
-
832
- .mt-0{
833
- margin-top: 0px;
834
- }
835
-
836
- .mt-0\.5{
837
- margin-top: 0.125rem;
838
- }
839
-
840
- .mt-1{
841
- margin-top: 0.25rem;
842
- }
843
-
844
- .mt-2{
845
- margin-top: 0.5rem;
846
- }
847
-
848
- .mt-4{
849
- margin-top: 1rem;
850
- }
851
-
852
- .block{
853
- display: block;
854
- }
855
-
856
- .inline-block{
857
- display: inline-block;
858
- }
859
-
860
- .inline{
861
- display: inline;
862
- }
863
-
864
- .flex{
865
- display: flex;
866
- }
867
-
868
- .inline-flex{
869
- display: inline-flex;
870
- }
871
-
872
- .table{
873
- display: table;
874
- }
875
-
876
- .grid{
877
- display: grid;
878
- }
879
-
880
- .hidden{
881
- display: none;
882
- }
883
-
884
- .h-1{
885
- height: 0.25rem;
886
- }
887
-
888
- .h-10{
889
- height: 2.5rem;
890
- }
891
-
892
- .h-12{
893
- height: 3rem;
894
- }
895
-
896
- .h-16{
897
- height: 4rem;
898
- }
899
-
900
- .h-20{
901
- height: 5rem;
902
- }
903
-
904
- .h-24{
905
- height: 6rem;
906
- }
907
-
908
- .h-3{
909
- height: 0.75rem;
910
- }
911
-
912
- .h-4{
913
- height: 1rem;
914
- }
915
-
916
- .h-4\/5{
917
- height: 80%;
918
- }
919
-
920
- .h-5{
921
- height: 1.25rem;
922
- }
923
-
924
- .h-6{
925
- height: 1.5rem;
926
- }
927
-
928
- .h-7{
929
- height: 1.75rem;
930
- }
931
-
932
- .h-72{
933
- height: 18rem;
934
- }
935
-
936
- .h-8{
937
- height: 2rem;
938
- }
939
-
940
- .h-\[1px\]{
941
- height: 1px;
942
- }
943
-
944
- .h-\[400px\]{
945
- height: 400px;
946
- }
947
-
948
- .h-full{
949
- height: 100%;
950
- }
951
-
952
- .h-screen{
953
- height: 100vh;
954
- }
955
-
956
- .max-h-40{
957
- max-height: 10rem;
958
- }
959
-
960
- .max-h-48{
961
- max-height: 12rem;
962
- }
963
-
964
- .max-h-\[300px\]{
965
- max-height: 300px;
966
- }
967
-
968
- .min-h-\[100px\]{
969
- min-height: 100px;
970
- }
971
-
972
- .min-h-\[300px\]{
973
- min-height: 300px;
974
- }
975
-
976
- .min-h-\[350px\]{
977
- min-height: 350px;
978
- }
979
-
980
- .w-1\/2{
981
- width: 50%;
982
- }
983
-
984
- .w-10{
985
- width: 2.5rem;
986
- }
987
-
988
- .w-12{
989
- width: 3rem;
990
- }
991
-
992
- .w-16{
993
- width: 4rem;
994
- }
995
-
996
- .w-20{
997
- width: 5rem;
998
- }
999
-
1000
- .w-24{
1001
- width: 6rem;
1002
- }
1003
-
1004
- .w-3{
1005
- width: 0.75rem;
1006
- }
1007
-
1008
- .w-4{
1009
- width: 1rem;
1010
- }
1011
-
1012
- .w-40{
1013
- width: 10rem;
1014
- }
1015
-
1016
- .w-5{
1017
- width: 1.25rem;
1018
- }
1019
-
1020
- .w-6{
1021
- width: 1.5rem;
1022
- }
1023
-
1024
- .w-60{
1025
- width: 15rem;
1026
- }
1027
-
1028
- .w-64{
1029
- width: 16rem;
1030
- }
1031
-
1032
- .w-7{
1033
- width: 1.75rem;
1034
- }
1035
-
1036
- .w-72{
1037
- width: 18rem;
1038
- }
1039
-
1040
- .w-8{
1041
- width: 2rem;
1042
- }
1043
-
1044
- .w-9{
1045
- width: 2.25rem;
1046
- }
1047
-
1048
- .w-96{
1049
- width: 24rem;
1050
- }
1051
-
1052
- .w-\[1px\]{
1053
- width: 1px;
1054
- }
1055
-
1056
- .w-\[400px\]{
1057
- width: 400px;
1058
- }
1059
-
1060
- .w-full{
1061
- width: 100%;
1062
- }
1063
-
1064
- .w-screen{
1065
- width: 100vw;
1066
- }
1067
-
1068
- .min-w-96{
1069
- min-width: 24rem;
1070
- }
1071
-
1072
- .min-w-\[110px\]{
1073
- min-width: 110px;
1074
- }
1075
-
1076
- .min-w-\[200px\]{
1077
- min-width: 200px;
1078
- }
1079
-
1080
- .min-w-\[220px\]{
1081
- min-width: 220px;
1082
- }
1083
-
1084
- .max-w-3xl{
1085
- max-width: 48rem;
1086
- }
1087
-
1088
- .max-w-7xl{
1089
- max-width: 80rem;
1090
- }
1091
-
1092
- .max-w-\[15rem\]{
1093
- max-width: 15rem;
1094
- }
1095
-
1096
- .max-w-\[50\%\]{
1097
- max-width: 50%;
1098
- }
1099
-
1100
- .max-w-lg{
1101
- max-width: 32rem;
1102
- }
1103
-
1104
- .flex-1{
1105
- flex: 1 1 0%;
1106
- }
1107
-
1108
- .grow{
1109
- flex-grow: 1;
1110
- }
1111
-
1112
- .table-auto{
1113
- table-layout: auto;
1114
- }
1115
-
1116
- .border-collapse{
1117
- border-collapse: collapse;
1118
- }
1119
-
1120
- .origin-\[0\]{
1121
- transform-origin: 0;
1122
- }
1123
-
1124
- .origin-top-right{
1125
- transform-origin: top right;
1126
- }
1127
-
1128
- .-translate-y-1\/2{
1129
- --tw-translate-y: -50%;
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
- .-translate-y-2\/3{
1134
- --tw-translate-y: -66.666667%;
1135
- 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));
1136
- }
1137
-
1138
- .-translate-y-4{
1139
- --tw-translate-y: -1rem;
1140
- 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));
1141
- }
1142
-
1143
- .rotate-180{
1144
- --tw-rotate: 180deg;
1145
- 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));
1146
- }
1147
-
1148
- .scale-75{
1149
- --tw-scale-x: .75;
1150
- --tw-scale-y: .75;
1151
- 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));
1152
- }
1153
-
1154
- .transform{
1155
- 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));
1156
- }
1157
-
1158
- @keyframes spin{
1159
- to{
1160
- transform: rotate(360deg);
1161
- }
1162
- }
1163
-
1164
- .animate-spin{
1165
- animation: spin 1s linear infinite;
1166
- }
1167
-
1168
- .cursor-copy{
1169
- cursor: copy;
1170
- }
1171
-
1172
- .cursor-move{
1173
- cursor: move;
1174
- }
1175
-
1176
- .cursor-not-allowed{
1177
- cursor: not-allowed;
1178
- }
1179
-
1180
- .cursor-pointer{
1181
- cursor: pointer;
1182
- }
1183
-
1184
- .select-none{
1185
- -webkit-user-select: none;
1186
- -moz-user-select: none;
1187
- user-select: none;
1188
- }
1189
-
1190
- .select-all{
1191
- -webkit-user-select: all;
1192
- -moz-user-select: all;
1193
- user-select: all;
1194
- }
1195
-
1196
- .appearance-none{
1197
- -webkit-appearance: none;
1198
- -moz-appearance: none;
1199
- appearance: none;
1200
- }
1201
-
1202
- .grid-cols-2{
1203
- grid-template-columns: repeat(2, minmax(0, 1fr));
1204
- }
1205
-
1206
- .flex-col{
1207
- flex-direction: column;
1208
- }
1209
-
1210
- .flex-wrap{
1211
- flex-wrap: wrap;
1212
- }
1213
-
1214
- .items-start{
1215
- align-items: flex-start;
1216
- }
1217
-
1218
- .items-center{
1219
- align-items: center;
1220
- }
1221
-
1222
- .justify-start{
1223
- justify-content: flex-start;
1224
- }
1225
-
1226
- .justify-end{
1227
- justify-content: flex-end;
1228
- }
1229
-
1230
- .justify-center{
1231
- justify-content: center;
1232
- }
1233
-
1234
- .justify-between{
1235
- justify-content: space-between;
1236
- }
1237
-
1238
- .gap-1{
1239
- gap: 0.25rem;
1240
- }
1241
-
1242
- .gap-2{
1243
- gap: 0.5rem;
1244
- }
1245
-
1246
- .gap-4{
1247
- gap: 1rem;
1248
- }
1249
-
1250
- .gap-5{
1251
- gap: 1.25rem;
1252
- }
1253
-
1254
- .divide-x > :not([hidden]) ~ :not([hidden]){
1255
- --tw-divide-x-reverse: 0;
1256
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
1257
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1258
- }
1259
-
1260
- .divide-y > :not([hidden]) ~ :not([hidden]){
1261
- --tw-divide-y-reverse: 0;
1262
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1263
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1264
- }
1265
-
1266
- .divide-gray-200 > :not([hidden]) ~ :not([hidden]){
1267
- --tw-divide-opacity: 1;
1268
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1269
- }
1270
-
1271
- .divide-gray-300 > :not([hidden]) ~ :not([hidden]){
1272
- --tw-divide-opacity: 1;
1273
- border-color: rgb(209 213 219 / var(--tw-divide-opacity));
1274
- }
1275
-
1276
- .overflow-auto{
1277
- overflow: auto;
1278
- }
1279
-
1280
- .overflow-hidden{
1281
- overflow: hidden;
1282
- }
1283
-
1284
- .overflow-scroll{
1285
- overflow: scroll;
1286
- }
1287
-
1288
- .overflow-x-auto{
1289
- overflow-x: auto;
1290
- }
1291
-
1292
- .overflow-y-auto{
1293
- overflow-y: auto;
1294
- }
1295
-
1296
- .overflow-y-scroll{
1297
- overflow-y: scroll;
1298
- }
1299
-
1300
- .truncate{
1301
- overflow: hidden;
1302
- text-overflow: ellipsis;
1303
- white-space: nowrap;
1304
- }
1305
-
1306
- .whitespace-nowrap{
1307
- white-space: nowrap;
1308
- }
1309
-
1310
- .rounded{
1311
- border-radius: 0.25rem;
1312
- }
1313
-
1314
- .rounded-full{
1315
- border-radius: 9999px;
1316
- }
1317
-
1318
- .rounded-lg{
1319
- border-radius: 0.5rem;
1320
- }
1321
-
1322
- .rounded-md{
1323
- border-radius: 0.375rem;
1324
- }
1325
-
1326
- .rounded-sm{
1327
- border-radius: 0.125rem;
1328
- }
1329
-
1330
- .rounded-b-none{
1331
- border-bottom-right-radius: 0px;
1332
- border-bottom-left-radius: 0px;
1333
- }
1334
-
1335
- .rounded-l-md{
1336
- border-top-left-radius: 0.375rem;
1337
- border-bottom-left-radius: 0.375rem;
1338
- }
1339
-
1340
- .rounded-r-md{
1341
- border-top-right-radius: 0.375rem;
1342
- border-bottom-right-radius: 0.375rem;
1343
- }
1344
-
1345
- .rounded-t-md{
1346
- border-top-left-radius: 0.375rem;
1347
- border-top-right-radius: 0.375rem;
1348
- }
1349
-
1350
- .rounded-bl{
1351
- border-bottom-left-radius: 0.25rem;
1352
- }
1353
-
1354
- .rounded-bl-md{
1355
- border-bottom-left-radius: 0.375rem;
1356
- }
1357
-
1358
- .rounded-br-md{
1359
- border-bottom-right-radius: 0.375rem;
1360
- }
1361
-
1362
- .border{
1363
- border-width: 1px;
1364
- }
1365
-
1366
- .border-2{
1367
- border-width: 2px;
1368
- }
1369
-
1370
- .border-4{
1371
- border-width: 4px;
1372
- }
1373
-
1374
- .border-\[0\.5px\]{
1375
- border-width: 0.5px;
1376
- }
1377
-
1378
- .border-x{
1379
- border-left-width: 1px;
1380
- border-right-width: 1px;
1381
- }
1382
-
1383
- .border-b{
1384
- border-bottom-width: 1px;
1385
- }
1386
-
1387
- .border-b-0{
1388
- border-bottom-width: 0px;
1389
- }
1390
-
1391
- .border-b-2{
1392
- border-bottom-width: 2px;
1393
- }
1394
-
1395
- .border-l{
1396
- border-left-width: 1px;
1397
- }
1398
-
1399
- .border-l-2{
1400
- border-left-width: 2px;
1401
- }
1402
-
1403
- .border-r{
1404
- border-right-width: 1px;
1405
- }
1406
-
1407
- .border-t{
1408
- border-top-width: 1px;
1409
- }
1410
-
1411
- .border-t-2{
1412
- border-top-width: 2px;
1413
- }
1414
-
1415
- .border-dashed{
1416
- border-style: dashed;
1417
- }
1418
-
1419
- .border-none{
1420
- border-style: none;
1421
- }
1422
-
1423
- .border-blue-400{
1424
- --tw-border-opacity: 1;
1425
- border-color: rgb(96 165 250 / var(--tw-border-opacity));
1426
- }
1427
-
1428
- .border-blue-500{
1429
- --tw-border-opacity: 1;
1430
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1431
- }
1432
-
1433
- .border-blue-600{
1434
- --tw-border-opacity: 1;
1435
- border-color: rgb(37 99 235 / var(--tw-border-opacity));
1436
- }
1437
-
1438
- .border-gray-100{
1439
- --tw-border-opacity: 1;
1440
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
1441
- }
1442
-
1443
- .border-gray-200{
1444
- --tw-border-opacity: 1;
1445
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1446
- }
1447
-
1448
- .border-gray-300{
1449
- --tw-border-opacity: 1;
1450
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1451
- }
1452
-
1453
- .border-gray-400{
1454
- --tw-border-opacity: 1;
1455
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
1456
- }
1457
-
1458
- .border-gray-500{
1459
- --tw-border-opacity: 1;
1460
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
1461
- }
1462
-
1463
- .border-gray-600{
1464
- --tw-border-opacity: 1;
1465
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1466
- }
1467
-
1468
- .border-gray-800{
1469
- --tw-border-opacity: 1;
1470
- border-color: rgb(31 41 55 / var(--tw-border-opacity));
1471
- }
1472
-
1473
- .border-gray-900{
1474
- --tw-border-opacity: 1;
1475
- border-color: rgb(17 24 39 / var(--tw-border-opacity));
1476
- }
1477
-
1478
- .border-green-500{
1479
- --tw-border-opacity: 1;
1480
- border-color: rgb(34 197 94 / var(--tw-border-opacity));
1481
- }
1482
-
1483
- .border-green-600{
1484
- --tw-border-opacity: 1;
1485
- border-color: rgb(22 163 74 / var(--tw-border-opacity));
1486
- }
1487
-
1488
- .border-red-400{
1489
- --tw-border-opacity: 1;
1490
- border-color: rgb(248 113 113 / var(--tw-border-opacity));
1491
- }
1492
-
1493
- .border-red-500{
1494
- --tw-border-opacity: 1;
1495
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
1496
- }
1497
-
1498
- .border-red-600{
1499
- --tw-border-opacity: 1;
1500
- border-color: rgb(220 38 38 / var(--tw-border-opacity));
1501
- }
1502
-
1503
- .border-white{
1504
- --tw-border-opacity: 1;
1505
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1506
- }
1507
-
1508
- .border-yellow-500{
1509
- --tw-border-opacity: 1;
1510
- border-color: rgb(234 179 8 / var(--tw-border-opacity));
1511
- }
1512
-
1513
- .border-yellow-600{
1514
- --tw-border-opacity: 1;
1515
- border-color: rgb(202 138 4 / var(--tw-border-opacity));
1516
- }
1517
-
1518
- .border-b-gray-300{
1519
- --tw-border-opacity: 1;
1520
- border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
1521
- }
1522
-
1523
- .border-l-blue-500{
1524
- --tw-border-opacity: 1;
1525
- border-left-color: rgb(59 130 246 / var(--tw-border-opacity));
1526
- }
1527
-
1528
- .border-t-gray-300{
1529
- --tw-border-opacity: 1;
1530
- border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
1531
- }
1532
-
1533
- .bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\]{
1534
- background-color: rgba(0,0,0,0.8);
1535
- }
1536
-
1537
- .bg-blue-100{
1538
- --tw-bg-opacity: 1;
1539
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
1540
- }
1541
-
1542
- .bg-blue-200{
1543
- --tw-bg-opacity: 1;
1544
- background-color: rgb(191 219 254 / var(--tw-bg-opacity));
1545
- }
1546
-
1547
- .bg-blue-300{
1548
- --tw-bg-opacity: 1;
1549
- background-color: rgb(147 197 253 / var(--tw-bg-opacity));
1550
- }
1551
-
1552
- .bg-blue-400{
1553
- --tw-bg-opacity: 1;
1554
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1555
- }
1556
-
1557
- .bg-blue-500{
1558
- --tw-bg-opacity: 1;
1559
- background-color: rgb(59 130 246 / var(--tw-bg-opacity));
1560
- }
1561
-
1562
- .bg-blue-600{
1563
- --tw-bg-opacity: 1;
1564
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1565
- }
1566
-
1567
- .bg-cyan-100{
1568
- --tw-bg-opacity: 1;
1569
- background-color: rgb(207 250 254 / var(--tw-bg-opacity));
1570
- }
1571
-
1572
- .bg-gray-100{
1573
- --tw-bg-opacity: 1;
1574
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1575
- }
1576
-
1577
- .bg-gray-200{
1578
- --tw-bg-opacity: 1;
1579
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1580
- }
1581
-
1582
- .bg-gray-300{
1583
- --tw-bg-opacity: 1;
1584
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1585
- }
1586
-
1587
- .bg-gray-400{
1588
- --tw-bg-opacity: 1;
1589
- background-color: rgb(156 163 175 / var(--tw-bg-opacity));
1590
- }
1591
-
1592
- .bg-gray-50{
1593
- --tw-bg-opacity: 1;
1594
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1595
- }
1596
-
1597
- .bg-gray-500{
1598
- --tw-bg-opacity: 1;
1599
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
1600
- }
1601
-
1602
- .bg-gray-600{
1603
- --tw-bg-opacity: 1;
1604
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1605
- }
1606
-
1607
- .bg-gray-800{
1608
- --tw-bg-opacity: 1;
1609
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1610
- }
1611
-
1612
- .bg-green-100{
1613
- --tw-bg-opacity: 1;
1614
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1615
- }
1616
-
1617
- .bg-green-300{
1618
- --tw-bg-opacity: 1;
1619
- background-color: rgb(134 239 172 / var(--tw-bg-opacity));
1620
- }
1621
-
1622
- .bg-green-400{
1623
- --tw-bg-opacity: 1;
1624
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
1625
- }
1626
-
1627
- .bg-green-500{
1628
- --tw-bg-opacity: 1;
1629
- background-color: rgb(34 197 94 / var(--tw-bg-opacity));
1630
- }
1631
-
1632
- .bg-green-600{
1633
- --tw-bg-opacity: 1;
1634
- background-color: rgb(22 163 74 / var(--tw-bg-opacity));
1635
- }
1636
-
1637
- .bg-indigo-100{
1638
- --tw-bg-opacity: 1;
1639
- background-color: rgb(224 231 255 / var(--tw-bg-opacity));
1640
- }
1641
-
1642
- .bg-indigo-500{
1643
- --tw-bg-opacity: 1;
1644
- background-color: rgb(99 102 241 / var(--tw-bg-opacity));
1645
- }
1646
-
1647
- .bg-lime-100{
1648
- --tw-bg-opacity: 1;
1649
- background-color: rgb(236 252 203 / var(--tw-bg-opacity));
1650
- }
1651
-
1652
- .bg-pink-100{
1653
- --tw-bg-opacity: 1;
1654
- background-color: rgb(252 231 243 / var(--tw-bg-opacity));
1655
- }
1656
-
1657
- .bg-red-100{
1658
- --tw-bg-opacity: 1;
1659
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1660
- }
1661
-
1662
- .bg-red-300{
1663
- --tw-bg-opacity: 1;
1664
- background-color: rgb(252 165 165 / var(--tw-bg-opacity));
1665
- }
1666
-
1667
- .bg-red-400{
1668
- --tw-bg-opacity: 1;
1669
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
1670
- }
1671
-
1672
- .bg-red-500{
1673
- --tw-bg-opacity: 1;
1674
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1675
- }
1676
-
1677
- .bg-red-600{
1678
- --tw-bg-opacity: 1;
1679
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1680
- }
1681
-
1682
- .bg-red-800{
1683
- --tw-bg-opacity: 1;
1684
- background-color: rgb(153 27 27 / var(--tw-bg-opacity));
1685
- }
1686
-
1687
- .bg-slate-100{
1688
- --tw-bg-opacity: 1;
1689
- background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1690
- }
1691
-
1692
- .bg-slate-400{
1693
- --tw-bg-opacity: 1;
1694
- background-color: rgb(148 163 184 / var(--tw-bg-opacity));
1695
- }
1696
-
1697
- .bg-teal-100{
1698
- --tw-bg-opacity: 1;
1699
- background-color: rgb(204 251 241 / var(--tw-bg-opacity));
1700
- }
1701
-
1702
- .bg-transparent{
1703
- background-color: transparent;
1704
- }
1705
-
1706
- .bg-white{
1707
- --tw-bg-opacity: 1;
1708
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1709
- }
1710
-
1711
- .bg-yellow-100{
1712
- --tw-bg-opacity: 1;
1713
- background-color: rgb(254 249 195 / var(--tw-bg-opacity));
1714
- }
1715
-
1716
- .bg-yellow-300{
1717
- --tw-bg-opacity: 1;
1718
- background-color: rgb(253 224 71 / var(--tw-bg-opacity));
1719
- }
1720
-
1721
- .bg-yellow-400{
1722
- --tw-bg-opacity: 1;
1723
- background-color: rgb(250 204 21 / var(--tw-bg-opacity));
1724
- }
1725
-
1726
- .bg-yellow-600{
1727
- --tw-bg-opacity: 1;
1728
- background-color: rgb(202 138 4 / var(--tw-bg-opacity));
1729
- }
1730
-
1731
- .bg-opacity-20{
1732
- --tw-bg-opacity: 0.2;
1733
- }
1734
-
1735
- .bg-opacity-50{
1736
- --tw-bg-opacity: 0.5;
1737
- }
1738
-
1739
- .bg-opacity-75{
1740
- --tw-bg-opacity: 0.75;
1741
- }
1742
-
1743
- .bg-opacity-80{
1744
- --tw-bg-opacity: 0.8;
1745
- }
1746
-
1747
- .bg-opacity-90{
1748
- --tw-bg-opacity: 0.9;
1749
- }
1750
-
1751
- .object-contain{
1752
- -o-object-fit: contain;
1753
- object-fit: contain;
1754
- }
1755
-
1756
- .object-cover{
1757
- -o-object-fit: cover;
1758
- object-fit: cover;
1759
- }
1760
-
1761
- .p-0{
1762
- padding: 0px;
1763
- }
1764
-
1765
- .p-1{
1766
- padding: 0.25rem;
1767
- }
1768
-
1769
- .p-1\.5{
1770
- padding: 0.375rem;
1771
- }
1772
-
1773
- .p-2{
1774
- padding: 0.5rem;
1775
- }
1776
-
1777
- .p-2\.5{
1778
- padding: 0.625rem;
1779
- }
1780
-
1781
- .p-4{
1782
- padding: 1rem;
1783
- }
1784
-
1785
- .p-6{
1786
- padding: 1.5rem;
1787
- }
1788
-
1789
- .p-7{
1790
- padding: 1.75rem;
1791
- }
1792
-
1793
- .p-8{
1794
- padding: 2rem;
1795
- }
1796
-
1797
- .p-\[1px\]{
1798
- padding: 1px;
1799
- }
1800
-
1801
- .p-\[3px\]{
1802
- padding: 3px;
1803
- }
1804
-
1805
- .px-1{
1806
- padding-left: 0.25rem;
1807
- padding-right: 0.25rem;
1808
- }
1809
-
1810
- .px-2{
1811
- padding-left: 0.5rem;
1812
- padding-right: 0.5rem;
1813
- }
1814
-
1815
- .px-3{
1816
- padding-left: 0.75rem;
1817
- padding-right: 0.75rem;
1818
- }
1819
-
1820
- .px-4{
1821
- padding-left: 1rem;
1822
- padding-right: 1rem;
1823
- }
1824
-
1825
- .px-5{
1826
- padding-left: 1.25rem;
1827
- padding-right: 1.25rem;
1828
- }
1829
-
1830
- .py-0{
1831
- padding-top: 0px;
1832
- padding-bottom: 0px;
1833
- }
1834
-
1835
- .py-0\.5{
1836
- padding-top: 0.125rem;
1837
- padding-bottom: 0.125rem;
1838
- }
1839
-
1840
- .py-1{
1841
- padding-top: 0.25rem;
1842
- padding-bottom: 0.25rem;
1843
- }
1844
-
1845
- .py-1\.5{
1846
- padding-top: 0.375rem;
1847
- padding-bottom: 0.375rem;
1848
- }
1849
-
1850
- .py-10{
1851
- padding-top: 2.5rem;
1852
- padding-bottom: 2.5rem;
1853
- }
1854
-
1855
- .py-2{
1856
- padding-top: 0.5rem;
1857
- padding-bottom: 0.5rem;
1858
- }
1859
-
1860
- .py-2\.5{
1861
- padding-top: 0.625rem;
1862
- padding-bottom: 0.625rem;
1863
- }
1864
-
1865
- .py-3{
1866
- padding-top: 0.75rem;
1867
- padding-bottom: 0.75rem;
1868
- }
1869
-
1870
- .py-4{
1871
- padding-top: 1rem;
1872
- padding-bottom: 1rem;
1873
- }
1874
-
1875
- .py-5{
1876
- padding-top: 1.25rem;
1877
- padding-bottom: 1.25rem;
1878
- }
1879
-
1880
- .pb-2{
1881
- padding-bottom: 0.5rem;
1882
- }
1883
-
1884
- .pb-4{
1885
- padding-bottom: 1rem;
1886
- }
1887
-
1888
- .pl-2{
1889
- padding-left: 0.5rem;
1890
- }
1891
-
1892
- .pl-3{
1893
- padding-left: 0.75rem;
1894
- }
1895
-
1896
- .pl-4{
1897
- padding-left: 1rem;
1898
- }
1899
-
1900
- .pl-5{
1901
- padding-left: 1.25rem;
1902
- }
1903
-
1904
- .pl-6{
1905
- padding-left: 1.5rem;
1906
- }
1907
-
1908
- .pl-7{
1909
- padding-left: 1.75rem;
1910
- }
1911
-
1912
- .pl-8{
1913
- padding-left: 2rem;
1914
- }
1915
-
1916
- .pr-2{
1917
- padding-right: 0.5rem;
1918
- }
1919
-
1920
- .pr-3{
1921
- padding-right: 0.75rem;
1922
- }
1923
-
1924
- .pr-6{
1925
- padding-right: 1.5rem;
1926
- }
1927
-
1928
- .pr-7{
1929
- padding-right: 1.75rem;
1930
- }
1931
-
1932
- .pt-1{
1933
- padding-top: 0.25rem;
1934
- }
1935
-
1936
- .pt-2{
1937
- padding-top: 0.5rem;
1938
- }
1939
-
1940
- .pt-4{
1941
- padding-top: 1rem;
1942
- }
1943
-
1944
- .text-left{
1945
- text-align: left;
1946
- }
1947
-
1948
- .text-center{
1949
- text-align: center;
1950
- }
1951
-
1952
- .text-right{
1953
- text-align: right;
1954
- }
1955
-
1956
- .text-2xl{
1957
- font-size: 1.5rem;
1958
- line-height: 2rem;
1959
- }
1960
-
1961
- .text-3xl{
1962
- font-size: 1.875rem;
1963
- line-height: 2.25rem;
1964
- }
1965
-
1966
- .text-4xl{
1967
- font-size: 2.25rem;
1968
- line-height: 2.5rem;
1969
- }
1970
-
1971
- .text-7xl{
1972
- font-size: 4.5rem;
1973
- line-height: 1;
1974
- }
1975
-
1976
- .text-\[9\.5px\]{
1977
- font-size: 9.5px;
1978
- }
1979
-
1980
- .text-base{
1981
- font-size: 1rem;
1982
- line-height: 1.5rem;
1983
- }
1984
-
1985
- .text-lg{
1986
- font-size: 1.125rem;
1987
- line-height: 1.75rem;
1988
- }
1989
-
1990
- .text-sm{
1991
- font-size: 0.875rem;
1992
- line-height: 1.25rem;
1993
- }
1994
-
1995
- .text-xl{
1996
- font-size: 1.25rem;
1997
- line-height: 1.75rem;
1998
- }
1999
-
2000
- .text-xs{
2001
- font-size: 0.75rem;
2002
- line-height: 1rem;
2003
- }
2004
-
2005
- .font-bold{
2006
- font-weight: 700;
2007
- }
2008
-
2009
- .font-medium{
2010
- font-weight: 500;
2011
- }
2012
-
2013
- .font-normal{
2014
- font-weight: 400;
2015
- }
2016
-
2017
- .font-semibold{
2018
- font-weight: 600;
2019
- }
2020
-
2021
- .uppercase{
2022
- text-transform: uppercase;
2023
- }
2024
-
2025
- .leading-none{
2026
- line-height: 1;
2027
- }
2028
-
2029
- .tracking-wider{
2030
- letter-spacing: 0.05em;
2031
- }
2032
-
2033
- .text-amber-500{
2034
- --tw-text-opacity: 1;
2035
- color: rgb(245 158 11 / var(--tw-text-opacity));
2036
- }
2037
-
2038
- .text-black{
2039
- --tw-text-opacity: 1;
2040
- color: rgb(0 0 0 / var(--tw-text-opacity));
2041
- }
2042
-
2043
- .text-blue-400{
2044
- --tw-text-opacity: 1;
2045
- color: rgb(96 165 250 / var(--tw-text-opacity));
2046
- }
2047
-
2048
- .text-blue-500{
2049
- --tw-text-opacity: 1;
2050
- color: rgb(59 130 246 / var(--tw-text-opacity));
2051
- }
2052
-
2053
- .text-blue-600{
2054
- --tw-text-opacity: 1;
2055
- color: rgb(37 99 235 / var(--tw-text-opacity));
2056
- }
2057
-
2058
- .text-blue-700{
2059
- --tw-text-opacity: 1;
2060
- color: rgb(29 78 216 / var(--tw-text-opacity));
2061
- }
2062
-
2063
- .text-blue-800{
2064
- --tw-text-opacity: 1;
2065
- color: rgb(30 64 175 / var(--tw-text-opacity));
2066
- }
2067
-
2068
- .text-cyan-700{
2069
- --tw-text-opacity: 1;
2070
- color: rgb(14 116 144 / var(--tw-text-opacity));
2071
- }
2072
-
2073
- .text-fuchsia-500{
2074
- --tw-text-opacity: 1;
2075
- color: rgb(217 70 239 / var(--tw-text-opacity));
2076
- }
2077
-
2078
- .text-gray-300{
2079
- --tw-text-opacity: 1;
2080
- color: rgb(209 213 219 / var(--tw-text-opacity));
2081
- }
2082
-
2083
- .text-gray-400{
2084
- --tw-text-opacity: 1;
2085
- color: rgb(156 163 175 / var(--tw-text-opacity));
2086
- }
2087
-
2088
- .text-gray-500{
2089
- --tw-text-opacity: 1;
2090
- color: rgb(107 114 128 / var(--tw-text-opacity));
2091
- }
2092
-
2093
- .text-gray-600{
2094
- --tw-text-opacity: 1;
2095
- color: rgb(75 85 99 / var(--tw-text-opacity));
2096
- }
2097
-
2098
- .text-gray-700{
2099
- --tw-text-opacity: 1;
2100
- color: rgb(55 65 81 / var(--tw-text-opacity));
2101
- }
2102
-
2103
- .text-gray-800{
2104
- --tw-text-opacity: 1;
2105
- color: rgb(31 41 55 / var(--tw-text-opacity));
2106
- }
2107
-
2108
- .text-gray-900{
2109
- --tw-text-opacity: 1;
2110
- color: rgb(17 24 39 / var(--tw-text-opacity));
2111
- }
2112
-
2113
- .text-green-500{
2114
- --tw-text-opacity: 1;
2115
- color: rgb(34 197 94 / var(--tw-text-opacity));
2116
- }
2117
-
2118
- .text-green-700{
2119
- --tw-text-opacity: 1;
2120
- color: rgb(21 128 61 / var(--tw-text-opacity));
2121
- }
2122
-
2123
- .text-green-800{
2124
- --tw-text-opacity: 1;
2125
- color: rgb(22 101 52 / var(--tw-text-opacity));
2126
- }
2127
-
2128
- .text-indigo-500{
2129
- --tw-text-opacity: 1;
2130
- color: rgb(99 102 241 / var(--tw-text-opacity));
2131
- }
2132
-
2133
- .text-indigo-700{
2134
- --tw-text-opacity: 1;
2135
- color: rgb(67 56 202 / var(--tw-text-opacity));
2136
- }
2137
-
2138
- .text-lime-700{
2139
- --tw-text-opacity: 1;
2140
- color: rgb(77 124 15 / var(--tw-text-opacity));
2141
- }
2142
-
2143
- .text-pink-700{
2144
- --tw-text-opacity: 1;
2145
- color: rgb(190 24 93 / var(--tw-text-opacity));
2146
- }
2147
-
2148
- .text-red-400{
2149
- --tw-text-opacity: 1;
2150
- color: rgb(248 113 113 / var(--tw-text-opacity));
2151
- }
2152
-
2153
- .text-red-500{
2154
- --tw-text-opacity: 1;
2155
- color: rgb(239 68 68 / var(--tw-text-opacity));
2156
- }
2157
-
2158
- .text-red-600{
2159
- --tw-text-opacity: 1;
2160
- color: rgb(220 38 38 / var(--tw-text-opacity));
2161
- }
2162
-
2163
- .text-red-700{
2164
- --tw-text-opacity: 1;
2165
- color: rgb(185 28 28 / var(--tw-text-opacity));
2166
- }
2167
-
2168
- .text-red-800{
2169
- --tw-text-opacity: 1;
2170
- color: rgb(153 27 27 / var(--tw-text-opacity));
2171
- }
2172
-
2173
- .text-slate-700{
2174
- --tw-text-opacity: 1;
2175
- color: rgb(51 65 85 / var(--tw-text-opacity));
2176
- }
2177
-
2178
- .text-stone-500{
2179
- --tw-text-opacity: 1;
2180
- color: rgb(120 113 108 / var(--tw-text-opacity));
2181
- }
2182
-
2183
- .text-teal-700{
2184
- --tw-text-opacity: 1;
2185
- color: rgb(15 118 110 / var(--tw-text-opacity));
2186
- }
2187
-
2188
- .text-white{
2189
- --tw-text-opacity: 1;
2190
- color: rgb(255 255 255 / var(--tw-text-opacity));
2191
- }
2192
-
2193
- .text-yellow-600{
2194
- --tw-text-opacity: 1;
2195
- color: rgb(202 138 4 / var(--tw-text-opacity));
2196
- }
2197
-
2198
- .text-yellow-700{
2199
- --tw-text-opacity: 1;
2200
- color: rgb(161 98 7 / var(--tw-text-opacity));
2201
- }
2202
-
2203
- .text-yellow-800{
2204
- --tw-text-opacity: 1;
2205
- color: rgb(133 77 14 / var(--tw-text-opacity));
2206
- }
2207
-
2208
- .underline{
2209
- text-decoration-line: underline;
2210
- }
2211
-
2212
- .placeholder-gray-700::-moz-placeholder{
2213
- --tw-placeholder-opacity: 1;
2214
- color: rgb(55 65 81 / var(--tw-placeholder-opacity));
2215
- }
2216
-
2217
- .placeholder-gray-700::placeholder{
2218
- --tw-placeholder-opacity: 1;
2219
- color: rgb(55 65 81 / var(--tw-placeholder-opacity));
2220
- }
2221
-
2222
- .opacity-0{
2223
- opacity: 0;
2224
- }
2225
-
2226
- .opacity-25{
2227
- opacity: 0.25;
2228
- }
2229
-
2230
- .opacity-50{
2231
- opacity: 0.5;
2232
- }
2233
-
2234
- .opacity-75{
2235
- opacity: 0.75;
2236
- }
2237
-
2238
- .shadow{
2239
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2240
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2241
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2242
- }
2243
-
2244
- .shadow-inner{
2245
- --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
2246
- --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
2247
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2248
- }
2249
-
2250
- .shadow-lg{
2251
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2252
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2253
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2254
- }
2255
-
2256
- .shadow-md{
2257
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2258
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2259
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2260
- }
2261
-
2262
- .shadow-sm{
2263
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2264
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2265
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2266
- }
2267
-
2268
- .shadow-xl{
2269
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2270
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2271
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2272
- }
2273
-
2274
- .outline-none{
2275
- outline: 2px solid transparent;
2276
- outline-offset: 2px;
2277
- }
2278
-
2279
- .outline{
2280
- outline-style: solid;
2281
- }
2282
-
2283
- .ring-1{
2284
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2285
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2286
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2287
- }
2288
-
2289
- .ring-2{
2290
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2291
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2292
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2293
- }
2294
-
2295
- .ring-black{
2296
- --tw-ring-opacity: 1;
2297
- --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
2298
- }
2299
-
2300
- .ring-blue-500{
2301
- --tw-ring-opacity: 1;
2302
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2303
- }
2304
-
2305
- .ring-green-400{
2306
- --tw-ring-opacity: 1;
2307
- --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
2308
- }
2309
-
2310
- .ring-red-500{
2311
- --tw-ring-opacity: 1;
2312
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
2313
- }
2314
-
2315
- .ring-opacity-5{
2316
- --tw-ring-opacity: 0.05;
2317
- }
2318
-
2319
- .filter{
2320
- 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);
2321
- }
2322
-
2323
- .backdrop-blur-md{
2324
- --tw-backdrop-blur: blur(12px);
2325
- -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);
2326
- 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);
2327
- }
2328
-
2329
- .backdrop-filter{
2330
- -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);
2331
- 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);
2332
- }
2333
-
2334
- .transition{
2335
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2336
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2337
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2338
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2339
- transition-duration: 150ms;
2340
- }
2341
-
2342
- .transition-all{
2343
- transition-property: all;
2344
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2345
- transition-duration: 150ms;
2346
- }
2347
-
2348
- .transition-colors{
2349
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2350
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2351
- transition-duration: 150ms;
2352
- }
2353
-
2354
- .transition-transform{
2355
- transition-property: transform;
2356
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2357
- transition-duration: 150ms;
2358
- }
2359
-
2360
- .duration-200{
2361
- transition-duration: 200ms;
2362
- }
2363
-
2364
- .duration-300{
2365
- transition-duration: 300ms;
2366
- }
2367
-
2368
- .ease-in-out{
2369
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2370
- }
2371
-
2372
- * {
2373
- font-family: 'Poppins', sans-serif;
2374
- -webkit-user-select: none;
2375
- -moz-user-select: none;
2376
- user-select: none;
2377
- }
2378
-
2379
- ul::-webkit-scrollbar {
2380
- width: 6px;
2381
- }
2382
-
2383
- ul::-webkit-scrollbar-thumb {
2384
- background-color: #cbd5e0;
2385
- border-radius: 3px;
2386
- }
2387
-
2388
- ul::-webkit-scrollbar-thumb:hover {
2389
- background-color: #a0aec0;
2390
- }
2391
-
2392
- @keyframes interval {
2393
- 0%,
2394
- 100% {
2395
- opacity: 1;
2396
- transform: translateY(0);
2397
- }
2398
-
2399
- 50% {
2400
- opacity: 0;
2401
- transform: translateY(5px);
2402
- }
2403
- }
2404
-
2405
- @keyframes fade-in {
2406
- 0% {
2407
- opacity: 0;
2408
- }
2409
-
2410
- 100% {
2411
- opacity: 1;
2412
- }
2413
- }
2414
-
2415
- .animate-interval li {
2416
- animation: interval 1s ease-in-out;
2417
- }
2418
-
2419
- .animate-fade-in {
2420
- animation: fade-in 0.5s ease-out;
2421
- }
2422
-
2423
- .react-calendar {
2424
- border: none !important;
2425
- }
2426
-
2427
- .react-date-picker__calendar {
2428
- border-radius: 0.5rem;
2429
- box-shadow: 0 0 0.5rem 0.1rem rgb(0 0 0 / 10%);
2430
- max-width: 250px !important;
2431
- }
2432
-
2433
- .custom-calendar {
2434
- background-color: #fff;
2435
- border: 1px solid #ddd;
2436
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
2437
- font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
2438
- font-size: 14px;
2439
- color: #333;
2440
- border-radius: 4px;
2441
- width: 100%;
2442
- padding: 0.5em;
2443
- }
2444
-
2445
- .react-date-picker__calendar--open {
2446
- z-index: 15 !important;
2447
- background-color: #a0aec0;
2448
- }
2449
-
2450
- .react-date-picker__wrapper {
2451
- display: inline-block;
2452
- position: relative;
2453
- vertical-align: middle;
2454
- width: 100%;
2455
- border: none !important;
2456
- }
2457
-
2458
- .react-calendar__navigation {
2459
- height: 44px;
2460
- margin-bottom: 0.5rem !important;
2461
- display: flex;
2462
- align-items: center;
2463
- justify-content: space-between;
2464
- }
2465
-
2466
- .react-date-picker__wrapper input {
2467
- width: 100%;
2468
- /* border: 1px solid #ddd; */
2469
- border: none;
2470
- border-radius: 4px;
2471
- font-size: 12px;
2472
- color: #333;
2473
- /* background: #fff; */
2474
- outline: none;
2475
- cursor: pointer;
2476
- padding: 0 0.5em;
2477
- }
2478
-
2479
- .react-date-picker__inputGroup__leadingZero {
2480
- padding-left: 0.25em;
2481
- font-size: 12px;
2482
- }
2483
-
2484
- .react-calendar__navigation button {
2485
- min-width: 30px;
2486
- height: 30px;
2487
- background: none;
2488
- border: none;
2489
- font-size: 1.5rem;
2490
- cursor: pointer;
2491
- outline: none;
2492
- padding: 0;
2493
- margin: 0;
2494
- border-radius: 0.25em;
2495
- display: flex;
2496
- align-items: center;
2497
- justify-content: center;
2498
- }
2499
-
2500
- .react-calendar__navigation button:enabled:hover,
2501
- .react-calendar__navigation button:enabled:focus {
2502
- background-color: #e6e6e6;
2503
- }
2504
-
2505
- .react-calendar__navigation button[disabled] {
2506
- background-color: #f0f0f0;
2507
- color: #ccc;
2508
- cursor: default;
2509
- }
2510
-
2511
- .react-calendar__navigation button svg {
2512
- vertical-align: middle;
2513
- }
2514
-
2515
- .react-calendar__navigation__label__labelText--from {
2516
- color: #ffffff;
2517
- font-weight: 600;
2518
- font-size: 0.65rem;
2519
- padding: 0.275rem 0.3rem;
2520
- }
2521
-
2522
- .react-calendar__navigation {
2523
- gap: 0.2rem;
2524
- display: flex;
2525
- height: inherit !important;
2526
- }
2527
-
2528
- .react-calendar__navigation button {
2529
- background-color: #0e0f29 !important;
2530
- color: #fff;
2531
- border-radius: 0.25em;
2532
- min-width: 0 !important;
2533
- width: 30px !important;
2534
- }
2535
-
2536
- .react-calendar__tile {
2537
- border-radius: 0.25em;
2538
- padding: 0.5em !important;
2539
- }
2540
-
2541
- .react-calendar__tile--active {
2542
- background-color: #0e0f29 !important;
2543
- color: #fff;
2544
- border-radius: 0.25em;
2545
- }
2546
-
2547
- .react-calendar__tile:hover {
2548
- background-color: #090a2b !important;
2549
- color: #fff;
2550
- border-radius: 0.25em;
2551
- }
2552
-
2553
- select.react-date-picker__inputGroup__month {
2554
- font-size: 12px;
2555
- font-weight: 400;
2556
- color: #636368;
2557
- background: #fff;
2558
- border: none;
2559
- border-radius: 4px;
2560
- outline: none;
2561
- cursor: pointer;
2562
- padding: 0 0.5em;
2563
- -webkit-appearance: none;
2564
- -moz-appearance: none;
2565
- appearance: none;
2566
- }
2567
-
2568
- select.react-date-picker__inputGroup__month option {
2569
- font-size: 0.9rem;
2570
- font-weight: 400;
2571
- color: #636368;
2572
- cursor: pointer;
2573
- }
2574
-
2575
- .highlighted-date {
2576
- background: pink !important;
2577
- }
2578
-
2579
- .highlighted-date:hover {
2580
- background: red !important;
2581
- }
2582
-
2583
- .placeholder\:text-sm::-moz-placeholder{
2584
- font-size: 0.875rem;
2585
- line-height: 1.25rem;
2586
- }
2587
-
2588
- .placeholder\:text-sm::placeholder{
2589
- font-size: 0.875rem;
2590
- line-height: 1.25rem;
2591
- }
2592
-
2593
- .before\:ml-0::before{
2594
- content: var(--tw-content);
2595
- margin-left: 0px;
2596
- }
2597
-
2598
- .before\:ml-0\.5::before{
2599
- content: var(--tw-content);
2600
- margin-left: 0.125rem;
2601
- }
2602
-
2603
- .before\:mt-0::before{
2604
- content: var(--tw-content);
2605
- margin-top: 0px;
2606
- }
2607
-
2608
- .before\:mt-0\.5::before{
2609
- content: var(--tw-content);
2610
- margin-top: 0.125rem;
2611
- }
2612
-
2613
- .before\:inline-block::before{
2614
- content: var(--tw-content);
2615
- display: inline-block;
2616
- }
2617
-
2618
- .before\:h-4::before{
2619
- content: var(--tw-content);
2620
- height: 1rem;
2621
- }
2622
-
2623
- .before\:w-4::before{
2624
- content: var(--tw-content);
2625
- width: 1rem;
2626
- }
2627
-
2628
- .before\:rounded-full::before{
2629
- content: var(--tw-content);
2630
- border-radius: 9999px;
2631
- }
2632
-
2633
- .before\:bg-white::before{
2634
- content: var(--tw-content);
2635
- --tw-bg-opacity: 1;
2636
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2637
- }
2638
-
2639
- .last\:border-b-0:last-child{
2640
- border-bottom-width: 0px;
2641
- }
2642
-
2643
- .checked\:bg-blue-300:checked{
2644
- --tw-bg-opacity: 1;
2645
- background-color: rgb(147 197 253 / var(--tw-bg-opacity));
2646
- }
2647
-
2648
- .checked\:before\:translate-x-full:checked::before{
2649
- content: var(--tw-content);
2650
- --tw-translate-x: 100%;
2651
- 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));
2652
- }
2653
-
2654
- .checked\:before\:bg-blue-500:checked::before{
2655
- content: var(--tw-content);
2656
- --tw-bg-opacity: 1;
2657
- background-color: rgb(59 130 246 / var(--tw-bg-opacity));
2658
- }
2659
-
2660
- .hover\:rotate-180:hover{
2661
- --tw-rotate: 180deg;
2662
- 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));
2663
- }
2664
-
2665
- .hover\:scale-110:hover{
2666
- --tw-scale-x: 1.1;
2667
- --tw-scale-y: 1.1;
2668
- 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));
2669
- }
2670
-
2671
- .hover\:scale-125:hover{
2672
- --tw-scale-x: 1.25;
2673
- --tw-scale-y: 1.25;
2674
- 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));
2675
- }
2676
-
2677
- .hover\:cursor-pointer:hover{
2678
- cursor: pointer;
2679
- }
2680
-
2681
- .hover\:border-blue-700:hover{
2682
- --tw-border-opacity: 1;
2683
- border-color: rgb(29 78 216 / var(--tw-border-opacity));
2684
- }
2685
-
2686
- .hover\:border-gray-400:hover{
2687
- --tw-border-opacity: 1;
2688
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
2689
- }
2690
-
2691
- .hover\:border-gray-700:hover{
2692
- --tw-border-opacity: 1;
2693
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
2694
- }
2695
-
2696
- .hover\:border-green-700:hover{
2697
- --tw-border-opacity: 1;
2698
- border-color: rgb(21 128 61 / var(--tw-border-opacity));
2699
- }
2700
-
2701
- .hover\:border-red-700:hover{
2702
- --tw-border-opacity: 1;
2703
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
2704
- }
2705
-
2706
- .hover\:border-yellow-700:hover{
2707
- --tw-border-opacity: 1;
2708
- border-color: rgb(161 98 7 / var(--tw-border-opacity));
2709
- }
2710
-
2711
- .hover\:bg-blue-200:hover{
2712
- --tw-bg-opacity: 1;
2713
- background-color: rgb(191 219 254 / var(--tw-bg-opacity));
2714
- }
2715
-
2716
- .hover\:bg-blue-300:hover{
2717
- --tw-bg-opacity: 1;
2718
- background-color: rgb(147 197 253 / var(--tw-bg-opacity));
2719
- }
2720
-
2721
- .hover\:bg-blue-600:hover{
2722
- --tw-bg-opacity: 1;
2723
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
2724
- }
2725
-
2726
- .hover\:bg-cyan-300:hover{
2727
- --tw-bg-opacity: 1;
2728
- background-color: rgb(103 232 249 / var(--tw-bg-opacity));
2729
- }
2730
-
2731
- .hover\:bg-gray-100:hover{
2732
- --tw-bg-opacity: 1;
2733
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2734
- }
2735
-
2736
- .hover\:bg-gray-200:hover{
2737
- --tw-bg-opacity: 1;
2738
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2739
- }
2740
-
2741
- .hover\:bg-gray-300:hover{
2742
- --tw-bg-opacity: 1;
2743
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
2744
- }
2745
-
2746
- .hover\:bg-gray-50:hover{
2747
- --tw-bg-opacity: 1;
2748
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2749
- }
2750
-
2751
- .hover\:bg-gray-600:hover{
2752
- --tw-bg-opacity: 1;
2753
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2754
- }
2755
-
2756
- .hover\:bg-gray-700:hover{
2757
- --tw-bg-opacity: 1;
2758
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2759
- }
2760
-
2761
- .hover\:bg-green-200:hover{
2762
- --tw-bg-opacity: 1;
2763
- background-color: rgb(187 247 208 / var(--tw-bg-opacity));
2764
- }
2765
-
2766
- .hover\:bg-green-300:hover{
2767
- --tw-bg-opacity: 1;
2768
- background-color: rgb(134 239 172 / var(--tw-bg-opacity));
2769
- }
2770
-
2771
- .hover\:bg-green-600:hover{
2772
- --tw-bg-opacity: 1;
2773
- background-color: rgb(22 163 74 / var(--tw-bg-opacity));
2774
- }
2775
-
2776
- .hover\:bg-indigo-100:hover{
2777
- --tw-bg-opacity: 1;
2778
- background-color: rgb(224 231 255 / var(--tw-bg-opacity));
2779
- }
2780
-
2781
- .hover\:bg-indigo-300:hover{
2782
- --tw-bg-opacity: 1;
2783
- background-color: rgb(165 180 252 / var(--tw-bg-opacity));
2784
- }
2785
-
2786
- .hover\:bg-indigo-600:hover{
2787
- --tw-bg-opacity: 1;
2788
- background-color: rgb(79 70 229 / var(--tw-bg-opacity));
2789
- }
2790
-
2791
- .hover\:bg-lime-300:hover{
2792
- --tw-bg-opacity: 1;
2793
- background-color: rgb(190 242 100 / var(--tw-bg-opacity));
2794
- }
2795
-
2796
- .hover\:bg-pink-300:hover{
2797
- --tw-bg-opacity: 1;
2798
- background-color: rgb(249 168 212 / var(--tw-bg-opacity));
2799
- }
2800
-
2801
- .hover\:bg-red-200:hover{
2802
- --tw-bg-opacity: 1;
2803
- background-color: rgb(254 202 202 / var(--tw-bg-opacity));
2804
- }
2805
-
2806
- .hover\:bg-red-300:hover{
2807
- --tw-bg-opacity: 1;
2808
- background-color: rgb(252 165 165 / var(--tw-bg-opacity));
2809
- }
2810
-
2811
- .hover\:bg-red-600:hover{
2812
- --tw-bg-opacity: 1;
2813
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
2814
- }
2815
-
2816
- .hover\:bg-red-800:hover{
2817
- --tw-bg-opacity: 1;
2818
- background-color: rgb(153 27 27 / var(--tw-bg-opacity));
2819
- }
2820
-
2821
- .hover\:bg-slate-300:hover{
2822
- --tw-bg-opacity: 1;
2823
- background-color: rgb(203 213 225 / var(--tw-bg-opacity));
2824
- }
2825
-
2826
- .hover\:bg-teal-300:hover{
2827
- --tw-bg-opacity: 1;
2828
- background-color: rgb(94 234 212 / var(--tw-bg-opacity));
2829
- }
2830
-
2831
- .hover\:bg-yellow-200:hover{
2832
- --tw-bg-opacity: 1;
2833
- background-color: rgb(254 240 138 / var(--tw-bg-opacity));
2834
- }
2835
-
2836
- .hover\:bg-yellow-300:hover{
2837
- --tw-bg-opacity: 1;
2838
- background-color: rgb(253 224 71 / var(--tw-bg-opacity));
2839
- }
2840
-
2841
- .hover\:text-gray-700:hover{
2842
- --tw-text-opacity: 1;
2843
- color: rgb(55 65 81 / var(--tw-text-opacity));
2844
- }
2845
-
2846
- .hover\:text-gray-900:hover{
2847
- --tw-text-opacity: 1;
2848
- color: rgb(17 24 39 / var(--tw-text-opacity));
2849
- }
2850
-
2851
- .hover\:text-red-500:hover{
2852
- --tw-text-opacity: 1;
2853
- color: rgb(239 68 68 / var(--tw-text-opacity));
2854
- }
2855
-
2856
- .hover\:text-white:hover{
2857
- --tw-text-opacity: 1;
2858
- color: rgb(255 255 255 / var(--tw-text-opacity));
2859
- }
2860
-
2861
- .hover\:underline:hover{
2862
- text-decoration-line: underline;
2863
- }
2864
-
2865
- .focus\:border-blue-500:focus{
2866
- --tw-border-opacity: 1;
2867
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
2868
- }
2869
-
2870
- .focus\:border-blue-600:focus{
2871
- --tw-border-opacity: 1;
2872
- border-color: rgb(37 99 235 / var(--tw-border-opacity));
2873
- }
2874
-
2875
- .focus\:border-gray-800:focus{
2876
- --tw-border-opacity: 1;
2877
- border-color: rgb(31 41 55 / var(--tw-border-opacity));
2878
- }
2879
-
2880
- .focus\:border-indigo-500:focus{
2881
- --tw-border-opacity: 1;
2882
- border-color: rgb(99 102 241 / var(--tw-border-opacity));
2883
- }
2884
-
2885
- .focus\:bg-blue-600:focus{
2886
- --tw-bg-opacity: 1;
2887
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
2888
- }
2889
-
2890
- .focus\:bg-gray-600:focus{
2891
- --tw-bg-opacity: 1;
2892
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2893
- }
2894
-
2895
- .focus\:bg-green-600:focus{
2896
- --tw-bg-opacity: 1;
2897
- background-color: rgb(22 163 74 / var(--tw-bg-opacity));
2898
- }
2899
-
2900
- .focus\:bg-indigo-100:focus{
2901
- --tw-bg-opacity: 1;
2902
- background-color: rgb(224 231 255 / var(--tw-bg-opacity));
2903
- }
2904
-
2905
- .focus\:bg-red-600:focus{
2906
- --tw-bg-opacity: 1;
2907
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
2908
- }
2909
-
2910
- .focus\:bg-white:focus{
2911
- --tw-bg-opacity: 1;
2912
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2913
- }
2914
-
2915
- .focus\:outline-none:focus{
2916
- outline: 2px solid transparent;
2917
- outline-offset: 2px;
2918
- }
2919
-
2920
- .focus\:ring:focus{
2921
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2922
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2923
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2924
- }
2925
-
2926
- .focus\:ring-0:focus{
2927
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2928
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2929
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2930
- }
2931
-
2932
- .focus\:ring-1:focus{
2933
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2934
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2935
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2936
- }
2937
-
2938
- .focus\:ring-2:focus{
2939
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2940
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2941
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2942
- }
2943
-
2944
- .focus\:ring-blue-200:focus{
2945
- --tw-ring-opacity: 1;
2946
- --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
2947
- }
2948
-
2949
- .focus\:ring-blue-500:focus{
2950
- --tw-ring-opacity: 1;
2951
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2952
- }
2953
-
2954
- .focus\:ring-gray-200:focus{
2955
- --tw-ring-opacity: 1;
2956
- --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
2957
- }
2958
-
2959
- .active\:opacity-95:active{
2960
- opacity: 0.95;
2961
- }
2962
-
2963
- .group:hover .group-hover\:opacity-100{
2964
- opacity: 1;
2965
- }
2966
-
2967
- .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{
2968
- --tw-translate-y: 0px;
2969
- 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));
2970
- }
2971
-
2972
- .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{
2973
- --tw-translate-y: 0px;
2974
- 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));
2975
- }
2976
-
2977
- .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:scale-100{
2978
- --tw-scale-x: 1;
2979
- --tw-scale-y: 1;
2980
- 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));
2981
- }
2982
-
2983
- .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100{
2984
- --tw-scale-x: 1;
2985
- --tw-scale-y: 1;
2986
- 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));
2987
- }
2988
-
2989
- .peer:focus ~ .peer-focus\:left-2{
2990
- left: 0.5rem;
2991
- }
2992
-
2993
- .peer:focus ~ .peer-focus\:-translate-y-5{
2994
- --tw-translate-y: -1.25rem;
2995
- 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));
2996
- }
2997
-
2998
- .peer:focus ~ .peer-focus\:scale-75{
2999
- --tw-scale-x: .75;
3000
- --tw-scale-y: .75;
3001
- 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));
3002
- }
3003
-
3004
- .peer:focus ~ .peer-focus\:font-medium{
3005
- font-weight: 500;
3006
- }
3007
-
3008
- .peer:focus ~ .peer-focus\:text-blue-600{
3009
- --tw-text-opacity: 1;
3010
- color: rgb(37 99 235 / var(--tw-text-opacity));
3011
- }
3012
-
3013
- :is(.dark .dark\:border-gray-600){
3014
- --tw-border-opacity: 1;
3015
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
3016
- }
3017
-
3018
- :is(.dark .dark\:border-gray-700){
3019
- --tw-border-opacity: 1;
3020
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
3021
- }
3022
-
3023
- :is(.dark .dark\:border-white){
3024
- --tw-border-opacity: 1;
3025
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
3026
- }
3027
-
3028
- :is(.dark .dark\:bg-gray-600){
3029
- --tw-bg-opacity: 1;
3030
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3031
- }
3032
-
3033
- :is(.dark .dark\:bg-gray-700){
3034
- --tw-bg-opacity: 1;
3035
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
3036
- }
3037
-
3038
- :is(.dark .dark\:bg-gray-800){
3039
- --tw-bg-opacity: 1;
3040
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3041
- }
3042
-
3043
- :is(.dark .dark\:bg-gray-900){
3044
- --tw-bg-opacity: 1;
3045
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
3046
- }
3047
-
3048
- :is(.dark .dark\:text-amber-500){
3049
- --tw-text-opacity: 1;
3050
- color: rgb(245 158 11 / var(--tw-text-opacity));
3051
- }
3052
-
3053
- :is(.dark .dark\:text-blue-200){
3054
- --tw-text-opacity: 1;
3055
- color: rgb(191 219 254 / var(--tw-text-opacity));
3056
- }
3057
-
3058
- :is(.dark .dark\:text-fuchsia-500){
3059
- --tw-text-opacity: 1;
3060
- color: rgb(217 70 239 / var(--tw-text-opacity));
3061
- }
3062
-
3063
- :is(.dark .dark\:text-gray-200){
3064
- --tw-text-opacity: 1;
3065
- color: rgb(229 231 235 / var(--tw-text-opacity));
3066
- }
3067
-
3068
- :is(.dark .dark\:text-gray-400){
3069
- --tw-text-opacity: 1;
3070
- color: rgb(156 163 175 / var(--tw-text-opacity));
3071
- }
3072
-
3073
- :is(.dark .dark\:text-gray-500){
3074
- --tw-text-opacity: 1;
3075
- color: rgb(107 114 128 / var(--tw-text-opacity));
3076
- }
3077
-
3078
- :is(.dark .dark\:text-indigo-500){
3079
- --tw-text-opacity: 1;
3080
- color: rgb(99 102 241 / var(--tw-text-opacity));
3081
- }
3082
-
3083
- :is(.dark .dark\:text-red-500){
3084
- --tw-text-opacity: 1;
3085
- color: rgb(239 68 68 / var(--tw-text-opacity));
3086
- }
3087
-
3088
- :is(.dark .dark\:text-stone-500){
3089
- --tw-text-opacity: 1;
3090
- color: rgb(120 113 108 / var(--tw-text-opacity));
3091
- }
3092
-
3093
- :is(.dark .dark\:text-white){
3094
- --tw-text-opacity: 1;
3095
- color: rgb(255 255 255 / var(--tw-text-opacity));
3096
- }
3097
-
3098
- :is(.dark .dark\:text-yellow-500){
3099
- --tw-text-opacity: 1;
3100
- color: rgb(234 179 8 / var(--tw-text-opacity));
3101
- }
3102
-
3103
- :is(.dark .dark\:placeholder-gray-500)::-moz-placeholder{
3104
- --tw-placeholder-opacity: 1;
3105
- color: rgb(107 114 128 / var(--tw-placeholder-opacity));
3106
- }
3107
-
3108
- :is(.dark .dark\:placeholder-gray-500)::placeholder{
3109
- --tw-placeholder-opacity: 1;
3110
- color: rgb(107 114 128 / var(--tw-placeholder-opacity));
3111
- }
3112
-
3113
- :is(.dark .dark\:ring-offset-gray-800){
3114
- --tw-ring-offset-color: #1f2937;
3115
- }
3116
-
3117
- :is(.dark .dark\:hover\:bg-gray-500:hover){
3118
- --tw-bg-opacity: 1;
3119
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
3120
- }
3121
-
3122
- :is(.dark .dark\:hover\:bg-gray-600:hover){
3123
- --tw-bg-opacity: 1;
3124
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
3125
- }
3126
-
3127
- :is(.dark .dark\:hover\:bg-gray-800:hover){
3128
- --tw-bg-opacity: 1;
3129
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3130
- }
3131
-
3132
- :is(.dark .dark\:hover\:text-gray-200:hover){
3133
- --tw-text-opacity: 1;
3134
- color: rgb(229 231 235 / var(--tw-text-opacity));
3135
- }
3136
-
3137
- :is(.dark .dark\:hover\:text-white:hover){
3138
- --tw-text-opacity: 1;
3139
- color: rgb(255 255 255 / var(--tw-text-opacity));
3140
- }
3141
-
3142
- :is(.dark .dark\:focus\:border-blue-500:focus){
3143
- --tw-border-opacity: 1;
3144
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
3145
- }
3146
-
3147
- :is(.dark .dark\:focus\:ring-blue-600:focus){
3148
- --tw-ring-opacity: 1;
3149
- --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
3150
- }
3151
-
3152
- :is(.dark .dark\:focus\:ring-offset-gray-800:focus){
3153
- --tw-ring-offset-color: #1f2937;
3154
- }
3155
-
3156
- .peer:focus ~ :is(.dark .peer-focus\:dark\:text-blue-500){
3157
- --tw-text-opacity: 1;
3158
- color: rgb(59 130 246 / var(--tw-text-opacity));
3159
- }
3160
-
3161
- @media (min-width: 640px){
3162
- .sm\:inline{
3163
- display: inline;
3164
- }
3165
-
3166
- .sm\:flex-row{
3167
- flex-direction: row;
3168
- }
3169
-
3170
- .sm\:text-base{
3171
- font-size: 1rem;
3172
- line-height: 1.5rem;
3173
- }
3174
-
3175
- .sm\:text-xs{
3176
- font-size: 0.75rem;
3177
- line-height: 1rem;
3178
- }
3179
- }
3180
-
3181
- @media (min-width: 768px){
3182
- .md\:grid-cols-6{
3183
- grid-template-columns: repeat(6, minmax(0, 1fr));
3184
- }
3185
-
3186
- .md\:text-lg{
3187
- font-size: 1.125rem;
3188
- line-height: 1.75rem;
3189
- }
3190
- }
3191
-
3192
- @media (min-width: 1024px){
3193
- .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]){
3194
- --tw-space-x-reverse: 0;
3195
- margin-right: calc(1rem * var(--tw-space-x-reverse));
3196
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
3197
- }
3198
-
3199
- .lg\:text-xl{
3200
- font-size: 1.25rem;
3201
- line-height: 1.75rem;
3202
- }
3203
- }
3204
-
3205
- .rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){
3206
- flex-direction: row-reverse;
3207
- }