@axzydev/axzy_ui_system 1.1.1 → 1.2.1

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 (9) hide show
  1. package/README.md +100 -36
  2. package/dist/index.cjs +71 -12
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +103 -4190
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.js +71 -12
  7. package/dist/index.js.map +1 -1
  8. package/package.json +4 -4
  9. package/src/theme/theme.ts +25 -7
package/dist/index.css CHANGED
@@ -1,3998 +1,56 @@
1
1
  /* src/index.css */
2
- *,
3
- ::before,
4
- ::after {
5
- --tw-border-spacing-x: 0;
6
- --tw-border-spacing-y: 0;
7
- --tw-translate-x: 0;
8
- --tw-translate-y: 0;
9
- --tw-rotate: 0;
10
- --tw-skew-x: 0;
11
- --tw-skew-y: 0;
12
- --tw-scale-x: 1;
13
- --tw-scale-y: 1;
14
- --tw-pan-x: ;
15
- --tw-pan-y: ;
16
- --tw-pinch-zoom: ;
17
- --tw-scroll-snap-strictness: proximity;
18
- --tw-gradient-from-position: ;
19
- --tw-gradient-via-position: ;
20
- --tw-gradient-to-position: ;
21
- --tw-ordinal: ;
22
- --tw-slashed-zero: ;
23
- --tw-numeric-figure: ;
24
- --tw-numeric-spacing: ;
25
- --tw-numeric-fraction: ;
26
- --tw-ring-inset: ;
27
- --tw-ring-offset-width: 0px;
28
- --tw-ring-offset-color: #fff;
29
- --tw-ring-color: rgb(59 130 246 / 0.5);
30
- --tw-ring-offset-shadow: 0 0 #0000;
31
- --tw-ring-shadow: 0 0 #0000;
32
- --tw-shadow: 0 0 #0000;
33
- --tw-shadow-colored: 0 0 #0000;
34
- --tw-blur: ;
35
- --tw-brightness: ;
36
- --tw-contrast: ;
37
- --tw-grayscale: ;
38
- --tw-hue-rotate: ;
39
- --tw-invert: ;
40
- --tw-saturate: ;
41
- --tw-sepia: ;
42
- --tw-drop-shadow: ;
43
- --tw-backdrop-blur: ;
44
- --tw-backdrop-brightness: ;
45
- --tw-backdrop-contrast: ;
46
- --tw-backdrop-grayscale: ;
47
- --tw-backdrop-hue-rotate: ;
48
- --tw-backdrop-invert: ;
49
- --tw-backdrop-opacity: ;
50
- --tw-backdrop-saturate: ;
51
- --tw-backdrop-sepia: ;
52
- --tw-contain-size: ;
53
- --tw-contain-layout: ;
54
- --tw-contain-paint: ;
55
- --tw-contain-style: ;
56
- }
57
- ::backdrop {
58
- --tw-border-spacing-x: 0;
59
- --tw-border-spacing-y: 0;
60
- --tw-translate-x: 0;
61
- --tw-translate-y: 0;
62
- --tw-rotate: 0;
63
- --tw-skew-x: 0;
64
- --tw-skew-y: 0;
65
- --tw-scale-x: 1;
66
- --tw-scale-y: 1;
67
- --tw-pan-x: ;
68
- --tw-pan-y: ;
69
- --tw-pinch-zoom: ;
70
- --tw-scroll-snap-strictness: proximity;
71
- --tw-gradient-from-position: ;
72
- --tw-gradient-via-position: ;
73
- --tw-gradient-to-position: ;
74
- --tw-ordinal: ;
75
- --tw-slashed-zero: ;
76
- --tw-numeric-figure: ;
77
- --tw-numeric-spacing: ;
78
- --tw-numeric-fraction: ;
79
- --tw-ring-inset: ;
80
- --tw-ring-offset-width: 0px;
81
- --tw-ring-offset-color: #fff;
82
- --tw-ring-color: rgb(59 130 246 / 0.5);
83
- --tw-ring-offset-shadow: 0 0 #0000;
84
- --tw-ring-shadow: 0 0 #0000;
85
- --tw-shadow: 0 0 #0000;
86
- --tw-shadow-colored: 0 0 #0000;
87
- --tw-blur: ;
88
- --tw-brightness: ;
89
- --tw-contrast: ;
90
- --tw-grayscale: ;
91
- --tw-hue-rotate: ;
92
- --tw-invert: ;
93
- --tw-saturate: ;
94
- --tw-sepia: ;
95
- --tw-drop-shadow: ;
96
- --tw-backdrop-blur: ;
97
- --tw-backdrop-brightness: ;
98
- --tw-backdrop-contrast: ;
99
- --tw-backdrop-grayscale: ;
100
- --tw-backdrop-hue-rotate: ;
101
- --tw-backdrop-invert: ;
102
- --tw-backdrop-opacity: ;
103
- --tw-backdrop-saturate: ;
104
- --tw-backdrop-sepia: ;
105
- --tw-contain-size: ;
106
- --tw-contain-layout: ;
107
- --tw-contain-paint: ;
108
- --tw-contain-style: ;
109
- }
110
- *,
111
- ::before,
112
- ::after {
113
- box-sizing: border-box;
114
- border-width: 0;
115
- border-style: solid;
116
- border-color: #e5e7eb;
117
- }
118
- ::before,
119
- ::after {
120
- --tw-content: "";
121
- }
122
- html,
123
- :host {
124
- line-height: 1.5;
125
- -webkit-text-size-adjust: 100%;
126
- -moz-tab-size: 4;
127
- -o-tab-size: 4;
128
- tab-size: 4;
129
- font-family:
130
- ui-sans-serif,
131
- system-ui,
132
- sans-serif,
133
- "Apple Color Emoji",
134
- "Segoe UI Emoji",
135
- "Segoe UI Symbol",
136
- "Noto Color Emoji";
137
- font-feature-settings: normal;
138
- font-variation-settings: normal;
139
- -webkit-tap-highlight-color: transparent;
140
- }
141
- body {
142
- margin: 0;
143
- line-height: inherit;
144
- }
145
- hr {
146
- height: 0;
147
- color: inherit;
148
- border-top-width: 1px;
149
- }
150
- abbr:where([title]) {
151
- -webkit-text-decoration: underline dotted;
152
- text-decoration: underline dotted;
153
- }
154
- h1,
155
- h2,
156
- h3,
157
- h4,
158
- h5,
159
- h6 {
160
- font-size: inherit;
161
- font-weight: inherit;
162
- }
163
- a {
164
- color: inherit;
165
- text-decoration: inherit;
166
- }
167
- b,
168
- strong {
169
- font-weight: bolder;
170
- }
171
- code,
172
- kbd,
173
- samp,
174
- pre {
175
- font-family:
176
- ui-monospace,
177
- SFMono-Regular,
178
- Menlo,
179
- Monaco,
180
- Consolas,
181
- "Liberation Mono",
182
- "Courier New",
183
- monospace;
184
- font-feature-settings: normal;
185
- font-variation-settings: normal;
186
- font-size: 1em;
187
- }
188
- small {
189
- font-size: 80%;
190
- }
191
- sub,
192
- sup {
193
- font-size: 75%;
194
- line-height: 0;
195
- position: relative;
196
- vertical-align: baseline;
197
- }
198
- sub {
199
- bottom: -0.25em;
200
- }
201
- sup {
202
- top: -0.5em;
203
- }
204
- table {
205
- text-indent: 0;
206
- border-color: inherit;
207
- border-collapse: collapse;
208
- }
209
- button,
210
- input,
211
- optgroup,
212
- select,
213
- textarea {
214
- font-family: inherit;
215
- font-feature-settings: inherit;
216
- font-variation-settings: inherit;
217
- font-size: 100%;
218
- font-weight: inherit;
219
- line-height: inherit;
220
- letter-spacing: inherit;
221
- color: inherit;
222
- margin: 0;
223
- padding: 0;
224
- }
225
- button,
226
- select {
227
- text-transform: none;
228
- }
229
- button,
230
- input:where([type=button]),
231
- input:where([type=reset]),
232
- input:where([type=submit]) {
233
- -webkit-appearance: button;
234
- background-color: transparent;
235
- background-image: none;
236
- }
237
- :-moz-focusring {
238
- outline: auto;
239
- }
240
- :-moz-ui-invalid {
241
- box-shadow: none;
242
- }
243
- progress {
244
- vertical-align: baseline;
245
- }
246
- ::-webkit-inner-spin-button,
247
- ::-webkit-outer-spin-button {
248
- height: auto;
249
- }
250
- [type=search] {
251
- -webkit-appearance: textfield;
252
- outline-offset: -2px;
253
- }
254
- ::-webkit-search-decoration {
255
- -webkit-appearance: none;
256
- }
257
- ::-webkit-file-upload-button {
258
- -webkit-appearance: button;
259
- font: inherit;
260
- }
261
- summary {
262
- display: list-item;
263
- }
264
- blockquote,
265
- dl,
266
- dd,
267
- h1,
268
- h2,
269
- h3,
270
- h4,
271
- h5,
272
- h6,
273
- hr,
274
- figure,
275
- p,
276
- pre {
277
- margin: 0;
278
- }
279
- fieldset {
280
- margin: 0;
281
- padding: 0;
282
- }
283
- legend {
284
- padding: 0;
285
- }
286
- ol,
287
- ul,
288
- menu {
289
- list-style: none;
290
- margin: 0;
291
- padding: 0;
292
- }
293
- dialog {
294
- padding: 0;
295
- }
296
- textarea {
297
- resize: vertical;
298
- }
299
- input::-moz-placeholder,
300
- textarea::-moz-placeholder {
301
- opacity: 1;
302
- color: #9ca3af;
303
- }
304
- input::placeholder,
305
- textarea::placeholder {
306
- opacity: 1;
307
- color: #9ca3af;
308
- }
309
- button,
310
- [role=button] {
311
- cursor: pointer;
312
- }
313
- :disabled {
314
- cursor: default;
315
- }
316
- img,
317
- svg,
318
- video,
319
- canvas,
320
- audio,
321
- iframe,
322
- embed,
323
- object {
324
- display: block;
325
- vertical-align: middle;
326
- }
327
- img,
328
- video {
329
- max-width: 100%;
330
- height: auto;
331
- }
332
- [hidden]:where(:not([hidden=until-found])) {
333
- display: none;
334
- }
335
- .container {
336
- width: 100%;
337
- }
338
- @media (min-width: 640px) {
339
- .container {
340
- max-width: 640px;
341
- }
342
- }
343
- @media (min-width: 768px) {
344
- .container {
345
- max-width: 768px;
346
- }
347
- }
348
- @media (min-width: 1024px) {
349
- .container {
350
- max-width: 1024px;
351
- }
352
- }
353
- @media (min-width: 1280px) {
354
- .container {
355
- max-width: 1280px;
356
- }
357
- }
358
- @media (min-width: 1536px) {
359
- .container {
360
- max-width: 1536px;
361
- }
362
- }
363
- .sr-only {
364
- position: absolute;
365
- width: 1px;
366
- height: 1px;
367
- padding: 0;
368
- margin: -1px;
369
- overflow: hidden;
370
- clip: rect(0, 0, 0, 0);
371
- white-space: nowrap;
372
- border-width: 0;
373
- }
374
- .pointer-events-none {
375
- pointer-events: none;
376
- }
377
- .visible {
378
- visibility: visible;
379
- }
380
- .invisible {
381
- visibility: hidden;
382
- }
383
- .fixed {
384
- position: fixed;
385
- }
386
- .\!absolute {
387
- position: absolute !important;
388
- }
389
- .absolute {
390
- position: absolute;
391
- }
392
- .relative {
393
- position: relative;
394
- }
395
- .sticky {
396
- position: sticky;
397
- }
398
- .inset-0 {
399
- inset: 0px;
400
- }
401
- .inset-x-0 {
402
- left: 0px;
403
- right: 0px;
404
- }
405
- .inset-y-0 {
406
- top: 0px;
407
- bottom: 0px;
408
- }
409
- .-bottom-0\.5 {
410
- bottom: -0.125rem;
411
- }
412
- .-left-1\.5 {
413
- left: -0.375rem;
414
- }
415
- .-right-0\.5 {
416
- right: -0.125rem;
417
- }
418
- .-top-1\.5 {
419
- top: -0.375rem;
420
- }
421
- .bottom-0 {
422
- bottom: 0px;
423
- }
424
- .bottom-1\/3 {
425
- bottom: 33.333333%;
426
- }
427
- .bottom-1\/4 {
428
- bottom: 25%;
429
- }
430
- .bottom-4 {
431
- bottom: 1rem;
432
- }
433
- .bottom-full {
434
- bottom: 100%;
435
- }
436
- .left-0 {
437
- left: 0px;
438
- }
439
- .left-0\.5 {
440
- left: 0.125rem;
441
- }
442
- .left-1 {
443
- left: 0.25rem;
444
- }
445
- .left-1\/2 {
446
- left: 50%;
447
- }
448
- .left-2\.5 {
449
- left: 0.625rem;
450
- }
451
- .left-3 {
452
- left: 0.75rem;
453
- }
454
- .left-4 {
455
- left: 1rem;
456
- }
457
- .left-5 {
458
- left: 1.25rem;
459
- }
460
- .left-6 {
461
- left: 1.5rem;
462
- }
463
- .left-full {
464
- left: 100%;
465
- }
466
- .right-0 {
467
- right: 0px;
468
- }
469
- .right-1 {
470
- right: 0.25rem;
471
- }
472
- .right-1\.5 {
473
- right: 0.375rem;
474
- }
475
- .right-2 {
476
- right: 0.5rem;
477
- }
478
- .right-3 {
479
- right: 0.75rem;
480
- }
481
- .right-4 {
482
- right: 1rem;
483
- }
484
- .right-6 {
485
- right: 1.5rem;
486
- }
487
- .right-full {
488
- right: 100%;
489
- }
490
- .top-0 {
491
- top: 0px;
492
- }
493
- .top-0\.5 {
494
- top: 0.125rem;
495
- }
496
- .top-1 {
497
- top: 0.25rem;
498
- }
499
- .top-1\.5 {
500
- top: 0.375rem;
501
- }
502
- .top-1\/2 {
503
- top: 50%;
504
- }
505
- .top-1\/3 {
506
- top: 33.333333%;
507
- }
508
- .top-1\/4 {
509
- top: 25%;
510
- }
511
- .top-2 {
512
- top: 0.5rem;
513
- }
514
- .top-2\.5 {
515
- top: 0.625rem;
516
- }
517
- .top-3 {
518
- top: 0.75rem;
519
- }
520
- .top-4 {
521
- top: 1rem;
522
- }
523
- .top-5 {
524
- top: 1.25rem;
525
- }
526
- .top-full {
527
- top: 100%;
528
- }
529
- .-z-10 {
530
- z-index: -10;
531
- }
532
- .z-0 {
533
- z-index: 0;
534
- }
535
- .z-10 {
536
- z-index: 10;
537
- }
538
- .z-20 {
539
- z-index: 20;
540
- }
541
- .z-30 {
542
- z-index: 30;
543
- }
544
- .z-40 {
545
- z-index: 40;
546
- }
547
- .z-50 {
548
- z-index: 50;
549
- }
550
- .z-\[100\] {
551
- z-index: 100;
552
- }
553
- .z-\[200\] {
554
- z-index: 200;
555
- }
556
- .z-\[300\] {
557
- z-index: 300;
558
- }
559
- .z-\[60\] {
560
- z-index: 60;
561
- }
562
- .z-\[9999\] {
563
- z-index: 9999;
564
- }
565
- .col-span-1 {
566
- grid-column: span 1 / span 1;
567
- }
568
- .col-span-10 {
569
- grid-column: span 10 / span 10;
570
- }
571
- .col-span-11 {
572
- grid-column: span 11 / span 11;
573
- }
574
- .col-span-12 {
575
- grid-column: span 12 / span 12;
576
- }
577
- .col-span-2 {
578
- grid-column: span 2 / span 2;
579
- }
580
- .col-span-3 {
581
- grid-column: span 3 / span 3;
582
- }
583
- .col-span-4 {
584
- grid-column: span 4 / span 4;
585
- }
586
- .col-span-6 {
587
- grid-column: span 6 / span 6;
588
- }
589
- .col-span-8 {
590
- grid-column: span 8 / span 8;
591
- }
592
- .col-span-full {
593
- grid-column: 1 / -1;
594
- }
595
- .\!-m-px {
596
- margin: -1px !important;
597
- }
598
- .m-0 {
599
- margin: 0px;
600
- }
601
- .mx-2 {
602
- margin-left: 0.5rem;
603
- margin-right: 0.5rem;
604
- }
605
- .mx-4 {
606
- margin-left: 1rem;
607
- margin-right: 1rem;
608
- }
609
- .mx-auto {
610
- margin-left: auto;
611
- margin-right: auto;
612
- }
613
- .my-1 {
614
- margin-top: 0.25rem;
615
- margin-bottom: 0.25rem;
616
- }
617
- .my-8 {
618
- margin-top: 2rem;
619
- margin-bottom: 2rem;
620
- }
621
- .-mb-\[2px\] {
622
- margin-bottom: -2px;
623
- }
624
- .-mt-2 {
625
- margin-top: -0.5rem;
626
- }
627
- .-mt-5 {
628
- margin-top: -1.25rem;
629
- }
630
- .mb-0 {
631
- margin-bottom: 0px;
632
- }
633
- .mb-0\.5 {
634
- margin-bottom: 0.125rem;
635
- }
636
- .mb-1 {
637
- margin-bottom: 0.25rem;
638
- }
639
- .mb-1\.5 {
640
- margin-bottom: 0.375rem;
641
- }
642
- .mb-2 {
643
- margin-bottom: 0.5rem;
644
- }
645
- .mb-2\.5 {
646
- margin-bottom: 0.625rem;
647
- }
648
- .mb-3 {
649
- margin-bottom: 0.75rem;
650
- }
651
- .mb-4 {
652
- margin-bottom: 1rem;
653
- }
654
- .mb-6 {
655
- margin-bottom: 1.5rem;
656
- }
657
- .mb-8 {
658
- margin-bottom: 2rem;
659
- }
660
- .ml-1 {
661
- margin-left: 0.25rem;
662
- }
663
- .ml-2 {
664
- margin-left: 0.5rem;
665
- }
666
- .ml-4 {
667
- margin-left: 1rem;
668
- }
669
- .ml-5 {
670
- margin-left: 1.25rem;
671
- }
672
- .ml-8 {
673
- margin-left: 2rem;
674
- }
675
- .ml-auto {
676
- margin-left: auto;
677
- }
678
- .mr-2 {
679
- margin-right: 0.5rem;
680
- }
681
- .mr-auto {
682
- margin-right: auto;
683
- }
684
- .mt-0\.5 {
685
- margin-top: 0.125rem;
686
- }
687
- .mt-1 {
688
- margin-top: 0.25rem;
689
- }
690
- .mt-1\.5 {
691
- margin-top: 0.375rem;
692
- }
693
- .mt-2 {
694
- margin-top: 0.5rem;
695
- }
696
- .mt-2\.5 {
697
- margin-top: 0.625rem;
698
- }
699
- .mt-3 {
700
- margin-top: 0.75rem;
701
- }
702
- .mt-4 {
703
- margin-top: 1rem;
704
- }
705
- .mt-6 {
706
- margin-top: 1.5rem;
707
- }
708
- .mt-8 {
709
- margin-top: 2rem;
710
- }
711
- .mt-auto {
712
- margin-top: auto;
713
- }
714
- .block {
715
- display: block;
716
- }
717
- .inline-block {
718
- display: inline-block;
719
- }
720
- .inline {
721
- display: inline;
722
- }
723
- .flex {
724
- display: flex;
725
- }
726
- .inline-flex {
727
- display: inline-flex;
728
- }
729
- .table {
730
- display: table;
731
- }
732
- .grid {
733
- display: grid;
734
- }
735
- .hidden {
736
- display: none;
737
- }
738
- .aspect-square {
739
- aspect-ratio: 1 / 1;
740
- }
741
- .\!h-6 {
742
- height: 1.5rem !important;
743
- }
744
- .\!h-px {
745
- height: 1px !important;
746
- }
747
- .h-0\.5 {
748
- height: 0.125rem;
749
- }
750
- .h-1 {
751
- height: 0.25rem;
752
- }
753
- .h-1\.5 {
754
- height: 0.375rem;
755
- }
756
- .h-10 {
757
- height: 2.5rem;
758
- }
759
- .h-11 {
760
- height: 2.75rem;
761
- }
762
- .h-12 {
763
- height: 3rem;
764
- }
765
- .h-16 {
766
- height: 4rem;
767
- }
768
- .h-2 {
769
- height: 0.5rem;
770
- }
771
- .h-2\.5 {
772
- height: 0.625rem;
773
- }
774
- .h-20 {
775
- height: 5rem;
776
- }
777
- .h-24 {
778
- height: 6rem;
779
- }
780
- .h-3 {
781
- height: 0.75rem;
782
- }
783
- .h-3\.5 {
784
- height: 0.875rem;
785
- }
786
- .h-4 {
787
- height: 1rem;
788
- }
789
- .h-40 {
790
- height: 10rem;
791
- }
792
- .h-48 {
793
- height: 12rem;
794
- }
795
- .h-5 {
796
- height: 1.25rem;
797
- }
798
- .h-56 {
799
- height: 14rem;
800
- }
801
- .h-6 {
802
- height: 1.5rem;
803
- }
804
- .h-60 {
805
- height: 15rem;
806
- }
807
- .h-64 {
808
- height: 16rem;
809
- }
810
- .h-7 {
811
- height: 1.75rem;
812
- }
813
- .h-8 {
814
- height: 2rem;
815
- }
816
- .h-80 {
817
- height: 20rem;
818
- }
819
- .h-9 {
820
- height: 2.25rem;
821
- }
822
- .h-\[1\.125rem\] {
823
- height: 1.125rem;
824
- }
825
- .h-\[250px\] {
826
- height: 250px;
827
- }
828
- .h-\[400px\] {
829
- height: 400px;
830
- }
831
- .h-\[450px\] {
832
- height: 450px;
833
- }
834
- .h-\[580px\] {
835
- height: 580px;
836
- }
837
- .h-\[600px\] {
838
- height: 600px;
839
- }
840
- .h-\[64px\] {
841
- height: 64px;
842
- }
843
- .h-\[700px\] {
844
- height: 700px;
845
- }
846
- .h-\[72px\] {
847
- height: 72px;
848
- }
849
- .h-auto {
850
- height: auto;
851
- }
852
- .h-full {
853
- height: 100%;
854
- }
855
- .h-px {
856
- height: 1px;
857
- }
858
- .h-screen {
859
- height: 100vh;
860
- }
861
- .max-h-0 {
862
- max-height: 0px;
863
- }
864
- .max-h-40 {
865
- max-height: 10rem;
866
- }
867
- .max-h-60 {
868
- max-height: 15rem;
869
- }
870
- .max-h-\[200px\] {
871
- max-height: 200px;
872
- }
873
- .max-h-\[480px\] {
874
- max-height: 480px;
875
- }
876
- .max-h-\[500px\] {
877
- max-height: 500px;
878
- }
879
- .min-h-\[100px\] {
880
- min-height: 100px;
881
- }
882
- .min-h-\[160px\] {
883
- min-height: 160px;
884
- }
885
- .min-h-\[180px\] {
886
- min-height: 180px;
887
- }
888
- .min-h-\[200px\] {
889
- min-height: 200px;
890
- }
891
- .min-h-\[280px\] {
892
- min-height: 280px;
893
- }
894
- .min-h-\[500px\] {
895
- min-height: 500px;
896
- }
897
- .min-h-\[80px\] {
898
- min-height: 80px;
899
- }
900
- .min-h-screen {
901
- min-height: 100vh;
902
- }
903
- .\!w-14 {
904
- width: 3.5rem !important;
905
- }
906
- .\!w-20 {
907
- width: 5rem !important;
908
- }
909
- .\!w-full {
910
- width: 100% !important;
911
- }
912
- .\!w-px {
913
- width: 1px !important;
914
- }
915
- .w-1\.5 {
916
- width: 0.375rem;
917
- }
918
- .w-1\/2 {
919
- width: 50%;
920
- }
921
- .w-1\/3 {
922
- width: 33.333333%;
923
- }
924
- .w-1\/4 {
925
- width: 25%;
926
- }
927
- .w-10 {
928
- width: 2.5rem;
929
- }
930
- .w-11 {
931
- width: 2.75rem;
932
- }
933
- .w-12 {
934
- width: 3rem;
935
- }
936
- .w-14 {
937
- width: 3.5rem;
938
- }
939
- .w-16 {
940
- width: 4rem;
941
- }
942
- .w-2 {
943
- width: 0.5rem;
944
- }
945
- .w-2\.5 {
946
- width: 0.625rem;
947
- }
948
- .w-20 {
949
- width: 5rem;
950
- }
951
- .w-24 {
952
- width: 6rem;
953
- }
954
- .w-3 {
955
- width: 0.75rem;
956
- }
957
- .w-3\.5 {
958
- width: 0.875rem;
959
- }
960
- .w-32 {
961
- width: 8rem;
962
- }
963
- .w-4 {
964
- width: 1rem;
965
- }
966
- .w-5 {
967
- width: 1.25rem;
968
- }
969
- .w-6 {
970
- width: 1.5rem;
971
- }
972
- .w-64 {
973
- width: 16rem;
974
- }
975
- .w-72 {
976
- width: 18rem;
977
- }
978
- .w-8 {
979
- width: 2rem;
980
- }
981
- .w-80 {
982
- width: 20rem;
983
- }
984
- .w-9 {
985
- width: 2.25rem;
986
- }
987
- .w-96 {
988
- width: 24rem;
989
- }
990
- .w-\[1\.125rem\] {
991
- width: 1.125rem;
992
- }
993
- .w-\[1024px\] {
994
- width: 1024px;
995
- }
996
- .w-\[2\.5px\] {
997
- width: 2.5px;
998
- }
999
- .w-\[280px\] {
1000
- width: 280px;
1001
- }
1002
- .w-\[300px\] {
1003
- width: 300px;
1004
- }
1005
- .w-\[320px\] {
1006
- width: 320px;
1007
- }
1008
- .w-\[3px\] {
1009
- width: 3px;
1010
- }
1011
- .w-\[400px\] {
1012
- width: 400px;
1013
- }
1014
- .w-\[500px\] {
1015
- width: 500px;
1016
- }
1017
- .w-\[600px\] {
1018
- width: 600px;
1019
- }
1020
- .w-\[800px\] {
1021
- width: 800px;
1022
- }
1023
- .w-\[88px\] {
1024
- width: 88px;
1025
- }
1026
- .w-\[96\%\] {
1027
- width: 96%;
1028
- }
1029
- .w-auto {
1030
- width: auto;
1031
- }
1032
- .w-fit {
1033
- width: -moz-fit-content;
1034
- width: fit-content;
1035
- }
1036
- .w-full {
1037
- width: 100%;
1038
- }
1039
- .w-px {
1040
- width: 1px;
1041
- }
1042
- .w-screen {
1043
- width: 100vw;
1044
- }
1045
- .min-w-0 {
1046
- min-width: 0px;
1047
- }
1048
- .min-w-\[120px\] {
1049
- min-width: 120px;
1050
- }
1051
- .min-w-\[140px\] {
1052
- min-width: 140px;
1053
- }
1054
- .min-w-\[150px\] {
1055
- min-width: 150px;
1056
- }
1057
- .min-w-\[160px\] {
1058
- min-width: 160px;
1059
- }
1060
- .min-w-\[220px\] {
1061
- min-width: 220px;
1062
- }
1063
- .min-w-\[300px\] {
1064
- min-width: 300px;
1065
- }
1066
- .min-w-\[32px\] {
1067
- min-width: 32px;
1068
- }
1069
- .min-w-\[800px\] {
1070
- min-width: 800px;
1071
- }
1072
- .min-w-full {
1073
- min-width: 100%;
1074
- }
1075
- .min-w-max {
1076
- min-width: -moz-max-content;
1077
- min-width: max-content;
1078
- }
1079
- .max-w-2xl {
1080
- max-width: 42rem;
1081
- }
1082
- .max-w-4xl {
1083
- max-width: 56rem;
1084
- }
1085
- .max-w-5xl {
1086
- max-width: 64rem;
1087
- }
1088
- .max-w-7xl {
1089
- max-width: 80rem;
1090
- }
1091
- .max-w-\[280px\] {
1092
- max-width: 280px;
1093
- }
1094
- .max-w-full {
1095
- max-width: 100%;
1096
- }
1097
- .max-w-lg {
1098
- max-width: 32rem;
1099
- }
1100
- .max-w-md {
1101
- max-width: 28rem;
1102
- }
1103
- .max-w-none {
1104
- max-width: none;
1105
- }
1106
- .max-w-sm {
1107
- max-width: 24rem;
1108
- }
1109
- .max-w-xs {
1110
- max-width: 20rem;
1111
- }
1112
- .flex-1 {
1113
- flex: 1 1 0%;
1114
- }
1115
- .flex-none {
1116
- flex: none;
1117
- }
1118
- .flex-shrink-0 {
1119
- flex-shrink: 0;
1120
- }
1121
- .shrink {
1122
- flex-shrink: 1;
1123
- }
1124
- .grow {
1125
- flex-grow: 1;
1126
- }
1127
- .table-auto {
1128
- table-layout: auto;
1129
- }
1130
- .origin-bottom {
1131
- transform-origin: bottom;
1132
- }
1133
- .origin-top {
1134
- transform-origin: top;
1135
- }
1136
- .origin-top-right {
1137
- transform-origin: top right;
1138
- }
1139
- .-translate-x-1\/2 {
1140
- --tw-translate-x: -50%;
1141
- 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));
1142
- }
1143
- .-translate-x-2 {
1144
- --tw-translate-x: -0.5rem;
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
- .-translate-y-1\/2 {
1148
- --tw-translate-y: -50%;
1149
- 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));
1150
- }
1151
- .-translate-y-2 {
1152
- --tw-translate-y: -0.5rem;
1153
- 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));
1154
- }
1155
- .-translate-y-4 {
1156
- --tw-translate-y: -1rem;
1157
- 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));
1158
- }
1159
- .translate-x-0 {
1160
- --tw-translate-x: 0px;
1161
- 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));
1162
- }
1163
- .translate-x-5 {
1164
- --tw-translate-x: 1.25rem;
1165
- 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));
1166
- }
1167
- .translate-x-7 {
1168
- --tw-translate-x: 1.75rem;
1169
- 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));
1170
- }
1171
- .translate-x-8 {
1172
- --tw-translate-x: 2rem;
1173
- 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));
1174
- }
1175
- .translate-y-0 {
1176
- --tw-translate-y: 0px;
1177
- 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));
1178
- }
1179
- .translate-y-4 {
1180
- --tw-translate-y: 1rem;
1181
- 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));
1182
- }
1183
- .rotate-180 {
1184
- --tw-rotate: 180deg;
1185
- 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));
1186
- }
1187
- .scale-100 {
1188
- --tw-scale-x: 1;
1189
- --tw-scale-y: 1;
1190
- 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));
1191
- }
1192
- .scale-110 {
1193
- --tw-scale-x: 1.1;
1194
- --tw-scale-y: 1.1;
1195
- 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));
1196
- }
1197
- .scale-125 {
1198
- --tw-scale-x: 1.25;
1199
- --tw-scale-y: 1.25;
1200
- 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));
1201
- }
1202
- .scale-95 {
1203
- --tw-scale-x: .95;
1204
- --tw-scale-y: .95;
1205
- 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));
1206
- }
1207
- .scale-\[1\.01\] {
1208
- --tw-scale-x: 1.01;
1209
- --tw-scale-y: 1.01;
1210
- 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));
1211
- }
1212
- .transform {
1213
- 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));
1214
- }
1215
- @keyframes bounce {
1216
- 0%, 100% {
1217
- transform: translateY(-25%);
1218
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
1219
- }
1220
- 50% {
1221
- transform: none;
1222
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1223
- }
1224
- }
1225
- .animate-bounce {
1226
- animation: bounce 1s infinite;
1227
- }
1228
- @keyframes pulse {
1229
- 50% {
1230
- opacity: .5;
1231
- }
1232
- }
1233
- .animate-pulse {
1234
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1235
- }
1236
- @keyframes spin {
1237
- to {
1238
- transform: rotate(360deg);
1239
- }
1240
- }
1241
- .animate-spin {
1242
- animation: spin 1s linear infinite;
1243
- }
1244
- .cursor-not-allowed {
1245
- cursor: not-allowed;
1246
- }
1247
- .cursor-pointer {
1248
- cursor: pointer;
1249
- }
1250
- .select-none {
1251
- -webkit-user-select: none;
1252
- -moz-user-select: none;
1253
- user-select: none;
1254
- }
1255
- .resize-none {
1256
- resize: none;
1257
- }
1258
- .resize-y {
1259
- resize: vertical;
1260
- }
1261
- .resize-x {
1262
- resize: horizontal;
1263
- }
1264
- .resize {
1265
- resize: both;
1266
- }
1267
- .list-disc {
1268
- list-style-type: disc;
1269
- }
1270
- .list-none {
1271
- list-style-type: none;
1272
- }
1273
- .appearance-none {
1274
- -webkit-appearance: none;
1275
- -moz-appearance: none;
1276
- appearance: none;
1277
- }
1278
- .grid-cols-1 {
1279
- grid-template-columns: repeat(1, minmax(0, 1fr));
1280
- }
1281
- .grid-cols-12 {
1282
- grid-template-columns: repeat(12, minmax(0, 1fr));
1283
- }
1284
- .grid-cols-2 {
1285
- grid-template-columns: repeat(2, minmax(0, 1fr));
1286
- }
1287
- .grid-cols-3 {
1288
- grid-template-columns: repeat(3, minmax(0, 1fr));
1289
- }
1290
- .grid-cols-4 {
1291
- grid-template-columns: repeat(4, minmax(0, 1fr));
1292
- }
1293
- .grid-cols-6 {
1294
- grid-template-columns: repeat(6, minmax(0, 1fr));
1295
- }
1296
- .grid-cols-7 {
1297
- grid-template-columns: repeat(7, minmax(0, 1fr));
1298
- }
1299
- .grid-cols-8 {
1300
- grid-template-columns: repeat(8, minmax(0, 1fr));
1301
- }
1302
- .flex-row {
1303
- flex-direction: row;
1304
- }
1305
- .flex-row-reverse {
1306
- flex-direction: row-reverse;
1307
- }
1308
- .flex-col {
1309
- flex-direction: column;
1310
- }
1311
- .flex-col-reverse {
1312
- flex-direction: column-reverse;
1313
- }
1314
- .flex-wrap {
1315
- flex-wrap: wrap;
1316
- }
1317
- .flex-wrap-reverse {
1318
- flex-wrap: wrap-reverse;
1319
- }
1320
- .flex-nowrap {
1321
- flex-wrap: nowrap;
1322
- }
1323
- .items-start {
1324
- align-items: flex-start;
1325
- }
1326
- .items-end {
1327
- align-items: flex-end;
1328
- }
1329
- .items-center {
1330
- align-items: center;
1331
- }
1332
- .items-baseline {
1333
- align-items: baseline;
1334
- }
1335
- .items-stretch {
1336
- align-items: stretch;
1337
- }
1338
- .justify-start {
1339
- justify-content: flex-start;
1340
- }
1341
- .justify-end {
1342
- justify-content: flex-end;
1343
- }
1344
- .justify-center {
1345
- justify-content: center;
1346
- }
1347
- .justify-between {
1348
- justify-content: space-between;
1349
- }
1350
- .justify-around {
1351
- justify-content: space-around;
1352
- }
1353
- .justify-evenly {
1354
- justify-content: space-evenly;
1355
- }
1356
- .gap-1 {
1357
- gap: 0.25rem;
1358
- }
1359
- .gap-1\.5 {
1360
- gap: 0.375rem;
1361
- }
1362
- .gap-2 {
1363
- gap: 0.5rem;
1364
- }
1365
- .gap-2\.5 {
1366
- gap: 0.625rem;
1367
- }
1368
- .gap-3 {
1369
- gap: 0.75rem;
1370
- }
1371
- .gap-3\.5 {
1372
- gap: 0.875rem;
1373
- }
1374
- .gap-4 {
1375
- gap: 1rem;
1376
- }
1377
- .gap-5 {
1378
- gap: 1.25rem;
1379
- }
1380
- .gap-6 {
1381
- gap: 1.5rem;
1382
- }
1383
- .gap-8 {
1384
- gap: 2rem;
1385
- }
1386
- .gap-x-5 {
1387
- -moz-column-gap: 1.25rem;
1388
- column-gap: 1.25rem;
1389
- }
1390
- .gap-y-6 {
1391
- row-gap: 1.5rem;
1392
- }
1393
- .-space-x-1 > :not([hidden]) ~ :not([hidden]) {
1394
- --tw-space-x-reverse: 0;
1395
- margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
1396
- margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
1397
- }
1398
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1399
- --tw-space-x-reverse: 0;
1400
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1401
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1402
- }
1403
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1404
- --tw-space-x-reverse: 0;
1405
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1406
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1407
- }
1408
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1409
- --tw-space-x-reverse: 0;
1410
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1411
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1412
- }
1413
- .space-x-4 > :not([hidden]) ~ :not([hidden]) {
1414
- --tw-space-x-reverse: 0;
1415
- margin-right: calc(1rem * var(--tw-space-x-reverse));
1416
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1417
- }
1418
- .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
1419
- --tw-space-y-reverse: 0;
1420
- margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
1421
- margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
1422
- }
1423
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1424
- --tw-space-y-reverse: 0;
1425
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1426
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1427
- }
1428
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1429
- --tw-space-y-reverse: 0;
1430
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1431
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1432
- }
1433
- .space-y-10 > :not([hidden]) ~ :not([hidden]) {
1434
- --tw-space-y-reverse: 0;
1435
- margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
1436
- margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
1437
- }
1438
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1439
- --tw-space-y-reverse: 0;
1440
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1441
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1442
- }
1443
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1444
- --tw-space-y-reverse: 0;
1445
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1446
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1447
- }
1448
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1449
- --tw-space-y-reverse: 0;
1450
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1451
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1452
- }
1453
- .space-y-5 > :not([hidden]) ~ :not([hidden]) {
1454
- --tw-space-y-reverse: 0;
1455
- margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
1456
- margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
1457
- }
1458
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1459
- --tw-space-y-reverse: 0;
1460
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1461
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1462
- }
1463
- .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1464
- --tw-space-y-reverse: 0;
1465
- margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1466
- margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1467
- }
1468
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1469
- --tw-divide-y-reverse: 0;
1470
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1471
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1472
- }
1473
- .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1474
- --tw-divide-opacity: 1;
1475
- border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
1476
- }
1477
- .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1478
- --tw-divide-opacity: 1;
1479
- border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
1480
- }
1481
- .divide-secondary-100 > :not([hidden]) ~ :not([hidden]) {
1482
- border-color: var(--color-secondary-100);
1483
- }
1484
- .self-center {
1485
- align-self: center;
1486
- }
1487
- .self-stretch {
1488
- align-self: stretch;
1489
- }
1490
- .overflow-auto {
1491
- overflow: auto;
1492
- }
1493
- .\!overflow-hidden {
1494
- overflow: hidden !important;
1495
- }
1496
- .overflow-hidden {
1497
- overflow: hidden;
1498
- }
1499
- .overflow-visible {
1500
- overflow: visible;
1501
- }
1502
- .overflow-x-auto {
1503
- overflow-x: auto;
1504
- }
1505
- .overflow-y-auto {
1506
- overflow-y: auto;
1507
- }
1508
- .overflow-x-hidden {
1509
- overflow-x: hidden;
1510
- }
1511
- .scroll-smooth {
1512
- scroll-behavior: smooth;
1513
- }
1514
- .truncate {
1515
- overflow: hidden;
1516
- text-overflow: ellipsis;
1517
- white-space: nowrap;
1518
- }
1519
- .\!whitespace-nowrap {
1520
- white-space: nowrap !important;
1521
- }
1522
- .whitespace-nowrap {
1523
- white-space: nowrap;
1524
- }
1525
- .whitespace-pre-wrap {
1526
- white-space: pre-wrap;
1527
- }
1528
- .rounded {
1529
- border-radius: 0.25rem;
1530
- }
1531
- .rounded-2xl {
1532
- border-radius: 1rem;
1533
- }
1534
- .rounded-3xl {
1535
- border-radius: 1.5rem;
1536
- }
1537
- .rounded-full {
1538
- border-radius: 9999px;
1539
- }
1540
- .rounded-lg {
1541
- border-radius: 0.5rem;
1542
- }
1543
- .rounded-md {
1544
- border-radius: 0.375rem;
1545
- }
1546
- .rounded-none {
1547
- border-radius: 0px;
1548
- }
1549
- .rounded-xl {
1550
- border-radius: 0.75rem;
1551
- }
1552
- .rounded-b-xl {
1553
- border-bottom-right-radius: 0.75rem;
1554
- border-bottom-left-radius: 0.75rem;
1555
- }
1556
- .rounded-r-full {
1557
- border-top-right-radius: 9999px;
1558
- border-bottom-right-radius: 9999px;
1559
- }
1560
- .rounded-t-lg {
1561
- border-top-left-radius: 0.5rem;
1562
- border-top-right-radius: 0.5rem;
1563
- }
1564
- .rounded-t-md {
1565
- border-top-left-radius: 0.375rem;
1566
- border-top-right-radius: 0.375rem;
1567
- }
1568
- .\!border-0 {
1569
- border-width: 0px !important;
1570
- }
1571
- .border {
1572
- border-width: 1px;
1573
- }
1574
- .border-2 {
1575
- border-width: 2px;
1576
- }
1577
- .border-y {
1578
- border-top-width: 1px;
1579
- border-bottom-width: 1px;
1580
- }
1581
- .border-b {
1582
- border-bottom-width: 1px;
1583
- }
1584
- .border-b-2 {
1585
- border-bottom-width: 2px;
1586
- }
1587
- .border-b-4 {
1588
- border-bottom-width: 4px;
1589
- }
1590
- .border-l {
1591
- border-left-width: 1px;
1592
- }
1593
- .border-l-4 {
1594
- border-left-width: 4px;
1595
- }
1596
- .border-r {
1597
- border-right-width: 1px;
1598
- }
1599
- .border-r-4 {
1600
- border-right-width: 4px;
1601
- }
1602
- .border-t {
1603
- border-top-width: 1px;
1604
- }
1605
- .border-t-2 {
1606
- border-top-width: 2px;
1607
- }
1608
- .border-t-4 {
1609
- border-top-width: 4px;
1610
- }
1611
- .border-solid {
1612
- border-style: solid;
1613
- }
1614
- .border-dashed {
1615
- border-style: dashed;
1616
- }
1617
- .\!border-none {
1618
- border-style: none !important;
1619
- }
1620
- .border-none {
1621
- border-style: none;
1622
- }
1623
- .border-\[var\(--calendar-selected-bg\)\] {
1624
- border-color: var(--calendar-selected-bg);
1625
- }
1626
- .border-amber-200 {
1627
- --tw-border-opacity: 1;
1628
- border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
1629
- }
1630
- .border-black\/10 {
1631
- border-color: rgb(0 0 0 / 0.1);
1632
- }
1633
- .border-blue-500 {
1634
- --tw-border-opacity: 1;
1635
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1636
- }
1637
- .border-current {
1638
- border-color: currentColor;
1639
- }
1640
- .border-cyan-400 {
1641
- --tw-border-opacity: 1;
1642
- border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
1643
- }
1644
- .border-danger-100 {
1645
- border-color: var(--color-danger-100);
1646
- }
1647
- .border-danger-200 {
1648
- border-color: var(--color-danger-200);
1649
- }
1650
- .border-danger-300 {
1651
- border-color: var(--color-danger-300);
1652
- }
1653
- .border-danger-400 {
1654
- border-color: var(--color-danger-400);
1655
- }
1656
- .border-danger-50 {
1657
- border-color: var(--color-danger-50);
1658
- }
1659
- .border-danger-500 {
1660
- border-color: var(--color-danger-500);
1661
- }
1662
- .border-danger-600 {
1663
- border-color: var(--color-danger-600);
1664
- }
1665
- .border-danger-700 {
1666
- border-color: var(--color-danger-700);
1667
- }
1668
- .border-danger-800 {
1669
- border-color: var(--color-danger-800);
1670
- }
1671
- .border-danger-900 {
1672
- border-color: var(--color-danger-900);
1673
- }
1674
- .border-emerald-100 {
1675
- --tw-border-opacity: 1;
1676
- border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
1677
- }
1678
- .border-gray-100 {
1679
- --tw-border-opacity: 1;
1680
- border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
1681
- }
1682
- .border-gray-200 {
1683
- --tw-border-opacity: 1;
1684
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1685
- }
1686
- .border-gray-300 {
1687
- --tw-border-opacity: 1;
1688
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1689
- }
1690
- .border-gray-400 {
1691
- --tw-border-opacity: 1;
1692
- border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
1693
- }
1694
- .border-gray-50 {
1695
- --tw-border-opacity: 1;
1696
- border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
1697
- }
1698
- .border-green-500 {
1699
- --tw-border-opacity: 1;
1700
- border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
1701
- }
1702
- .border-green-700 {
1703
- --tw-border-opacity: 1;
1704
- border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
1705
- }
1706
- .border-info-200 {
1707
- border-color: var(--color-info-200);
1708
- }
1709
- .border-info-300 {
1710
- border-color: var(--color-info-300);
1711
- }
1712
- .border-info-400 {
1713
- border-color: var(--color-info-400);
1714
- }
1715
- .border-info-50 {
1716
- border-color: var(--color-info-50);
1717
- }
1718
- .border-info-500 {
1719
- border-color: var(--color-info-500);
1720
- }
1721
- .border-info-600 {
1722
- border-color: var(--color-info-600);
1723
- }
1724
- .border-info-700 {
1725
- border-color: var(--color-info-700);
1726
- }
1727
- .border-info-800 {
1728
- border-color: var(--color-info-800);
1729
- }
1730
- .border-info-900 {
1731
- border-color: var(--color-info-900);
1732
- }
1733
- .border-orange-400 {
1734
- --tw-border-opacity: 1;
1735
- border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1736
- }
1737
- .border-orange-500 {
1738
- --tw-border-opacity: 1;
1739
- border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
1740
- }
1741
- .border-primary-200 {
1742
- border-color: var(--color-primary-200);
1743
- }
1744
- .border-primary-300 {
1745
- border-color: var(--color-primary-300);
1746
- }
1747
- .border-primary-400 {
1748
- border-color: var(--color-primary-400);
1749
- }
1750
- .border-primary-50 {
1751
- border-color: var(--color-primary-50);
1752
- }
1753
- .border-primary-500 {
1754
- border-color: var(--color-primary-500);
1755
- }
1756
- .border-primary-600 {
1757
- border-color: var(--color-primary-600);
1758
- }
1759
- .border-primary-700 {
1760
- border-color: var(--color-primary-700);
1761
- }
1762
- .border-primary-800 {
1763
- border-color: var(--color-primary-800);
1764
- }
1765
- .border-primary-900 {
1766
- border-color: var(--color-primary-900);
1767
- }
1768
- .border-purple-300 {
1769
- border-color: var(--color-purple-300);
1770
- }
1771
- .border-purple-400 {
1772
- border-color: var(--color-purple-400);
1773
- }
1774
- .border-purple-50 {
1775
- border-color: var(--color-purple-50);
1776
- }
1777
- .border-purple-500 {
1778
- border-color: var(--color-purple-500);
1779
- }
1780
- .border-purple-600 {
1781
- border-color: var(--color-purple-600);
1782
- }
1783
- .border-purple-700 {
1784
- border-color: var(--color-purple-700);
1785
- }
1786
- .border-purple-800 {
1787
- border-color: var(--color-purple-800);
1788
- }
1789
- .border-purple-900 {
1790
- border-color: var(--color-purple-900);
1791
- }
1792
- .border-red-500 {
1793
- --tw-border-opacity: 1;
1794
- border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
1795
- }
1796
- .border-red-700 {
1797
- --tw-border-opacity: 1;
1798
- border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
1799
- }
1800
- .border-secondary-100 {
1801
- border-color: var(--color-secondary-100);
1802
- }
1803
- .border-secondary-200 {
1804
- border-color: var(--color-secondary-200);
1805
- }
1806
- .border-secondary-300 {
1807
- border-color: var(--color-secondary-300);
1808
- }
1809
- .border-secondary-400 {
1810
- border-color: var(--color-secondary-400);
1811
- }
1812
- .border-secondary-50 {
1813
- border-color: var(--color-secondary-50);
1814
- }
1815
- .border-secondary-500 {
1816
- border-color: var(--color-secondary-500);
1817
- }
1818
- .border-secondary-600 {
1819
- border-color: var(--color-secondary-600);
1820
- }
1821
- .border-secondary-700 {
1822
- border-color: var(--color-secondary-700);
1823
- }
1824
- .border-secondary-800 {
1825
- border-color: var(--color-secondary-800);
1826
- }
1827
- .border-secondary-900 {
1828
- border-color: var(--color-secondary-900);
1829
- }
1830
- .border-slate-100 {
1831
- --tw-border-opacity: 1;
1832
- border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
1833
- }
1834
- .border-slate-200 {
1835
- --tw-border-opacity: 1;
1836
- border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
1837
- }
1838
- .border-slate-200\/30 {
1839
- border-color: rgb(226 232 240 / 0.3);
1840
- }
1841
- .border-slate-200\/50 {
1842
- border-color: rgb(226 232 240 / 0.5);
1843
- }
1844
- .border-slate-200\/60 {
1845
- border-color: rgb(226 232 240 / 0.6);
1846
- }
1847
- .border-slate-300 {
1848
- --tw-border-opacity: 1;
1849
- border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
1850
- }
1851
- .border-slate-400 {
1852
- --tw-border-opacity: 1;
1853
- border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
1854
- }
1855
- .border-slate-500 {
1856
- --tw-border-opacity: 1;
1857
- border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
1858
- }
1859
- .border-slate-700 {
1860
- --tw-border-opacity: 1;
1861
- border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
1862
- }
1863
- .border-slate-800 {
1864
- --tw-border-opacity: 1;
1865
- border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
1866
- }
1867
- .border-success-200 {
1868
- border-color: var(--color-success-200);
1869
- }
1870
- .border-success-300 {
1871
- border-color: var(--color-success-300);
1872
- }
1873
- .border-success-400 {
1874
- border-color: var(--color-success-400);
1875
- }
1876
- .border-success-50 {
1877
- border-color: var(--color-success-50);
1878
- }
1879
- .border-success-500 {
1880
- border-color: var(--color-success-500);
1881
- }
1882
- .border-success-600 {
1883
- border-color: var(--color-success-600);
1884
- }
1885
- .border-success-700 {
1886
- border-color: var(--color-success-700);
1887
- }
1888
- .border-success-800 {
1889
- border-color: var(--color-success-800);
1890
- }
1891
- .border-success-900 {
1892
- border-color: var(--color-success-900);
1893
- }
1894
- .border-transparent {
1895
- border-color: transparent;
1896
- }
1897
- .border-warning-200 {
1898
- border-color: var(--color-warning-200);
1899
- }
1900
- .border-warning-300 {
1901
- border-color: var(--color-warning-300);
1902
- }
1903
- .border-warning-400 {
1904
- border-color: var(--color-warning-400);
1905
- }
1906
- .border-warning-50 {
1907
- border-color: var(--color-warning-50);
1908
- }
1909
- .border-warning-500 {
1910
- border-color: var(--color-warning-500);
1911
- }
1912
- .border-warning-600 {
1913
- border-color: var(--color-warning-600);
1914
- }
1915
- .border-warning-700 {
1916
- border-color: var(--color-warning-700);
1917
- }
1918
- .border-warning-800 {
1919
- border-color: var(--color-warning-800);
1920
- }
1921
- .border-warning-900 {
1922
- border-color: var(--color-warning-900);
1923
- }
1924
- .border-white {
1925
- --tw-border-opacity: 1;
1926
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1927
- }
1928
- .border-yellow-400 {
1929
- --tw-border-opacity: 1;
1930
- border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
1931
- }
1932
- .border-yellow-500 {
1933
- --tw-border-opacity: 1;
1934
- border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
1935
- }
1936
- .border-b-slate-800 {
1937
- --tw-border-opacity: 1;
1938
- border-bottom-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
1939
- }
1940
- .border-l-slate-800 {
1941
- --tw-border-opacity: 1;
1942
- border-left-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
1943
- }
1944
- .border-r-slate-800 {
1945
- --tw-border-opacity: 1;
1946
- border-right-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
1947
- }
1948
- .border-r-transparent {
1949
- border-right-color: transparent;
1950
- }
1951
- .border-t-slate-800 {
1952
- --tw-border-opacity: 1;
1953
- border-top-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
1954
- }
1955
- .border-t-transparent {
1956
- border-top-color: transparent;
1957
- }
1958
- .\!bg-amber-100 {
1959
- --tw-bg-opacity: 1 !important;
1960
- background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)) !important;
1961
- }
1962
- .\!bg-blue-100 {
1963
- --tw-bg-opacity: 1 !important;
1964
- background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)) !important;
1965
- }
1966
- .\!bg-emerald-100 {
1967
- --tw-bg-opacity: 1 !important;
1968
- background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)) !important;
1969
- }
1970
- .\!bg-purple-100 {
1971
- background-color: var(--color-purple-100) !important;
1972
- }
1973
- .\!bg-transparent {
1974
- background-color: transparent !important;
1975
- }
1976
- .\!bg-white {
1977
- --tw-bg-opacity: 1 !important;
1978
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
1979
- }
1980
- .bg-\[var\(--calendar-range-bg\)\] {
1981
- background-color: var(--calendar-range-bg);
1982
- }
1983
- .bg-\[var\(--calendar-selected-bg\)\] {
1984
- background-color: var(--calendar-selected-bg);
1985
- }
1986
- .bg-\[var\(--calendar-today-bg\)\] {
1987
- background-color: var(--calendar-today-bg);
1988
- }
1989
- .bg-amber-100 {
1990
- --tw-bg-opacity: 1;
1991
- background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
1992
- }
1993
- .bg-amber-50 {
1994
- --tw-bg-opacity: 1;
1995
- background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
1996
- }
1997
- .bg-amber-500 {
1998
- --tw-bg-opacity: 1;
1999
- background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
2000
- }
2001
- .bg-black {
2002
- --tw-bg-opacity: 1;
2003
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2004
- }
2005
- .bg-black\/40 {
2006
- background-color: rgb(0 0 0 / 0.4);
2007
- }
2008
- .bg-black\/5 {
2009
- background-color: rgb(0 0 0 / 0.05);
2010
- }
2011
- .bg-blue-100 {
2012
- --tw-bg-opacity: 1;
2013
- background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
2014
- }
2015
- .bg-blue-50 {
2016
- --tw-bg-opacity: 1;
2017
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
2018
- }
2019
- .bg-blue-500 {
2020
- --tw-bg-opacity: 1;
2021
- background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
2022
- }
2023
- .bg-cyan-400 {
2024
- --tw-bg-opacity: 1;
2025
- background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
2026
- }
2027
- .bg-cyan-500 {
2028
- --tw-bg-opacity: 1;
2029
- background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
2030
- }
2031
- .bg-danger-100 {
2032
- background-color: var(--color-danger-100);
2033
- }
2034
- .bg-danger-200 {
2035
- background-color: var(--color-danger-200);
2036
- }
2037
- .bg-danger-300 {
2038
- background-color: var(--color-danger-300);
2039
- }
2040
- .bg-danger-400 {
2041
- background-color: var(--color-danger-400);
2042
- }
2043
- .bg-danger-50 {
2044
- background-color: var(--color-danger-50);
2045
- }
2046
- .bg-danger-500 {
2047
- background-color: var(--color-danger-500);
2048
- }
2049
- .bg-danger-600 {
2050
- background-color: var(--color-danger-600);
2051
- }
2052
- .bg-danger-700 {
2053
- background-color: var(--color-danger-700);
2054
- }
2055
- .bg-danger-800 {
2056
- background-color: var(--color-danger-800);
2057
- }
2058
- .bg-danger-900 {
2059
- background-color: var(--color-danger-900);
2060
- }
2061
- .bg-emerald-100 {
2062
- --tw-bg-opacity: 1;
2063
- background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
2064
- }
2065
- .bg-emerald-50 {
2066
- --tw-bg-opacity: 1;
2067
- background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
2068
- }
2069
- .bg-emerald-500 {
2070
- --tw-bg-opacity: 1;
2071
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
2072
- }
2073
- .bg-gray-100 {
2074
- --tw-bg-opacity: 1;
2075
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2076
- }
2077
- .bg-gray-200 {
2078
- --tw-bg-opacity: 1;
2079
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2080
- }
2081
- .bg-gray-300 {
2082
- --tw-bg-opacity: 1;
2083
- background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
2084
- }
2085
- .bg-gray-400 {
2086
- --tw-bg-opacity: 1;
2087
- background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
2088
- }
2089
- .bg-gray-50 {
2090
- --tw-bg-opacity: 1;
2091
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2092
- }
2093
- .bg-gray-500 {
2094
- --tw-bg-opacity: 1;
2095
- background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
2096
- }
2097
- .bg-green-500 {
2098
- --tw-bg-opacity: 1;
2099
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
2100
- }
2101
- .bg-green-700 {
2102
- --tw-bg-opacity: 1;
2103
- background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
2104
- }
2105
- .bg-indigo-500 {
2106
- --tw-bg-opacity: 1;
2107
- background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
2108
- }
2109
- .bg-info-300 {
2110
- background-color: var(--color-info-300);
2111
- }
2112
- .bg-info-400 {
2113
- background-color: var(--color-info-400);
2114
- }
2115
- .bg-info-50 {
2116
- background-color: var(--color-info-50);
2117
- }
2118
- .bg-info-500 {
2119
- background-color: var(--color-info-500);
2120
- }
2121
- .bg-info-600 {
2122
- background-color: var(--color-info-600);
2123
- }
2124
- .bg-info-700 {
2125
- background-color: var(--color-info-700);
2126
- }
2127
- .bg-info-800 {
2128
- background-color: var(--color-info-800);
2129
- }
2130
- .bg-info-900 {
2131
- background-color: var(--color-info-900);
2132
- }
2133
- .bg-orange-200 {
2134
- --tw-bg-opacity: 1;
2135
- background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
2136
- }
2137
- .bg-orange-50 {
2138
- --tw-bg-opacity: 1;
2139
- background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
2140
- }
2141
- .bg-orange-500 {
2142
- --tw-bg-opacity: 1;
2143
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
2144
- }
2145
- .bg-primary-100 {
2146
- background-color: var(--color-primary-100);
2147
- }
2148
- .bg-primary-200 {
2149
- background-color: var(--color-primary-200);
2150
- }
2151
- .bg-primary-300 {
2152
- background-color: var(--color-primary-300);
2153
- }
2154
- .bg-primary-400 {
2155
- background-color: var(--color-primary-400);
2156
- }
2157
- .bg-primary-50 {
2158
- background-color: var(--color-primary-50);
2159
- }
2160
- .bg-primary-500 {
2161
- background-color: var(--color-primary-500);
2162
- }
2163
- .bg-primary-600 {
2164
- background-color: var(--color-primary-600);
2165
- }
2166
- .bg-primary-700 {
2167
- background-color: var(--color-primary-700);
2168
- }
2169
- .bg-primary-800 {
2170
- background-color: var(--color-primary-800);
2171
- }
2172
- .bg-primary-900 {
2173
- background-color: var(--color-primary-900);
2174
- }
2175
- .bg-purple-200 {
2176
- background-color: var(--color-purple-200);
2177
- }
2178
- .bg-purple-300 {
2179
- background-color: var(--color-purple-300);
2180
- }
2181
- .bg-purple-400 {
2182
- background-color: var(--color-purple-400);
2183
- }
2184
- .bg-purple-50 {
2185
- background-color: var(--color-purple-50);
2186
- }
2187
- .bg-purple-500 {
2188
- background-color: var(--color-purple-500);
2189
- }
2190
- .bg-purple-600 {
2191
- background-color: var(--color-purple-600);
2192
- }
2193
- .bg-purple-700 {
2194
- background-color: var(--color-purple-700);
2195
- }
2196
- .bg-purple-800 {
2197
- background-color: var(--color-purple-800);
2198
- }
2199
- .bg-purple-900 {
2200
- background-color: var(--color-purple-900);
2201
- }
2202
- .bg-red-500 {
2203
- --tw-bg-opacity: 1;
2204
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
2205
- }
2206
- .bg-red-700 {
2207
- --tw-bg-opacity: 1;
2208
- background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
2209
- }
2210
- .bg-rose-50 {
2211
- --tw-bg-opacity: 1;
2212
- background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
2213
- }
2214
- .bg-rose-500 {
2215
- --tw-bg-opacity: 1;
2216
- background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
2217
- }
2218
- .bg-secondary-200 {
2219
- background-color: var(--color-secondary-200);
2220
- }
2221
- .bg-secondary-300 {
2222
- background-color: var(--color-secondary-300);
2223
- }
2224
- .bg-secondary-400 {
2225
- background-color: var(--color-secondary-400);
2226
- }
2227
- .bg-secondary-50 {
2228
- background-color: var(--color-secondary-50);
2229
- }
2230
- .bg-secondary-500 {
2231
- background-color: var(--color-secondary-500);
2232
- }
2233
- .bg-secondary-600 {
2234
- background-color: var(--color-secondary-600);
2235
- }
2236
- .bg-secondary-700 {
2237
- background-color: var(--color-secondary-700);
2238
- }
2239
- .bg-secondary-800 {
2240
- background-color: var(--color-secondary-800);
2241
- }
2242
- .bg-secondary-900 {
2243
- background-color: var(--color-secondary-900);
2244
- }
2245
- .bg-slate-100 {
2246
- --tw-bg-opacity: 1;
2247
- background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
2248
- }
2249
- .bg-slate-100\/50 {
2250
- background-color: rgb(241 245 249 / 0.5);
2251
- }
2252
- .bg-slate-100\/80 {
2253
- background-color: rgb(241 245 249 / 0.8);
2254
- }
2255
- .bg-slate-200 {
2256
- --tw-bg-opacity: 1;
2257
- background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
2258
- }
2259
- .bg-slate-400 {
2260
- --tw-bg-opacity: 1;
2261
- background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
2262
- }
2263
- .bg-slate-50 {
2264
- --tw-bg-opacity: 1;
2265
- background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
2266
- }
2267
- .bg-slate-50\/40 {
2268
- background-color: rgb(248 250 252 / 0.4);
2269
- }
2270
- .bg-slate-50\/50 {
2271
- background-color: rgb(248 250 252 / 0.5);
2272
- }
2273
- .bg-slate-500 {
2274
- --tw-bg-opacity: 1;
2275
- background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
2276
- }
2277
- .bg-slate-800 {
2278
- --tw-bg-opacity: 1;
2279
- background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
2280
- }
2281
- .bg-slate-900 {
2282
- --tw-bg-opacity: 1;
2283
- background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
2284
- }
2285
- .bg-slate-950 {
2286
- --tw-bg-opacity: 1;
2287
- background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
2288
- }
2289
- .bg-success-100 {
2290
- background-color: var(--color-success-100);
2291
- }
2292
- .bg-success-200 {
2293
- background-color: var(--color-success-200);
2294
- }
2295
- .bg-success-300 {
2296
- background-color: var(--color-success-300);
2297
- }
2298
- .bg-success-400 {
2299
- background-color: var(--color-success-400);
2300
- }
2301
- .bg-success-50 {
2302
- background-color: var(--color-success-50);
2303
- }
2304
- .bg-success-500 {
2305
- background-color: var(--color-success-500);
2306
- }
2307
- .bg-success-600 {
2308
- background-color: var(--color-success-600);
2309
- }
2310
- .bg-success-700 {
2311
- background-color: var(--color-success-700);
2312
- }
2313
- .bg-success-800 {
2314
- background-color: var(--color-success-800);
2315
- }
2316
- .bg-success-900 {
2317
- background-color: var(--color-success-900);
2318
- }
2319
- .bg-teal-500 {
2320
- --tw-bg-opacity: 1;
2321
- background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
2322
- }
2323
- .bg-transparent {
2324
- background-color: transparent;
2325
- }
2326
- .bg-warning-100 {
2327
- background-color: var(--color-warning-100);
2328
- }
2329
- .bg-warning-200 {
2330
- background-color: var(--color-warning-200);
2331
- }
2332
- .bg-warning-300 {
2333
- background-color: var(--color-warning-300);
2334
- }
2335
- .bg-warning-400 {
2336
- background-color: var(--color-warning-400);
2337
- }
2338
- .bg-warning-50 {
2339
- background-color: var(--color-warning-50);
2340
- }
2341
- .bg-warning-500 {
2342
- background-color: var(--color-warning-500);
2343
- }
2344
- .bg-warning-600 {
2345
- background-color: var(--color-warning-600);
2346
- }
2347
- .bg-warning-700 {
2348
- background-color: var(--color-warning-700);
2349
- }
2350
- .bg-warning-800 {
2351
- background-color: var(--color-warning-800);
2352
- }
2353
- .bg-warning-900 {
2354
- background-color: var(--color-warning-900);
2355
- }
2356
- .bg-white {
2357
- --tw-bg-opacity: 1;
2358
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2359
- }
2360
- .bg-white\/40 {
2361
- background-color: rgb(255 255 255 / 0.4);
2362
- }
2363
- .bg-white\/50 {
2364
- background-color: rgb(255 255 255 / 0.5);
2365
- }
2366
- .bg-white\/70 {
2367
- background-color: rgb(255 255 255 / 0.7);
2368
- }
2369
- .bg-yellow-400 {
2370
- --tw-bg-opacity: 1;
2371
- background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
2372
- }
2373
- .bg-yellow-500 {
2374
- --tw-bg-opacity: 1;
2375
- background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
2376
- }
2377
- .bg-opacity-10 {
2378
- --tw-bg-opacity: 0.1;
2379
- }
2380
- .bg-opacity-50 {
2381
- --tw-bg-opacity: 0.5;
2382
- }
2383
- .bg-gradient-to-br {
2384
- background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
2385
- }
2386
- .bg-gradient-to-r {
2387
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
2388
- }
2389
- .bg-gradient-to-tr {
2390
- background-image: linear-gradient(to top right, var(--tw-gradient-stops));
2391
- }
2392
- .from-primary-500 {
2393
- --tw-gradient-from: var(--color-primary-500) var(--tw-gradient-from-position);
2394
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2395
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2396
- }
2397
- .from-white\/70 {
2398
- --tw-gradient-from: rgb(255 255 255 / 0.7) var(--tw-gradient-from-position);
2399
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2400
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2401
- }
2402
- .via-purple-500 {
2403
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2404
- --tw-gradient-stops:
2405
- var(--tw-gradient-from),
2406
- var(--color-purple-500) var(--tw-gradient-via-position),
2407
- var(--tw-gradient-to);
2408
- }
2409
- .to-indigo-500 {
2410
- --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
2411
- }
2412
- .to-purple-500 {
2413
- --tw-gradient-to: var(--color-purple-500) var(--tw-gradient-to-position);
2414
- }
2415
- .to-slate-50\/50 {
2416
- --tw-gradient-to: rgb(248 250 252 / 0.5) var(--tw-gradient-to-position);
2417
- }
2418
- .bg-clip-text {
2419
- -webkit-background-clip: text;
2420
- background-clip: text;
2421
- }
2422
- .object-contain {
2423
- -o-object-fit: contain;
2424
- object-fit: contain;
2425
- }
2426
- .object-cover {
2427
- -o-object-fit: cover;
2428
- object-fit: cover;
2429
- }
2430
- .\!p-0 {
2431
- padding: 0px !important;
2432
- }
2433
- .p-0 {
2434
- padding: 0px;
2435
- }
2436
- .p-0\.5 {
2437
- padding: 0.125rem;
2438
- }
2439
- .p-1 {
2440
- padding: 0.25rem;
2441
- }
2442
- .p-1\.5 {
2443
- padding: 0.375rem;
2444
- }
2445
- .p-12 {
2446
- padding: 3rem;
2447
- }
2448
- .p-2 {
2449
- padding: 0.5rem;
2450
- }
2451
- .p-2\.5 {
2452
- padding: 0.625rem;
2453
- }
2454
- .p-3 {
2455
- padding: 0.75rem;
2456
- }
2457
- .p-4 {
2458
- padding: 1rem;
2459
- }
2460
- .p-5 {
2461
- padding: 1.25rem;
2462
- }
2463
- .p-6 {
2464
- padding: 1.5rem;
2465
- }
2466
- .p-8 {
2467
- padding: 2rem;
2468
- }
2469
- .\!py-0 {
2470
- padding-top: 0px !important;
2471
- padding-bottom: 0px !important;
2472
- }
2473
- .px-0 {
2474
- padding-left: 0px;
2475
- padding-right: 0px;
2476
- }
2477
- .px-1\.5 {
2478
- padding-left: 0.375rem;
2479
- padding-right: 0.375rem;
2480
- }
2481
- .px-2 {
2482
- padding-left: 0.5rem;
2483
- padding-right: 0.5rem;
2484
- }
2485
- .px-2\.5 {
2486
- padding-left: 0.625rem;
2487
- padding-right: 0.625rem;
2488
- }
2489
- .px-3 {
2490
- padding-left: 0.75rem;
2491
- padding-right: 0.75rem;
2492
- }
2493
- .px-3\.5 {
2494
- padding-left: 0.875rem;
2495
- padding-right: 0.875rem;
2496
- }
2497
- .px-4 {
2498
- padding-left: 1rem;
2499
- padding-right: 1rem;
2500
- }
2501
- .px-5 {
2502
- padding-left: 1.25rem;
2503
- padding-right: 1.25rem;
2504
- }
2505
- .px-6 {
2506
- padding-left: 1.5rem;
2507
- padding-right: 1.5rem;
2508
- }
2509
- .py-0\.5 {
2510
- padding-top: 0.125rem;
2511
- padding-bottom: 0.125rem;
2512
- }
2513
- .py-1 {
2514
- padding-top: 0.25rem;
2515
- padding-bottom: 0.25rem;
2516
- }
2517
- .py-1\.5 {
2518
- padding-top: 0.375rem;
2519
- padding-bottom: 0.375rem;
2520
- }
2521
- .py-10 {
2522
- padding-top: 2.5rem;
2523
- padding-bottom: 2.5rem;
2524
- }
2525
- .py-12 {
2526
- padding-top: 3rem;
2527
- padding-bottom: 3rem;
2528
- }
2529
- .py-16 {
2530
- padding-top: 4rem;
2531
- padding-bottom: 4rem;
2532
- }
2533
- .py-2 {
2534
- padding-top: 0.5rem;
2535
- padding-bottom: 0.5rem;
2536
- }
2537
- .py-2\.5 {
2538
- padding-top: 0.625rem;
2539
- padding-bottom: 0.625rem;
2540
- }
2541
- .py-20 {
2542
- padding-top: 5rem;
2543
- padding-bottom: 5rem;
2544
- }
2545
- .py-3 {
2546
- padding-top: 0.75rem;
2547
- padding-bottom: 0.75rem;
2548
- }
2549
- .py-4 {
2550
- padding-top: 1rem;
2551
- padding-bottom: 1rem;
2552
- }
2553
- .py-5 {
2554
- padding-top: 1.25rem;
2555
- padding-bottom: 1.25rem;
2556
- }
2557
- .py-6 {
2558
- padding-top: 1.5rem;
2559
- padding-bottom: 1.5rem;
2560
- }
2561
- .py-8 {
2562
- padding-top: 2rem;
2563
- padding-bottom: 2rem;
2564
- }
2565
- .pb-2 {
2566
- padding-bottom: 0.5rem;
2567
- }
2568
- .pb-20 {
2569
- padding-bottom: 5rem;
2570
- }
2571
- .pl-10 {
2572
- padding-left: 2.5rem;
2573
- }
2574
- .pl-2 {
2575
- padding-left: 0.5rem;
2576
- }
2577
- .pl-3 {
2578
- padding-left: 0.75rem;
2579
- }
2580
- .pl-4 {
2581
- padding-left: 1rem;
2582
- }
2583
- .pl-5 {
2584
- padding-left: 1.25rem;
2585
- }
2586
- .pl-8 {
2587
- padding-left: 2rem;
2588
- }
2589
- .pr-1 {
2590
- padding-right: 0.25rem;
2591
- }
2592
- .pr-10 {
2593
- padding-right: 2.5rem;
2594
- }
2595
- .pr-2 {
2596
- padding-right: 0.5rem;
2597
- }
2598
- .pr-3 {
2599
- padding-right: 0.75rem;
2600
- }
2601
- .pr-4 {
2602
- padding-right: 1rem;
2603
- }
2604
- .pt-0 {
2605
- padding-top: 0px;
2606
- }
2607
- .pt-10 {
2608
- padding-top: 2.5rem;
2609
- }
2610
- .pt-2 {
2611
- padding-top: 0.5rem;
2612
- }
2613
- .pt-3 {
2614
- padding-top: 0.75rem;
2615
- }
2616
- .pt-4 {
2617
- padding-top: 1rem;
2618
- }
2619
- .text-left {
2620
- text-align: left;
2621
- }
2622
- .text-center {
2623
- text-align: center;
2624
- }
2625
- .text-right {
2626
- text-align: right;
2627
- }
2628
- .align-top {
2629
- vertical-align: top;
2630
- }
2631
- .align-middle {
2632
- vertical-align: middle;
2633
- }
2634
- .align-\[-0\.125em\] {
2635
- vertical-align: -0.125em;
2636
- }
2637
- .font-mono {
2638
- font-family:
2639
- ui-monospace,
2640
- SFMono-Regular,
2641
- Menlo,
2642
- Monaco,
2643
- Consolas,
2644
- "Liberation Mono",
2645
- "Courier New",
2646
- monospace;
2647
- }
2648
- .font-sans {
2649
- font-family:
2650
- ui-sans-serif,
2651
- system-ui,
2652
- sans-serif,
2653
- "Apple Color Emoji",
2654
- "Segoe UI Emoji",
2655
- "Segoe UI Symbol",
2656
- "Noto Color Emoji";
2657
- }
2658
- .\!text-xs {
2659
- font-size: 0.75rem !important;
2660
- line-height: 1rem !important;
2661
- }
2662
- .text-2xl {
2663
- font-size: 1.5rem;
2664
- line-height: 2rem;
2665
- }
2666
- .text-3xl {
2667
- font-size: 1.875rem;
2668
- line-height: 2.25rem;
2669
- }
2670
- .text-4xl {
2671
- font-size: 2.25rem;
2672
- line-height: 2.5rem;
2673
- }
2674
- .text-\[0\.7rem\] {
2675
- font-size: 0.7rem;
2676
- }
2677
- .text-\[0\.85rem\] {
2678
- font-size: 0.85rem;
2679
- }
2680
- .text-\[0\.875rem\] {
2681
- font-size: 0.875rem;
2682
- }
2683
- .text-\[0\.9rem\] {
2684
- font-size: 0.9rem;
2685
- }
2686
- .text-\[1\.15rem\] {
2687
- font-size: 1.15rem;
2688
- }
2689
- .text-\[10px\] {
2690
- font-size: 10px;
2691
- }
2692
- .text-\[11px\] {
2693
- font-size: 11px;
2694
- }
2695
- .text-\[15px\] {
2696
- font-size: 15px;
2697
- }
2698
- .text-base {
2699
- font-size: 1rem;
2700
- line-height: 1.5rem;
2701
- }
2702
- .text-lg {
2703
- font-size: 1.125rem;
2704
- line-height: 1.75rem;
2705
- }
2706
- .text-sm {
2707
- font-size: 0.875rem;
2708
- line-height: 1.25rem;
2709
- }
2710
- .text-xl {
2711
- font-size: 1.25rem;
2712
- line-height: 1.75rem;
2713
- }
2714
- .text-xs {
2715
- font-size: 0.75rem;
2716
- line-height: 1rem;
2717
- }
2718
- .font-black {
2719
- font-weight: 900;
2720
- }
2721
- .font-bold {
2722
- font-weight: 700;
2723
- }
2724
- .font-extrabold {
2725
- font-weight: 800;
2726
- }
2727
- .font-medium {
2728
- font-weight: 500;
2729
- }
2730
- .font-normal {
2731
- font-weight: 400;
2732
- }
2733
- .font-semibold {
2734
- font-weight: 600;
2735
- }
2736
- .uppercase {
2737
- text-transform: uppercase;
2738
- }
2739
- .capitalize {
2740
- text-transform: capitalize;
2741
- }
2742
- .italic {
2743
- font-style: italic;
2744
- }
2745
- .leading-relaxed {
2746
- line-height: 1.625;
2747
- }
2748
- .leading-snug {
2749
- line-height: 1.375;
2750
- }
2751
- .leading-tight {
2752
- line-height: 1.25;
2753
- }
2754
- .tracking-tight {
2755
- letter-spacing: -0.025em;
2756
- }
2757
- .tracking-wide {
2758
- letter-spacing: 0.025em;
2759
- }
2760
- .tracking-wider {
2761
- letter-spacing: 0.05em;
2762
- }
2763
- .\!text-amber-700 {
2764
- --tw-text-opacity: 1 !important;
2765
- color: rgb(180 83 9 / var(--tw-text-opacity, 1)) !important;
2766
- }
2767
- .\!text-blue-700 {
2768
- --tw-text-opacity: 1 !important;
2769
- color: rgb(29 78 216 / var(--tw-text-opacity, 1)) !important;
2770
- }
2771
- .\!text-emerald-700 {
2772
- --tw-text-opacity: 1 !important;
2773
- color: rgb(4 120 87 / var(--tw-text-opacity, 1)) !important;
2774
- }
2775
- .\!text-purple-700 {
2776
- color: var(--color-purple-700) !important;
2777
- }
2778
- .\!text-slate-700 {
2779
- --tw-text-opacity: 1 !important;
2780
- color: rgb(51 65 85 / var(--tw-text-opacity, 1)) !important;
2781
- }
2782
- .text-\[var\(--calendar-selected-text\)\] {
2783
- color: var(--calendar-selected-text);
2784
- }
2785
- .text-\[var\(--calendar-today-text\)\] {
2786
- color: var(--calendar-today-text);
2787
- }
2788
- .text-amber-600 {
2789
- --tw-text-opacity: 1;
2790
- color: rgb(217 119 6 / var(--tw-text-opacity, 1));
2791
- }
2792
- .text-amber-800 {
2793
- --tw-text-opacity: 1;
2794
- color: rgb(146 64 14 / var(--tw-text-opacity, 1));
2795
- }
2796
- .text-black {
2797
- --tw-text-opacity: 1;
2798
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2799
- }
2800
- .text-blue-500 {
2801
- --tw-text-opacity: 1;
2802
- color: rgb(59 130 246 / var(--tw-text-opacity, 1));
2803
- }
2804
- .text-blue-600 {
2805
- --tw-text-opacity: 1;
2806
- color: rgb(37 99 235 / var(--tw-text-opacity, 1));
2807
- }
2808
- .text-blue-700 {
2809
- --tw-text-opacity: 1;
2810
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
2811
- }
2812
- .text-cyan-100 {
2813
- --tw-text-opacity: 1;
2814
- color: rgb(207 250 254 / var(--tw-text-opacity, 1));
2815
- }
2816
- .text-cyan-500 {
2817
- --tw-text-opacity: 1;
2818
- color: rgb(6 182 212 / var(--tw-text-opacity, 1));
2819
- }
2820
- .text-cyan-600 {
2821
- --tw-text-opacity: 1;
2822
- color: rgb(8 145 178 / var(--tw-text-opacity, 1));
2823
- }
2824
- .text-danger-300 {
2825
- color: var(--color-danger-300);
2826
- }
2827
- .text-danger-400 {
2828
- color: var(--color-danger-400);
2829
- }
2830
- .text-danger-50 {
2831
- color: var(--color-danger-50);
2832
- }
2833
- .text-danger-500 {
2834
- color: var(--color-danger-500);
2835
- }
2836
- .text-danger-600 {
2837
- color: var(--color-danger-600);
2838
- }
2839
- .text-danger-700 {
2840
- color: var(--color-danger-700);
2841
- }
2842
- .text-danger-800 {
2843
- color: var(--color-danger-800);
2844
- }
2845
- .text-danger-900 {
2846
- color: var(--color-danger-900);
2847
- }
2848
- .text-emerald-400 {
2849
- --tw-text-opacity: 1;
2850
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2851
- }
2852
- .text-emerald-500 {
2853
- --tw-text-opacity: 1;
2854
- color: rgb(16 185 129 / var(--tw-text-opacity, 1));
2855
- }
2856
- .text-emerald-600 {
2857
- --tw-text-opacity: 1;
2858
- color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2859
- }
2860
- .text-emerald-700 {
2861
- --tw-text-opacity: 1;
2862
- color: rgb(4 120 87 / var(--tw-text-opacity, 1));
2863
- }
2864
- .text-emerald-800 {
2865
- --tw-text-opacity: 1;
2866
- color: rgb(6 95 70 / var(--tw-text-opacity, 1));
2867
- }
2868
- .text-gray-300 {
2869
- --tw-text-opacity: 1;
2870
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2871
- }
2872
- .text-gray-400 {
2873
- --tw-text-opacity: 1;
2874
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2875
- }
2876
- .text-gray-500 {
2877
- --tw-text-opacity: 1;
2878
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
2879
- }
2880
- .text-gray-600 {
2881
- --tw-text-opacity: 1;
2882
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
2883
- }
2884
- .text-gray-700 {
2885
- --tw-text-opacity: 1;
2886
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
2887
- }
2888
- .text-gray-800 {
2889
- --tw-text-opacity: 1;
2890
- color: rgb(31 41 55 / var(--tw-text-opacity, 1));
2891
- }
2892
- .text-gray-900 {
2893
- --tw-text-opacity: 1;
2894
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
2895
- }
2896
- .text-green-500 {
2897
- --tw-text-opacity: 1;
2898
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2899
- }
2900
- .text-green-700 {
2901
- --tw-text-opacity: 1;
2902
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2903
- }
2904
- .text-indigo-500 {
2905
- --tw-text-opacity: 1;
2906
- color: rgb(99 102 241 / var(--tw-text-opacity, 1));
2907
- }
2908
- .text-indigo-600 {
2909
- --tw-text-opacity: 1;
2910
- color: rgb(79 70 229 / var(--tw-text-opacity, 1));
2911
- }
2912
- .text-info-300 {
2913
- color: var(--color-info-300);
2914
- }
2915
- .text-info-400 {
2916
- color: var(--color-info-400);
2917
- }
2918
- .text-info-50 {
2919
- color: var(--color-info-50);
2920
- }
2921
- .text-info-500 {
2922
- color: var(--color-info-500);
2923
- }
2924
- .text-info-600 {
2925
- color: var(--color-info-600);
2926
- }
2927
- .text-info-700 {
2928
- color: var(--color-info-700);
2929
- }
2930
- .text-info-800 {
2931
- color: var(--color-info-800);
2932
- }
2933
- .text-info-900 {
2934
- color: var(--color-info-900);
2935
- }
2936
- .text-orange-500 {
2937
- --tw-text-opacity: 1;
2938
- color: rgb(249 115 22 / var(--tw-text-opacity, 1));
2939
- }
2940
- .text-orange-800 {
2941
- --tw-text-opacity: 1;
2942
- color: rgb(154 52 18 / var(--tw-text-opacity, 1));
2943
- }
2944
- .text-primary-300 {
2945
- color: var(--color-primary-300);
2946
- }
2947
- .text-primary-400 {
2948
- color: var(--color-primary-400);
2949
- }
2950
- .text-primary-50 {
2951
- color: var(--color-primary-50);
2952
- }
2953
- .text-primary-500 {
2954
- color: var(--color-primary-500);
2955
- }
2956
- .text-primary-600 {
2957
- color: var(--color-primary-600);
2958
- }
2959
- .text-primary-700 {
2960
- color: var(--color-primary-700);
2961
- }
2962
- .text-primary-800 {
2963
- color: var(--color-primary-800);
2964
- }
2965
- .text-primary-900 {
2966
- color: var(--color-primary-900);
2967
- }
2968
- .text-purple-300 {
2969
- color: var(--color-purple-300);
2970
- }
2971
- .text-purple-400 {
2972
- color: var(--color-purple-400);
2973
- }
2974
- .text-purple-50 {
2975
- color: var(--color-purple-50);
2976
- }
2977
- .text-purple-500 {
2978
- color: var(--color-purple-500);
2979
- }
2980
- .text-purple-600 {
2981
- color: var(--color-purple-600);
2982
- }
2983
- .text-purple-700 {
2984
- color: var(--color-purple-700);
2985
- }
2986
- .text-purple-800 {
2987
- color: var(--color-purple-800);
2988
- }
2989
- .text-purple-900 {
2990
- color: var(--color-purple-900);
2991
- }
2992
- .text-red-500 {
2993
- --tw-text-opacity: 1;
2994
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2995
- }
2996
- .text-red-700 {
2997
- --tw-text-opacity: 1;
2998
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2999
- }
3000
- .text-rose-600 {
3001
- --tw-text-opacity: 1;
3002
- color: rgb(225 29 72 / var(--tw-text-opacity, 1));
3003
- }
3004
- .text-secondary-300 {
3005
- color: var(--color-secondary-300);
3006
- }
3007
- .text-secondary-400 {
3008
- color: var(--color-secondary-400);
3009
- }
3010
- .text-secondary-50 {
3011
- color: var(--color-secondary-50);
3012
- }
3013
- .text-secondary-500 {
3014
- color: var(--color-secondary-500);
3015
- }
3016
- .text-secondary-600 {
3017
- color: var(--color-secondary-600);
3018
- }
3019
- .text-secondary-700 {
3020
- color: var(--color-secondary-700);
3021
- }
3022
- .text-secondary-800 {
3023
- color: var(--color-secondary-800);
3024
- }
3025
- .text-secondary-900 {
3026
- color: var(--color-secondary-900);
3027
- }
3028
- .text-slate-200 {
3029
- --tw-text-opacity: 1;
3030
- color: rgb(226 232 240 / var(--tw-text-opacity, 1));
3031
- }
3032
- .text-slate-300 {
3033
- --tw-text-opacity: 1;
3034
- color: rgb(203 213 225 / var(--tw-text-opacity, 1));
3035
- }
3036
- .text-slate-400 {
3037
- --tw-text-opacity: 1;
3038
- color: rgb(148 163 184 / var(--tw-text-opacity, 1));
3039
- }
3040
- .text-slate-500 {
3041
- --tw-text-opacity: 1;
3042
- color: rgb(100 116 139 / var(--tw-text-opacity, 1));
3043
- }
3044
- .text-slate-600 {
3045
- --tw-text-opacity: 1;
3046
- color: rgb(71 85 105 / var(--tw-text-opacity, 1));
3047
- }
3048
- .text-slate-700 {
3049
- --tw-text-opacity: 1;
3050
- color: rgb(51 65 85 / var(--tw-text-opacity, 1));
3051
- }
3052
- .text-slate-800 {
3053
- --tw-text-opacity: 1;
3054
- color: rgb(30 41 59 / var(--tw-text-opacity, 1));
3055
- }
3056
- .text-slate-900 {
3057
- --tw-text-opacity: 1;
3058
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
3059
- }
3060
- .text-success-300 {
3061
- color: var(--color-success-300);
3062
- }
3063
- .text-success-400 {
3064
- color: var(--color-success-400);
3065
- }
3066
- .text-success-50 {
3067
- color: var(--color-success-50);
3068
- }
3069
- .text-success-500 {
3070
- color: var(--color-success-500);
3071
- }
3072
- .text-success-600 {
3073
- color: var(--color-success-600);
3074
- }
3075
- .text-success-700 {
3076
- color: var(--color-success-700);
3077
- }
3078
- .text-success-800 {
3079
- color: var(--color-success-800);
3080
- }
3081
- .text-success-900 {
3082
- color: var(--color-success-900);
3083
- }
3084
- .text-transparent {
3085
- color: transparent;
3086
- }
3087
- .text-warning-300 {
3088
- color: var(--color-warning-300);
3089
- }
3090
- .text-warning-400 {
3091
- color: var(--color-warning-400);
3092
- }
3093
- .text-warning-50 {
3094
- color: var(--color-warning-50);
3095
- }
3096
- .text-warning-500 {
3097
- color: var(--color-warning-500);
3098
- }
3099
- .text-warning-600 {
3100
- color: var(--color-warning-600);
3101
- }
3102
- .text-warning-700 {
3103
- color: var(--color-warning-700);
3104
- }
3105
- .text-warning-800 {
3106
- color: var(--color-warning-800);
3107
- }
3108
- .text-warning-900 {
3109
- color: var(--color-warning-900);
3110
- }
3111
- .text-white {
3112
- --tw-text-opacity: 1;
3113
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3114
- }
3115
- .text-yellow-600 {
3116
- --tw-text-opacity: 1;
3117
- color: rgb(202 138 4 / var(--tw-text-opacity, 1));
3118
- }
3119
- .text-zinc-500 {
3120
- --tw-text-opacity: 1;
3121
- color: rgb(113 113 122 / var(--tw-text-opacity, 1));
3122
- }
3123
- .accent-primary-500 {
3124
- accent-color: var(--color-primary-500);
3125
- }
3126
- .opacity-0 {
3127
- opacity: 0;
3128
- }
3129
- .opacity-100 {
3130
- opacity: 1;
3131
- }
3132
- .opacity-20 {
3133
- opacity: 0.2;
3134
- }
3135
- .opacity-40 {
3136
- opacity: 0.4;
3137
- }
3138
- .opacity-50 {
3139
- opacity: 0.5;
3140
- }
3141
- .opacity-60 {
3142
- opacity: 0.6;
3143
- }
3144
- .opacity-70 {
3145
- opacity: 0.7;
3146
- }
3147
- .opacity-80 {
3148
- opacity: 0.8;
3149
- }
3150
- .opacity-90 {
3151
- opacity: 0.9;
3152
- }
3153
- .shadow {
3154
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3155
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3156
- box-shadow:
3157
- var(--tw-ring-offset-shadow, 0 0 #0000),
3158
- var(--tw-ring-shadow, 0 0 #0000),
3159
- var(--tw-shadow);
3160
- }
3161
- .shadow-2xl {
3162
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
3163
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
3164
- box-shadow:
3165
- var(--tw-ring-offset-shadow, 0 0 #0000),
3166
- var(--tw-ring-shadow, 0 0 #0000),
3167
- var(--tw-shadow);
3168
- }
3169
- .shadow-\[0_10px_40px_-10px_rgba\(0\,0\,0\,0\.15\)\] {
3170
- --tw-shadow: 0 10px 40px -10px rgba(0,0,0,0.15);
3171
- --tw-shadow-colored: 0 10px 40px -10px var(--tw-shadow-color);
3172
- box-shadow:
3173
- var(--tw-ring-offset-shadow, 0 0 #0000),
3174
- var(--tw-ring-shadow, 0 0 #0000),
3175
- var(--tw-shadow);
3176
- }
3177
- .shadow-\[4px_0_24px_rgba\(0\,0\,0\,0\.02\)\] {
3178
- --tw-shadow: 4px 0 24px rgba(0,0,0,0.02);
3179
- --tw-shadow-colored: 4px 0 24px var(--tw-shadow-color);
3180
- box-shadow:
3181
- var(--tw-ring-offset-shadow, 0 0 #0000),
3182
- var(--tw-ring-shadow, 0 0 #0000),
3183
- var(--tw-shadow);
3184
- }
3185
- .shadow-inner {
3186
- --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
3187
- --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
3188
- box-shadow:
3189
- var(--tw-ring-offset-shadow, 0 0 #0000),
3190
- var(--tw-ring-shadow, 0 0 #0000),
3191
- var(--tw-shadow);
3192
- }
3193
- .shadow-lg {
3194
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3195
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3196
- box-shadow:
3197
- var(--tw-ring-offset-shadow, 0 0 #0000),
3198
- var(--tw-ring-shadow, 0 0 #0000),
3199
- var(--tw-shadow);
3200
- }
3201
- .shadow-md {
3202
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
3203
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
3204
- box-shadow:
3205
- var(--tw-ring-offset-shadow, 0 0 #0000),
3206
- var(--tw-ring-shadow, 0 0 #0000),
3207
- var(--tw-shadow);
3208
- }
3209
- .shadow-none {
3210
- --tw-shadow: 0 0 #0000;
3211
- --tw-shadow-colored: 0 0 #0000;
3212
- box-shadow:
3213
- var(--tw-ring-offset-shadow, 0 0 #0000),
3214
- var(--tw-ring-shadow, 0 0 #0000),
3215
- var(--tw-shadow);
3216
- }
3217
- .shadow-sm {
3218
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3219
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3220
- box-shadow:
3221
- var(--tw-ring-offset-shadow, 0 0 #0000),
3222
- var(--tw-ring-shadow, 0 0 #0000),
3223
- var(--tw-shadow);
3224
- }
3225
- .shadow-xl {
3226
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
3227
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
3228
- box-shadow:
3229
- var(--tw-ring-offset-shadow, 0 0 #0000),
3230
- var(--tw-ring-shadow, 0 0 #0000),
3231
- var(--tw-shadow);
3232
- }
3233
- .outline-none {
3234
- outline: 2px solid transparent;
3235
- outline-offset: 2px;
3236
- }
3237
- .outline {
3238
- outline-style: solid;
3239
- }
3240
- .\!ring-0 {
3241
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
3242
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
3243
- box-shadow:
3244
- var(--tw-ring-offset-shadow),
3245
- var(--tw-ring-shadow),
3246
- var(--tw-shadow, 0 0 #0000) !important;
3247
- }
3248
- .ring {
3249
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3250
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3251
- box-shadow:
3252
- var(--tw-ring-offset-shadow),
3253
- var(--tw-ring-shadow),
3254
- var(--tw-shadow, 0 0 #0000);
3255
- }
3256
- .ring-1 {
3257
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3258
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3259
- box-shadow:
3260
- var(--tw-ring-offset-shadow),
3261
- var(--tw-ring-shadow),
3262
- var(--tw-shadow, 0 0 #0000);
3263
- }
3264
- .ring-2 {
3265
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3266
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3267
- box-shadow:
3268
- var(--tw-ring-offset-shadow),
3269
- var(--tw-ring-shadow),
3270
- var(--tw-shadow, 0 0 #0000);
3271
- }
3272
- .ring-red-100 {
3273
- --tw-ring-opacity: 1;
3274
- --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));
3275
- }
3276
- .ring-white {
3277
- --tw-ring-opacity: 1;
3278
- --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
3279
- }
3280
- .blur {
3281
- --tw-blur: blur(8px);
3282
- 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);
3283
- }
3284
- .blur-2xl {
3285
- --tw-blur: blur(40px);
3286
- 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);
3287
- }
3288
- .blur-3xl {
3289
- --tw-blur: blur(64px);
3290
- 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);
3291
- }
3292
- .drop-shadow {
3293
- --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
3294
- 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);
3295
- }
3296
- .drop-shadow-2xl {
3297
- --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
3298
- 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);
3299
- }
3300
- .drop-shadow-sm {
3301
- --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
3302
- 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);
3303
- }
3304
- .filter {
3305
- 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);
3306
- }
3307
- .backdrop-blur-\[2px\] {
3308
- --tw-backdrop-blur: blur(2px);
3309
- -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);
3310
- 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);
3311
- }
3312
- .backdrop-blur-md {
3313
- --tw-backdrop-blur: blur(12px);
3314
- -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);
3315
- 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);
3316
- }
3317
- .backdrop-blur-sm {
3318
- --tw-backdrop-blur: blur(4px);
3319
- -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);
3320
- 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);
3321
- }
3322
- .backdrop-blur-xl {
3323
- --tw-backdrop-blur: blur(24px);
3324
- -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);
3325
- 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);
3326
- }
3327
- .backdrop-filter {
3328
- -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);
3329
- 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);
3330
- }
3331
- .transition {
3332
- transition-property:
3333
- color,
3334
- background-color,
3335
- border-color,
3336
- text-decoration-color,
3337
- fill,
3338
- stroke,
3339
- opacity,
3340
- box-shadow,
3341
- transform,
3342
- filter,
3343
- -webkit-backdrop-filter;
3344
- transition-property:
3345
- color,
3346
- background-color,
3347
- border-color,
3348
- text-decoration-color,
3349
- fill,
3350
- stroke,
3351
- opacity,
3352
- box-shadow,
3353
- transform,
3354
- filter,
3355
- backdrop-filter;
3356
- transition-property:
3357
- color,
3358
- background-color,
3359
- border-color,
3360
- text-decoration-color,
3361
- fill,
3362
- stroke,
3363
- opacity,
3364
- box-shadow,
3365
- transform,
3366
- filter,
3367
- backdrop-filter,
3368
- -webkit-backdrop-filter;
3369
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3370
- transition-duration: 150ms;
3371
- }
3372
- .transition-all {
3373
- transition-property: all;
3374
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3375
- transition-duration: 150ms;
3376
- }
3377
- .transition-colors {
3378
- transition-property:
3379
- color,
3380
- background-color,
3381
- border-color,
3382
- text-decoration-color,
3383
- fill,
3384
- stroke;
3385
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3386
- transition-duration: 150ms;
3387
- }
3388
- .transition-opacity {
3389
- transition-property: opacity;
3390
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3391
- transition-duration: 150ms;
3392
- }
3393
- .transition-shadow {
3394
- transition-property: box-shadow;
3395
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3396
- transition-duration: 150ms;
3397
- }
3398
- .transition-transform {
3399
- transition-property: transform;
3400
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3401
- transition-duration: 150ms;
3402
- }
3403
- .duration-1000 {
3404
- transition-duration: 1000ms;
3405
- }
3406
- .duration-150 {
3407
- transition-duration: 150ms;
3408
- }
3409
- .duration-200 {
3410
- transition-duration: 200ms;
3411
- }
3412
- .duration-300 {
3413
- transition-duration: 300ms;
3414
- }
3415
- .duration-500 {
3416
- transition-duration: 500ms;
3417
- }
3418
- .ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\] {
3419
- transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
3420
- }
3421
- .ease-in-out {
3422
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3423
- }
3424
- .ease-out {
3425
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3426
- }
3427
- .\!\[clip\:rect\(0\,0\,0\,0\)\] {
3428
- clip: rect(0, 0, 0, 0) !important;
3429
- }
3430
- .hover\:-translate-y-1:hover {
3431
- --tw-translate-y: -0.25rem;
3432
- 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));
3433
- }
3434
- .hover\:scale-105:hover {
3435
- --tw-scale-x: 1.05;
3436
- --tw-scale-y: 1.05;
3437
- 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));
3438
- }
3439
- .hover\:scale-110:hover {
3440
- --tw-scale-x: 1.1;
3441
- --tw-scale-y: 1.1;
3442
- 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));
3443
- }
3444
- .hover\:border-\[var\(--calendar-today-bg\)\]:hover {
3445
- border-color: var(--calendar-today-bg);
3446
- }
3447
- .hover\:border-gray-200:hover {
3448
- --tw-border-opacity: 1;
3449
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
3450
- }
3451
- .hover\:border-gray-300:hover {
3452
- --tw-border-opacity: 1;
3453
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
3454
- }
3455
- .hover\:border-primary-400:hover {
3456
- border-color: var(--color-primary-400);
3457
- }
3458
- .hover\:border-slate-200:hover {
3459
- --tw-border-opacity: 1;
3460
- border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
3461
- }
3462
- .hover\:border-slate-300:hover {
3463
- --tw-border-opacity: 1;
3464
- border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
3465
- }
3466
- .hover\:bg-\[var\(--calendar-today-bg\)\]:hover {
3467
- background-color: var(--calendar-today-bg);
3468
- }
3469
- .hover\:bg-black\/15:hover {
3470
- background-color: rgb(0 0 0 / 0.15);
3471
- }
3472
- .hover\:bg-danger-100:hover {
3473
- background-color: var(--color-danger-100);
3474
- }
3475
- .hover\:bg-gray-100:hover {
3476
- --tw-bg-opacity: 1;
3477
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
3478
- }
3479
- .hover\:bg-gray-50:hover {
3480
- --tw-bg-opacity: 1;
3481
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3482
- }
3483
- .hover\:bg-primary-500:hover {
3484
- background-color: var(--color-primary-500);
3485
- }
3486
- .hover\:bg-primary-700:hover {
3487
- background-color: var(--color-primary-700);
3488
- }
3489
- .hover\:bg-red-500\/10:hover {
3490
- background-color: rgb(239 68 68 / 0.1);
3491
- }
3492
- .hover\:bg-secondary-200:hover {
3493
- background-color: var(--color-secondary-200);
3494
- }
3495
- .hover\:bg-slate-100:hover {
3496
- --tw-bg-opacity: 1;
3497
- background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
3498
- }
3499
- .hover\:bg-slate-200:hover {
3500
- --tw-bg-opacity: 1;
3501
- background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
3502
- }
3503
- .hover\:bg-slate-200\/80:hover {
3504
- background-color: rgb(226 232 240 / 0.8);
3505
- }
3506
- .hover\:bg-slate-800:hover {
3507
- --tw-bg-opacity: 1;
3508
- background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
3509
- }
3510
- .hover\:bg-opacity-10:hover {
3511
- --tw-bg-opacity: 0.1;
3512
- }
3513
- .hover\:text-\[var\(--calendar-today-text\)\]:hover {
3514
- color: var(--calendar-today-text);
3515
- }
3516
- .hover\:text-blue-500:hover {
3517
- --tw-text-opacity: 1;
3518
- color: rgb(59 130 246 / var(--tw-text-opacity, 1));
3519
- }
3520
- .hover\:text-emerald-700:hover {
3521
- --tw-text-opacity: 1;
3522
- color: rgb(4 120 87 / var(--tw-text-opacity, 1));
3523
- }
3524
- .hover\:text-gray-600:hover {
3525
- --tw-text-opacity: 1;
3526
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
3527
- }
3528
- .hover\:text-gray-700:hover {
3529
- --tw-text-opacity: 1;
3530
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
3531
- }
3532
- .hover\:text-gray-900:hover {
3533
- --tw-text-opacity: 1;
3534
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
3535
- }
3536
- .hover\:text-primary-700:hover {
3537
- color: var(--color-primary-700);
3538
- }
3539
- .hover\:text-primary-800:hover {
3540
- color: var(--color-primary-800);
3541
- }
3542
- .hover\:text-red-500:hover {
3543
- --tw-text-opacity: 1;
3544
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
3545
- }
3546
- .hover\:text-secondary-700:hover {
3547
- color: var(--color-secondary-700);
3548
- }
3549
- .hover\:text-slate-600:hover {
3550
- --tw-text-opacity: 1;
3551
- color: rgb(71 85 105 / var(--tw-text-opacity, 1));
3552
- }
3553
- .hover\:text-slate-700:hover {
3554
- --tw-text-opacity: 1;
3555
- color: rgb(51 65 85 / var(--tw-text-opacity, 1));
3556
- }
3557
- .hover\:text-slate-800:hover {
3558
- --tw-text-opacity: 1;
3559
- color: rgb(30 41 59 / var(--tw-text-opacity, 1));
3560
- }
3561
- .hover\:text-slate-900:hover {
3562
- --tw-text-opacity: 1;
3563
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
3564
- }
3565
- .hover\:text-white:hover {
3566
- --tw-text-opacity: 1;
3567
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3568
- }
3569
- .hover\:underline:hover {
3570
- text-decoration-line: underline;
3571
- }
3572
- .hover\:opacity-100:hover {
3573
- opacity: 1;
3574
- }
3575
- .hover\:opacity-80:hover {
3576
- opacity: 0.8;
3577
- }
3578
- .hover\:shadow-md:hover {
3579
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
3580
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
3581
- box-shadow:
3582
- var(--tw-ring-offset-shadow, 0 0 #0000),
3583
- var(--tw-ring-shadow, 0 0 #0000),
3584
- var(--tw-shadow);
3585
- }
3586
- .hover\:shadow-sm:hover {
3587
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3588
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3589
- box-shadow:
3590
- var(--tw-ring-offset-shadow, 0 0 #0000),
3591
- var(--tw-ring-shadow, 0 0 #0000),
3592
- var(--tw-shadow);
3593
- }
3594
- .hover\:brightness-95:hover {
3595
- --tw-brightness: brightness(.95);
3596
- 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);
3597
- }
3598
- .focus\:border-gray-500:focus {
3599
- --tw-border-opacity: 1;
3600
- border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
3601
- }
3602
- .focus\:border-green-500:focus {
3603
- --tw-border-opacity: 1;
3604
- border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
3605
- }
3606
- .focus\:border-primary-500:focus {
3607
- border-color: var(--color-primary-500);
3608
- }
3609
- .focus\:border-red-500:focus {
3610
- --tw-border-opacity: 1;
3611
- border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
3612
- }
3613
- .focus\:border-slate-300:focus {
3614
- --tw-border-opacity: 1;
3615
- border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
3616
- }
3617
- .focus\:border-slate-500:focus {
3618
- --tw-border-opacity: 1;
3619
- border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
3620
- }
3621
- .focus\:border-transparent:focus {
3622
- border-color: transparent;
3623
- }
3624
- .focus\:border-yellow-500:focus {
3625
- --tw-border-opacity: 1;
3626
- border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
3627
- }
3628
- .focus\:outline-none:focus {
3629
- outline: 2px solid transparent;
3630
- outline-offset: 2px;
3631
- }
3632
- .focus\:\!ring-0:focus {
3633
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
3634
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
3635
- box-shadow:
3636
- var(--tw-ring-offset-shadow),
3637
- var(--tw-ring-shadow),
3638
- var(--tw-shadow, 0 0 #0000) !important;
3639
- }
3640
- .focus\:ring-2:focus {
3641
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3642
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3643
- box-shadow:
3644
- var(--tw-ring-offset-shadow),
3645
- var(--tw-ring-shadow),
3646
- var(--tw-shadow, 0 0 #0000);
3647
- }
3648
- .focus\:ring-4:focus {
3649
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3650
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3651
- box-shadow:
3652
- var(--tw-ring-offset-shadow),
3653
- var(--tw-ring-shadow),
3654
- var(--tw-shadow, 0 0 #0000);
3655
- }
3656
- .focus\:ring-gray-300:focus {
3657
- --tw-ring-opacity: 1;
3658
- --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
3659
- }
3660
- .focus\:ring-primary-100:focus {
3661
- --tw-ring-color: var(--color-primary-100);
3662
- }
3663
- .focus\:ring-primary-500:focus {
3664
- --tw-ring-color: var(--color-primary-500);
3665
- }
3666
- .focus\:ring-red-100:focus {
3667
- --tw-ring-opacity: 1;
3668
- --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));
3669
- }
3670
- .focus\:ring-slate-400:focus {
3671
- --tw-ring-opacity: 1;
3672
- --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
3673
- }
3674
- .focus\:ring-slate-500:focus {
3675
- --tw-ring-opacity: 1;
3676
- --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1));
3677
- }
3678
- .focus\:ring-white\/50:focus {
3679
- --tw-ring-color: rgb(255 255 255 / 0.5);
3680
- }
3681
- .focus\:ring-offset-2:focus {
3682
- --tw-ring-offset-width: 2px;
3683
- }
3684
- .disabled\:cursor-not-allowed:disabled {
3685
- cursor: not-allowed;
3686
- }
3687
- .disabled\:opacity-50:disabled {
3688
- opacity: 0.5;
3689
- }
3690
- .group\/navitem:hover .group-hover\/navitem\:visible {
3691
- visibility: visible;
3692
- }
3693
- .group\/navitem:hover .group-hover\/navitem\:translate-x-0 {
3694
- --tw-translate-x: 0px;
3695
- 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));
3696
- }
3697
- .group:hover .group-hover\:-rotate-6 {
3698
- --tw-rotate: -6deg;
3699
- 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));
3700
- }
3701
- .group:hover .group-hover\:rotate-3 {
3702
- --tw-rotate: 3deg;
3703
- 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));
3704
- }
3705
- .group:hover .group-hover\:rotate-6 {
3706
- --tw-rotate: 6deg;
3707
- 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));
3708
- }
3709
- .group:hover .group-hover\:bg-primary-50 {
3710
- background-color: var(--color-primary-50);
3711
- }
3712
- .group:hover .group-hover\:text-primary-500 {
3713
- color: var(--color-primary-500);
3714
- }
3715
- .group\/navitem:hover .group-hover\/navitem\:opacity-100 {
3716
- opacity: 1;
3717
- }
3718
- .group:hover .group-hover\:opacity-100 {
3719
- opacity: 1;
3720
- }
3721
- .group:hover .group-hover\:opacity-35 {
3722
- opacity: 0.35;
3723
- }
3724
- .peer:focus ~ .peer-focus\:ring-2 {
3725
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3726
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3727
- box-shadow:
3728
- var(--tw-ring-offset-shadow),
3729
- var(--tw-ring-shadow),
3730
- var(--tw-shadow, 0 0 #0000);
3731
- }
3732
- .peer:focus ~ .peer-focus\:ring-primary-200 {
3733
- --tw-ring-color: var(--color-primary-200);
3734
- }
3735
- @media (prefers-reduced-motion: reduce) {
3736
- @keyframes spin {
3737
- to {
3738
- transform: rotate(360deg);
3739
- }
2
+ @variant dark (&:is(.dark &));
3
+ @theme { --animate-fadeIn: fadeIn 0.5s ease-out forwards; --animate-fade-in: fadeIn 0.5s ease-out forwards; --color-primary-50: var(--color-indigo-50); --color-primary-100: var(--color-indigo-100); --color-primary-200: var(--color-indigo-200); --color-primary-300: var(--color-indigo-300); --color-primary-400: var(--color-indigo-400); --color-primary-500: var(--color-indigo-500); --color-primary-600: var(--color-indigo-600); --color-primary-700: var(--color-indigo-700); --color-primary-800: var(--color-indigo-800); --color-primary-900: var(--color-indigo-900); --color-primary-950: var(--color-indigo-950); --color-secondary-50: var(--color-slate-50); --color-secondary-100: var(--color-slate-100); --color-secondary-200: var(--color-slate-200); --color-secondary-300: var(--color-slate-300); --color-secondary-400: var(--color-slate-400); --color-secondary-500: var(--color-slate-500); --color-secondary-600: var(--color-slate-600); --color-secondary-700: var(--color-slate-700); --color-secondary-800: var(--color-slate-800); --color-secondary-900: var(--color-slate-900); --color-secondary-950: var(--color-slate-950); --color-success-50: var(--color-emerald-50); --color-success-100: var(--color-emerald-100); --color-success-200: var(--color-emerald-200); --color-success-300: var(--color-emerald-300); --color-success-400: var(--color-emerald-400); --color-success-500: var(--color-emerald-500); --color-success-600: var(--color-emerald-600); --color-success-700: var(--color-emerald-700); --color-success-800: var(--color-emerald-800); --color-success-900: var(--color-emerald-900); --color-success-950: var(--color-emerald-950); --color-danger-50: var(--color-rose-50); --color-danger-100: var(--color-rose-100); --color-danger-200: var(--color-rose-200); --color-danger-300: var(--color-rose-300); --color-danger-400: var(--color-rose-400); --color-danger-500: var(--color-rose-500); --color-danger-600: var(--color-rose-600); --color-danger-700: var(--color-rose-700); --color-danger-800: var(--color-rose-800); --color-danger-900: var(--color-rose-900); --color-danger-950: var(--color-rose-950); --color-warning-50: var(--color-amber-50); --color-warning-100: var(--color-amber-100); --color-warning-200: var(--color-amber-200); --color-warning-300: var(--color-amber-300); --color-warning-400: var(--color-amber-400); --color-warning-500: var(--color-amber-500); --color-warning-600: var(--color-amber-600); --color-warning-700: var(--color-amber-700); --color-warning-800: var(--color-amber-800); --color-warning-900: var(--color-amber-900); --color-warning-950: var(--color-amber-950); --color-purple-50: var(--color-violet-50); --color-purple-100: var(--color-violet-100); --color-purple-200: var(--color-violet-200); --color-purple-300: var(--color-violet-300); --color-purple-400: var(--color-violet-400); --color-purple-500: var(--color-violet-500); --color-purple-600: var(--color-violet-600); --color-purple-700: var(--color-violet-700); --color-purple-800: var(--color-violet-800); --color-purple-900: var(--color-violet-900); --color-purple-950: var(--color-violet-950); --color-info-50: var(--color-sky-50); --color-info-100: var(--color-sky-100); --color-info-200: var(--color-sky-200); --color-info-300: var(--color-sky-300); --color-info-400: var(--color-sky-400); --color-info-500: var(--color-sky-500); --color-info-600: var(--color-sky-600); --color-info-700: var(--color-sky-700); --color-info-800: var(--color-sky-800); --color-info-900: var(--color-sky-900); --color-info-950: var(--color-sky-950); }
4
+ @keyframes fadeIn {
5
+ from {
6
+ opacity: 0;
7
+ transform: translateY(8px);
3740
8
  }
3741
- .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
3742
- animation: spin 1.5s linear infinite;
9
+ to {
10
+ opacity: 1;
11
+ transform: translateY(0);
3743
12
  }
3744
13
  }
3745
- .dark\:border-amber-900:is(.dark *) {
3746
- --tw-border-opacity: 1;
3747
- border-color: rgb(120 53 15 / var(--tw-border-opacity, 1));
3748
- }
3749
- .dark\:border-danger-800:is(.dark *) {
3750
- border-color: var(--color-danger-800);
3751
- }
3752
- .dark\:border-emerald-900:is(.dark *) {
3753
- --tw-border-opacity: 1;
3754
- border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
3755
- }
3756
- .dark\:border-info-800:is(.dark *) {
3757
- border-color: var(--color-info-800);
3758
- }
3759
- .dark\:border-slate-600:is(.dark *) {
3760
- --tw-border-opacity: 1;
3761
- border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
3762
- }
3763
- .dark\:border-slate-700:is(.dark *) {
3764
- --tw-border-opacity: 1;
3765
- border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
3766
- }
3767
- .dark\:border-slate-700\/50:is(.dark *) {
3768
- border-color: rgb(51 65 85 / 0.5);
3769
- }
3770
- .dark\:border-slate-800:is(.dark *) {
3771
- --tw-border-opacity: 1;
3772
- border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
3773
- }
3774
- .dark\:border-slate-800\/20:is(.dark *) {
3775
- border-color: rgb(30 41 59 / 0.2);
3776
- }
3777
- .dark\:border-slate-800\/40:is(.dark *) {
3778
- border-color: rgb(30 41 59 / 0.4);
3779
- }
3780
- .dark\:border-slate-800\/50:is(.dark *) {
3781
- border-color: rgb(30 41 59 / 0.5);
3782
- }
3783
- .dark\:border-slate-800\/60:is(.dark *) {
3784
- border-color: rgb(30 41 59 / 0.6);
3785
- }
3786
- .dark\:border-slate-800\/80:is(.dark *) {
3787
- border-color: rgb(30 41 59 / 0.8);
3788
- }
3789
- .dark\:border-slate-900:is(.dark *) {
3790
- --tw-border-opacity: 1;
3791
- border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
3792
- }
3793
- .dark\:border-success-800:is(.dark *) {
3794
- border-color: var(--color-success-800);
3795
- }
3796
- .dark\:border-warning-800:is(.dark *) {
3797
- border-color: var(--color-warning-800);
3798
- }
3799
- .dark\:\!bg-slate-800:is(.dark *) {
3800
- --tw-bg-opacity: 1 !important;
3801
- background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
3802
- }
3803
- .dark\:bg-amber-950\/20:is(.dark *) {
3804
- background-color: rgb(69 26 3 / 0.2);
3805
- }
3806
- .dark\:bg-amber-950\/30:is(.dark *) {
3807
- background-color: rgb(69 26 3 / 0.3);
3808
- }
3809
- .dark\:bg-blue-900\/30:is(.dark *) {
3810
- background-color: rgb(30 58 138 / 0.3);
3811
- }
3812
- .dark\:bg-blue-950\/20:is(.dark *) {
3813
- background-color: rgb(23 37 84 / 0.2);
3814
- }
3815
- .dark\:bg-emerald-900\/30:is(.dark *) {
3816
- background-color: rgb(6 78 59 / 0.3);
3817
- }
3818
- .dark\:bg-emerald-950\/20:is(.dark *) {
3819
- background-color: rgb(2 44 34 / 0.2);
3820
- }
3821
- .dark\:bg-emerald-950\/30:is(.dark *) {
3822
- background-color: rgb(2 44 34 / 0.3);
3823
- }
3824
- .dark\:bg-gray-700:is(.dark *) {
3825
- --tw-bg-opacity: 1;
3826
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
3827
- }
3828
- .dark\:bg-rose-950\/20:is(.dark *) {
3829
- background-color: rgb(76 5 25 / 0.2);
3830
- }
3831
- .dark\:bg-rose-950\/30:is(.dark *) {
3832
- background-color: rgb(76 5 25 / 0.3);
3833
- }
3834
- .dark\:bg-slate-600:is(.dark *) {
3835
- --tw-bg-opacity: 1;
3836
- background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
3837
- }
3838
- .dark\:bg-slate-700:is(.dark *) {
3839
- --tw-bg-opacity: 1;
3840
- background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
3841
- }
3842
- .dark\:bg-slate-700\/50:is(.dark *) {
3843
- background-color: rgb(51 65 85 / 0.5);
3844
- }
3845
- .dark\:bg-slate-800:is(.dark *) {
3846
- --tw-bg-opacity: 1;
3847
- background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
3848
- }
3849
- .dark\:bg-slate-800\/40:is(.dark *) {
3850
- background-color: rgb(30 41 59 / 0.4);
3851
- }
3852
- .dark\:bg-slate-800\/80:is(.dark *) {
3853
- background-color: rgb(30 41 59 / 0.8);
3854
- }
3855
- .dark\:bg-slate-900:is(.dark *) {
3856
- --tw-bg-opacity: 1;
3857
- background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
3858
- }
3859
- .dark\:bg-slate-900\/50:is(.dark *) {
3860
- background-color: rgb(15 23 42 / 0.5);
3861
- }
3862
- .dark\:bg-slate-900\/60:is(.dark *) {
3863
- background-color: rgb(15 23 42 / 0.6);
3864
- }
3865
- .dark\:bg-slate-950\/10:is(.dark *) {
3866
- background-color: rgb(2 6 23 / 0.1);
3867
- }
3868
- .dark\:bg-slate-950\/20:is(.dark *) {
3869
- background-color: rgb(2 6 23 / 0.2);
3870
- }
3871
- .dark\:bg-slate-950\/40:is(.dark *) {
3872
- background-color: rgb(2 6 23 / 0.4);
3873
- }
3874
- .dark\:from-slate-900\/60:is(.dark *) {
3875
- --tw-gradient-from: rgb(15 23 42 / 0.6) var(--tw-gradient-from-position);
3876
- --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
3877
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3878
- }
3879
- .dark\:to-slate-950\/40:is(.dark *) {
3880
- --tw-gradient-to: rgb(2 6 23 / 0.4) var(--tw-gradient-to-position);
3881
- }
3882
- .dark\:\!text-slate-200:is(.dark *) {
3883
- --tw-text-opacity: 1 !important;
3884
- color: rgb(226 232 240 / var(--tw-text-opacity, 1)) !important;
3885
- }
3886
- .dark\:text-amber-300:is(.dark *) {
3887
- --tw-text-opacity: 1;
3888
- color: rgb(252 211 77 / var(--tw-text-opacity, 1));
3889
- }
3890
- .dark\:text-danger-300:is(.dark *) {
3891
- color: var(--color-danger-300);
3892
- }
3893
- .dark\:text-emerald-300:is(.dark *) {
3894
- --tw-text-opacity: 1;
3895
- color: rgb(110 231 183 / var(--tw-text-opacity, 1));
3896
- }
3897
- .dark\:text-emerald-400:is(.dark *) {
3898
- --tw-text-opacity: 1;
3899
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
3900
- }
3901
- .dark\:text-gray-400:is(.dark *) {
3902
- --tw-text-opacity: 1;
3903
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
3904
- }
3905
- .dark\:text-indigo-400:is(.dark *) {
3906
- --tw-text-opacity: 1;
3907
- color: rgb(129 140 248 / var(--tw-text-opacity, 1));
3908
- }
3909
- .dark\:text-info-300:is(.dark *) {
3910
- color: var(--color-info-300);
3911
- }
3912
- .dark\:text-primary-300:is(.dark *) {
3913
- color: var(--color-primary-300);
3914
- }
3915
- .dark\:text-primary-400:is(.dark *) {
3916
- color: var(--color-primary-400);
3917
- }
3918
- .dark\:text-rose-400:is(.dark *) {
3919
- --tw-text-opacity: 1;
3920
- color: rgb(251 113 133 / var(--tw-text-opacity, 1));
3921
- }
3922
- .dark\:text-slate-100:is(.dark *) {
3923
- --tw-text-opacity: 1;
3924
- color: rgb(241 245 249 / var(--tw-text-opacity, 1));
3925
- }
3926
- .dark\:text-slate-200:is(.dark *) {
3927
- --tw-text-opacity: 1;
3928
- color: rgb(226 232 240 / var(--tw-text-opacity, 1));
3929
- }
3930
- .dark\:text-slate-300:is(.dark *) {
3931
- --tw-text-opacity: 1;
3932
- color: rgb(203 213 225 / var(--tw-text-opacity, 1));
3933
- }
3934
- .dark\:text-slate-400:is(.dark *) {
3935
- --tw-text-opacity: 1;
3936
- color: rgb(148 163 184 / var(--tw-text-opacity, 1));
3937
- }
3938
- .dark\:text-slate-500:is(.dark *) {
3939
- --tw-text-opacity: 1;
3940
- color: rgb(100 116 139 / var(--tw-text-opacity, 1));
14
+ .col-span-1 {
15
+ grid-column: span 1 / span 1;
3941
16
  }
3942
- .dark\:text-slate-600:is(.dark *) {
3943
- --tw-text-opacity: 1;
3944
- color: rgb(71 85 105 / var(--tw-text-opacity, 1));
17
+ .col-span-2 {
18
+ grid-column: span 2 / span 2;
3945
19
  }
3946
- .dark\:text-success-300:is(.dark *) {
3947
- color: var(--color-success-300);
20
+ .col-span-3 {
21
+ grid-column: span 3 / span 3;
3948
22
  }
3949
- .dark\:text-warning-300:is(.dark *) {
3950
- color: var(--color-warning-300);
23
+ .col-span-4 {
24
+ grid-column: span 4 / span 4;
3951
25
  }
3952
- .dark\:text-white:is(.dark *) {
3953
- --tw-text-opacity: 1;
3954
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
26
+ .col-span-5 {
27
+ grid-column: span 5 / span 5;
3955
28
  }
3956
- .dark\:invert:is(.dark *) {
3957
- --tw-invert: invert(100%);
3958
- 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);
29
+ .col-span-6 {
30
+ grid-column: span 6 / span 6;
3959
31
  }
3960
- .dark\:hover\:border-slate-600:hover:is(.dark *) {
3961
- --tw-border-opacity: 1;
3962
- border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
32
+ .col-span-7 {
33
+ grid-column: span 7 / span 7;
3963
34
  }
3964
- .dark\:hover\:border-slate-700:hover:is(.dark *) {
3965
- --tw-border-opacity: 1;
3966
- border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
35
+ .col-span-8 {
36
+ grid-column: span 8 / span 8;
3967
37
  }
3968
- .dark\:hover\:bg-slate-700\/80:hover:is(.dark *) {
3969
- background-color: rgb(51 65 85 / 0.8);
38
+ .col-span-9 {
39
+ grid-column: span 9 / span 9;
3970
40
  }
3971
- .dark\:hover\:bg-slate-800:hover:is(.dark *) {
3972
- --tw-bg-opacity: 1;
3973
- background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
41
+ .col-span-10 {
42
+ grid-column: span 10 / span 10;
3974
43
  }
3975
- .dark\:hover\:text-slate-200:hover:is(.dark *) {
3976
- --tw-text-opacity: 1;
3977
- color: rgb(226 232 240 / var(--tw-text-opacity, 1));
44
+ .col-span-11 {
45
+ grid-column: span 11 / span 11;
3978
46
  }
3979
- .dark\:hover\:text-slate-300:hover:is(.dark *) {
3980
- --tw-text-opacity: 1;
3981
- color: rgb(203 213 225 / var(--tw-text-opacity, 1));
47
+ .col-span-12 {
48
+ grid-column: span 12 / span 12;
3982
49
  }
3983
- @media (min-width: 640px) {
50
+ @media (width >= 40rem) {
3984
51
  .sm\:col-span-1 {
3985
52
  grid-column: span 1 / span 1;
3986
53
  }
3987
- .sm\:col-span-10 {
3988
- grid-column: span 10 / span 10;
3989
- }
3990
- .sm\:col-span-11 {
3991
- grid-column: span 11 / span 11;
3992
- }
3993
- .sm\:col-span-12 {
3994
- grid-column: span 12 / span 12;
3995
- }
3996
54
  .sm\:col-span-2 {
3997
55
  grid-column: span 2 / span 2;
3998
56
  }
@@ -4002,65 +60,35 @@ video {
4002
60
  .sm\:col-span-4 {
4003
61
  grid-column: span 4 / span 4;
4004
62
  }
63
+ .sm\:col-span-5 {
64
+ grid-column: span 5 / span 5;
65
+ }
4005
66
  .sm\:col-span-6 {
4006
67
  grid-column: span 6 / span 6;
4007
68
  }
69
+ .sm\:col-span-7 {
70
+ grid-column: span 7 / span 7;
71
+ }
4008
72
  .sm\:col-span-8 {
4009
73
  grid-column: span 8 / span 8;
4010
74
  }
4011
- .sm\:block {
4012
- display: block;
4013
- }
4014
- .sm\:flex {
4015
- display: flex;
75
+ .sm\:col-span-9 {
76
+ grid-column: span 9 / span 9;
4016
77
  }
4017
- .sm\:w-60 {
4018
- width: 15rem;
4019
- }
4020
- .sm\:grid-cols-2 {
4021
- grid-template-columns: repeat(2, minmax(0, 1fr));
4022
- }
4023
- .sm\:grid-cols-4 {
4024
- grid-template-columns: repeat(4, minmax(0, 1fr));
4025
- }
4026
- .sm\:flex-row {
4027
- flex-direction: row;
4028
- }
4029
- .sm\:rounded-lg {
4030
- border-radius: 0.5rem;
4031
- }
4032
- .sm\:text-base {
4033
- font-size: 1rem;
4034
- line-height: 1.5rem;
78
+ .sm\:col-span-10 {
79
+ grid-column: span 10 / span 10;
4035
80
  }
4036
- .sm\:text-sm {
4037
- font-size: 0.875rem;
4038
- line-height: 1.25rem;
81
+ .sm\:col-span-11 {
82
+ grid-column: span 11 / span 11;
4039
83
  }
4040
- .sm\:text-xs {
4041
- font-size: 0.75rem;
4042
- line-height: 1rem;
84
+ .sm\:col-span-12 {
85
+ grid-column: span 12 / span 12;
4043
86
  }
4044
87
  }
4045
- @media (min-width: 768px) {
4046
- .md\:static {
4047
- position: static;
4048
- }
4049
- .md\:order-2 {
4050
- order: 2;
4051
- }
88
+ @media (width >= 48rem) {
4052
89
  .md\:col-span-1 {
4053
90
  grid-column: span 1 / span 1;
4054
91
  }
4055
- .md\:col-span-10 {
4056
- grid-column: span 10 / span 10;
4057
- }
4058
- .md\:col-span-11 {
4059
- grid-column: span 11 / span 11;
4060
- }
4061
- .md\:col-span-12 {
4062
- grid-column: span 12 / span 12;
4063
- }
4064
92
  .md\:col-span-2 {
4065
93
  grid-column: span 2 / span 2;
4066
94
  }
@@ -4070,75 +98,58 @@ video {
4070
98
  .md\:col-span-4 {
4071
99
  grid-column: span 4 / span 4;
4072
100
  }
101
+ .md\:col-span-5 {
102
+ grid-column: span 5 / span 5;
103
+ }
4073
104
  .md\:col-span-6 {
4074
105
  grid-column: span 6 / span 6;
4075
106
  }
107
+ .md\:col-span-7 {
108
+ grid-column: span 7 / span 7;
109
+ }
4076
110
  .md\:col-span-8 {
4077
111
  grid-column: span 8 / span 8;
4078
112
  }
4079
- .md\:me-0 {
4080
- margin-inline-end: 0px;
4081
- }
4082
- .md\:flex {
4083
- display: flex;
4084
- }
4085
- .md\:w-80 {
4086
- width: 20rem;
113
+ .md\:col-span-9 {
114
+ grid-column: span 9 / span 9;
4087
115
  }
4088
- .md\:w-auto {
4089
- width: auto;
4090
- }
4091
- .md\:transform-none {
4092
- transform: none;
4093
- }
4094
- .md\:grid-cols-2 {
4095
- grid-template-columns: repeat(2, minmax(0, 1fr));
4096
- }
4097
- .md\:grid-cols-3 {
4098
- grid-template-columns: repeat(3, minmax(0, 1fr));
116
+ .md\:col-span-10 {
117
+ grid-column: span 10 / span 10;
4099
118
  }
4100
- .md\:grid-cols-6 {
4101
- grid-template-columns: repeat(6, minmax(0, 1fr));
119
+ .md\:col-span-11 {
120
+ grid-column: span 11 / span 11;
4102
121
  }
4103
- .md\:flex-row {
4104
- flex-direction: row;
122
+ .md\:col-span-12 {
123
+ grid-column: span 12 / span 12;
4105
124
  }
4106
- .md\:items-center {
4107
- align-items: center;
125
+ }
126
+ @media (width >= 64rem) {
127
+ .lg\:col-span-1 {
128
+ grid-column: span 1 / span 1;
4108
129
  }
4109
- .md\:border-r {
4110
- border-right-width: 1px;
130
+ .lg\:col-span-2 {
131
+ grid-column: span 2 / span 2;
4111
132
  }
4112
- .md\:border-gray-200 {
4113
- --tw-border-opacity: 1;
4114
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
133
+ .lg\:col-span-3 {
134
+ grid-column: span 3 / span 3;
4115
135
  }
4116
- .md\:p-12 {
4117
- padding: 3rem;
136
+ .lg\:col-span-4 {
137
+ grid-column: span 4 / span 4;
4118
138
  }
4119
- .md\:p-8 {
4120
- padding: 2rem;
139
+ .lg\:col-span-5 {
140
+ grid-column: span 5 / span 5;
4121
141
  }
4122
- .md\:text-5xl {
4123
- font-size: 3rem;
4124
- line-height: 1;
142
+ .lg\:col-span-6 {
143
+ grid-column: span 6 / span 6;
4125
144
  }
4126
- .md\:text-base {
4127
- font-size: 1rem;
4128
- line-height: 1.5rem;
145
+ .lg\:col-span-7 {
146
+ grid-column: span 7 / span 7;
4129
147
  }
4130
- .md\:shadow-none {
4131
- --tw-shadow: 0 0 #0000;
4132
- --tw-shadow-colored: 0 0 #0000;
4133
- box-shadow:
4134
- var(--tw-ring-offset-shadow, 0 0 #0000),
4135
- var(--tw-ring-shadow, 0 0 #0000),
4136
- var(--tw-shadow);
148
+ .lg\:col-span-8 {
149
+ grid-column: span 8 / span 8;
4137
150
  }
4138
- }
4139
- @media (min-width: 1024px) {
4140
- .lg\:col-span-1 {
4141
- grid-column: span 1 / span 1;
151
+ .lg\:col-span-9 {
152
+ grid-column: span 9 / span 9;
4142
153
  }
4143
154
  .lg\:col-span-10 {
4144
155
  grid-column: span 10 / span 10;
@@ -4149,143 +160,45 @@ video {
4149
160
  .lg\:col-span-12 {
4150
161
  grid-column: span 12 / span 12;
4151
162
  }
4152
- .lg\:col-span-2 {
163
+ }
164
+ @media (width >= 80rem) {
165
+ .xl\:col-span-1 {
166
+ grid-column: span 1 / span 1;
167
+ }
168
+ .xl\:col-span-2 {
4153
169
  grid-column: span 2 / span 2;
4154
170
  }
4155
- .lg\:col-span-3 {
171
+ .xl\:col-span-3 {
4156
172
  grid-column: span 3 / span 3;
4157
173
  }
4158
- .lg\:col-span-4 {
174
+ .xl\:col-span-4 {
4159
175
  grid-column: span 4 / span 4;
4160
176
  }
4161
- .lg\:col-span-5 {
177
+ .xl\:col-span-5 {
4162
178
  grid-column: span 5 / span 5;
4163
179
  }
4164
- .lg\:col-span-6 {
180
+ .xl\:col-span-6 {
4165
181
  grid-column: span 6 / span 6;
4166
182
  }
4167
- .lg\:col-span-7 {
183
+ .xl\:col-span-7 {
4168
184
  grid-column: span 7 / span 7;
4169
185
  }
4170
- .lg\:col-span-8 {
186
+ .xl\:col-span-8 {
4171
187
  grid-column: span 8 / span 8;
4172
188
  }
4173
- .lg\:block {
4174
- display: block;
4175
- }
4176
- .lg\:flex {
4177
- display: flex;
189
+ .xl\:col-span-9 {
190
+ grid-column: span 9 / span 9;
4178
191
  }
4179
- .lg\:hidden {
4180
- display: none;
4181
- }
4182
- .lg\:grid-cols-12 {
4183
- grid-template-columns: repeat(12, minmax(0, 1fr));
4184
- }
4185
- .lg\:grid-cols-3 {
4186
- grid-template-columns: repeat(3, minmax(0, 1fr));
4187
- }
4188
- .lg\:grid-cols-8 {
4189
- grid-template-columns: repeat(8, minmax(0, 1fr));
192
+ .xl\:col-span-10 {
193
+ grid-column: span 10 / span 10;
4190
194
  }
4191
- .lg\:px-8 {
4192
- padding-left: 2rem;
4193
- padding-right: 2rem;
195
+ .xl\:col-span-11 {
196
+ grid-column: span 11 / span 11;
4194
197
  }
4195
- }
4196
- @media (min-width: 1280px) {
4197
- .xl\:max-w-6xl {
4198
- max-width: 72rem;
198
+ .xl\:col-span-12 {
199
+ grid-column: span 12 / span 12;
4199
200
  }
4200
201
  }
4201
- .rtl\:space-x-reverse:where([dir=rtl], [dir=rtl] *) > :not([hidden]) ~ :not([hidden]) {
4202
- --tw-space-x-reverse: 1;
4203
- }
4204
- .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
4205
- height: 1rem;
4206
- }
4207
- .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
4208
- width: 1rem;
4209
- }
4210
- .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
4211
- border-radius: 9999px;
4212
- }
4213
- .\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb {
4214
- border-width: 2px;
4215
- }
4216
- .\[\&\:\:-moz-range-thumb\]\:border-white::-moz-range-thumb {
4217
- --tw-border-opacity: 1;
4218
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
4219
- }
4220
- .\[\&\:\:-moz-range-thumb\]\:bg-primary-500::-moz-range-thumb {
4221
- background-color: var(--color-primary-500);
4222
- }
4223
- .\[\&\:\:-moz-range-track\]\:h-1\.5::-moz-range-track {
4224
- height: 0.375rem;
4225
- }
4226
- .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
4227
- border-radius: 9999px;
4228
- }
4229
- .\[\&\:\:-moz-range-track\]\:bg-gray-200::-moz-range-track {
4230
- --tw-bg-opacity: 1;
4231
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
4232
- }
4233
- .dark\:\[\&\:\:-moz-range-track\]\:bg-gray-700:is(.dark *)::-moz-range-track {
4234
- --tw-bg-opacity: 1;
4235
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
4236
- }
4237
- .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
4238
- height: 1rem;
4239
- }
4240
- .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
4241
- width: 1rem;
4242
- }
4243
- .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
4244
- -webkit-appearance: none;
4245
- appearance: none;
4246
- }
4247
- .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
4248
- border-radius: 9999px;
4249
- }
4250
- .\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
4251
- border-width: 2px;
4252
- }
4253
- .\[\&\:\:-webkit-slider-thumb\]\:border-white::-webkit-slider-thumb {
4254
- --tw-border-opacity: 1;
4255
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
4256
- }
4257
- .\[\&\:\:-webkit-slider-thumb\]\:bg-primary-500::-webkit-slider-thumb {
4258
- background-color: var(--color-primary-500);
4259
- }
4260
- .\[\&\:\:-webkit-slider-thumb\]\:shadow-md::-webkit-slider-thumb {
4261
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
4262
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
4263
- box-shadow:
4264
- var(--tw-ring-offset-shadow, 0 0 #0000),
4265
- var(--tw-ring-shadow, 0 0 #0000),
4266
- var(--tw-shadow);
4267
- }
4268
- .\[\&\:\:-webkit-slider-thumb\]\:transition-colors::-webkit-slider-thumb {
4269
- -webkit-transition-property:
4270
- color,
4271
- background-color,
4272
- border-color,
4273
- text-decoration-color,
4274
- fill,
4275
- stroke;
4276
- transition-property:
4277
- color,
4278
- background-color,
4279
- border-color,
4280
- text-decoration-color,
4281
- fill,
4282
- stroke;
4283
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4284
- transition-duration: 150ms;
4285
- }
4286
- .\[\&\:\:-webkit-slider-thumb\]\:hover\:bg-primary-600:hover::-webkit-slider-thumb {
4287
- background-color: var(--color-primary-600);
4288
- }
4289
202
 
4290
203
  /* src/components/toast/toast.css */
4291
204
  @keyframes slideIn {