react-admin-crud-manager 1.1.1 → 1.2.0

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 (30) hide show
  1. package/README.md +1322 -207
  2. package/dist/index.cjs.js +20 -55
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.es.js +4092 -2529
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/types/components/CrudPage.d.ts +2 -211
  7. package/dist/types/components/Details/Details.d.ts +11 -0
  8. package/dist/types/components/Details/components/CardGroup.d.ts +9 -1
  9. package/dist/types/components/Details/components/DetailRow.d.ts +9 -1
  10. package/dist/types/components/Details/components/GroupRow.d.ts +9 -1
  11. package/dist/types/components/Filter/FilterDrawer.d.ts +2 -2
  12. package/dist/types/components/Form/components/AudioPicker.d.ts +2 -1
  13. package/dist/types/components/Form/components/Checkbox.d.ts +2 -1
  14. package/dist/types/components/Form/components/ImagePicker.d.ts +2 -1
  15. package/dist/types/components/Form/components/Input.d.ts +1 -0
  16. package/dist/types/components/Form/components/MultiImagePicker.d.ts +21 -0
  17. package/dist/types/components/Form/components/PhoneInput.d.ts +2 -1
  18. package/dist/types/components/Form/components/Radio.d.ts +2 -1
  19. package/dist/types/components/Form/components/RenderFields.d.ts +3 -2
  20. package/dist/types/components/Form/components/Select.d.ts +5 -2
  21. package/dist/types/components/Form/components/Switch.d.ts +1 -0
  22. package/dist/types/components/Form/components/TextArea.d.ts +2 -0
  23. package/dist/types/components/Form/components/TinyEditor.d.ts +3 -1
  24. package/dist/types/components/Form/components/VideoPicker.d.ts +2 -1
  25. package/dist/types/components/Modal/Modal.d.ts +11 -10
  26. package/dist/types/index.d.ts +2 -5
  27. package/dist/types/lib/crudClasses.d.ts +94 -0
  28. package/dist/types/types/crudtypes.d.ts +268 -0
  29. package/package.json +10 -8
  30. package/dist/tailwind.css +0 -2364
package/dist/tailwind.css DELETED
@@ -1,2364 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
2
-
3
- /* --- Tailwind core layers (must come first) --- */
4
- /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
5
- /*
6
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
- */
9
- *,
10
- ::before,
11
- ::after {
12
- box-sizing: border-box; /* 1 */
13
- border-width: 0; /* 2 */
14
- border-style: solid; /* 2 */
15
- border-color: #e5e7eb; /* 2 */
16
- }
17
- ::before,
18
- ::after {
19
- --tw-content: '';
20
- }
21
- /*
22
- 1. Use a consistent sensible line-height in all browsers.
23
- 2. Prevent adjustments of font size after orientation changes in iOS.
24
- 3. Use a more readable tab size.
25
- 4. Use the user's configured `sans` font-family by default.
26
- 5. Use the user's configured `sans` font-feature-settings by default.
27
- 6. Use the user's configured `sans` font-variation-settings by default.
28
- */
29
- html {
30
- line-height: 1.5; /* 1 */
31
- -webkit-text-size-adjust: 100%; /* 2 */
32
- -moz-tab-size: 4; /* 3 */
33
- -o-tab-size: 4;
34
- tab-size: 4; /* 3 */
35
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
36
- font-feature-settings: normal; /* 5 */
37
- font-variation-settings: normal; /* 6 */
38
- }
39
- /*
40
- 1. Remove the margin in all browsers.
41
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
42
- */
43
- body {
44
- margin: 0; /* 1 */
45
- line-height: inherit; /* 2 */
46
- }
47
- /*
48
- 1. Add the correct height in Firefox.
49
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
50
- 3. Ensure horizontal rules are visible by default.
51
- */
52
- hr {
53
- height: 0; /* 1 */
54
- color: inherit; /* 2 */
55
- border-top-width: 1px; /* 3 */
56
- }
57
- /*
58
- Add the correct text decoration in Chrome, Edge, and Safari.
59
- */
60
- abbr:where([title]) {
61
- -webkit-text-decoration: underline dotted;
62
- text-decoration: underline dotted;
63
- }
64
- /*
65
- Remove the default font size and weight for headings.
66
- */
67
- h1,
68
- h2,
69
- h3,
70
- h4,
71
- h5,
72
- h6 {
73
- font-size: inherit;
74
- font-weight: inherit;
75
- }
76
- /*
77
- Reset links to optimize for opt-in styling instead of opt-out.
78
- */
79
- a {
80
- color: inherit;
81
- text-decoration: inherit;
82
- }
83
- /*
84
- Add the correct font weight in Edge and Safari.
85
- */
86
- b,
87
- strong {
88
- font-weight: bolder;
89
- }
90
- /*
91
- 1. Use the user's configured `mono` font family by default.
92
- 2. Correct the odd `em` font sizing in all browsers.
93
- */
94
- code,
95
- kbd,
96
- samp,
97
- pre {
98
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
99
- font-size: 1em; /* 2 */
100
- }
101
- /*
102
- Add the correct font size in all browsers.
103
- */
104
- small {
105
- font-size: 80%;
106
- }
107
- /*
108
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
109
- */
110
- sub,
111
- sup {
112
- font-size: 75%;
113
- line-height: 0;
114
- position: relative;
115
- vertical-align: baseline;
116
- }
117
- sub {
118
- bottom: -0.25em;
119
- }
120
- sup {
121
- top: -0.5em;
122
- }
123
- /*
124
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
125
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
126
- 3. Remove gaps between table borders by default.
127
- */
128
- table {
129
- text-indent: 0; /* 1 */
130
- border-color: inherit; /* 2 */
131
- border-collapse: collapse; /* 3 */
132
- }
133
- /*
134
- 1. Change the font styles in all browsers.
135
- 2. Remove the margin in Firefox and Safari.
136
- 3. Remove default padding in all browsers.
137
- */
138
- button,
139
- input,
140
- optgroup,
141
- select,
142
- textarea {
143
- font-family: inherit; /* 1 */
144
- font-feature-settings: inherit; /* 1 */
145
- font-variation-settings: inherit; /* 1 */
146
- font-size: 100%; /* 1 */
147
- font-weight: inherit; /* 1 */
148
- line-height: inherit; /* 1 */
149
- color: inherit; /* 1 */
150
- margin: 0; /* 2 */
151
- padding: 0; /* 3 */
152
- }
153
- /*
154
- Remove the inheritance of text transform in Edge and Firefox.
155
- */
156
- button,
157
- select {
158
- text-transform: none;
159
- }
160
- /*
161
- 1. Correct the inability to style clickable types in iOS and Safari.
162
- 2. Remove default button styles.
163
- */
164
- button,
165
- [type='button'],
166
- [type='reset'],
167
- [type='submit'] {
168
- -webkit-appearance: button; /* 1 */
169
- background-color: transparent; /* 2 */
170
- background-image: none; /* 2 */
171
- }
172
- /*
173
- Use the modern Firefox focus style for all focusable elements.
174
- */
175
- :-moz-focusring {
176
- outline: auto;
177
- }
178
- /*
179
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
180
- */
181
- :-moz-ui-invalid {
182
- box-shadow: none;
183
- }
184
- /*
185
- Add the correct vertical alignment in Chrome and Firefox.
186
- */
187
- progress {
188
- vertical-align: baseline;
189
- }
190
- /*
191
- Correct the cursor style of increment and decrement buttons in Safari.
192
- */
193
- ::-webkit-inner-spin-button,
194
- ::-webkit-outer-spin-button {
195
- height: auto;
196
- }
197
- /*
198
- 1. Correct the odd appearance in Chrome and Safari.
199
- 2. Correct the outline style in Safari.
200
- */
201
- [type='search'] {
202
- -webkit-appearance: textfield; /* 1 */
203
- outline-offset: -2px; /* 2 */
204
- }
205
- /*
206
- Remove the inner padding in Chrome and Safari on macOS.
207
- */
208
- ::-webkit-search-decoration {
209
- -webkit-appearance: none;
210
- }
211
- /*
212
- 1. Correct the inability to style clickable types in iOS and Safari.
213
- 2. Change font properties to `inherit` in Safari.
214
- */
215
- ::-webkit-file-upload-button {
216
- -webkit-appearance: button; /* 1 */
217
- font: inherit; /* 2 */
218
- }
219
- /*
220
- Add the correct display in Chrome and Safari.
221
- */
222
- summary {
223
- display: list-item;
224
- }
225
- /*
226
- Removes the default spacing and border for appropriate elements.
227
- */
228
- blockquote,
229
- dl,
230
- dd,
231
- h1,
232
- h2,
233
- h3,
234
- h4,
235
- h5,
236
- h6,
237
- hr,
238
- figure,
239
- p,
240
- pre {
241
- margin: 0;
242
- }
243
- fieldset {
244
- margin: 0;
245
- padding: 0;
246
- }
247
- legend {
248
- padding: 0;
249
- }
250
- ol,
251
- ul,
252
- menu {
253
- list-style: none;
254
- margin: 0;
255
- padding: 0;
256
- }
257
- /*
258
- Reset default styling for dialogs.
259
- */
260
- dialog {
261
- padding: 0;
262
- }
263
- /*
264
- Prevent resizing textareas horizontally by default.
265
- */
266
- textarea {
267
- resize: vertical;
268
- }
269
- /*
270
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
271
- 2. Set the default placeholder color to the user's configured gray 400 color.
272
- */
273
- input::-moz-placeholder, textarea::-moz-placeholder {
274
- opacity: 1; /* 1 */
275
- color: #9ca3af; /* 2 */
276
- }
277
- input::placeholder,
278
- textarea::placeholder {
279
- opacity: 1; /* 1 */
280
- color: #9ca3af; /* 2 */
281
- }
282
- /*
283
- Set the default cursor for buttons.
284
- */
285
- button,
286
- [role="button"] {
287
- cursor: pointer;
288
- }
289
- /*
290
- Make sure disabled buttons don't get the pointer cursor.
291
- */
292
- :disabled {
293
- cursor: default;
294
- }
295
- /*
296
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
297
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
298
- This can trigger a poorly considered lint error in some tools but is included by design.
299
- */
300
- img,
301
- svg,
302
- video,
303
- canvas,
304
- audio,
305
- iframe,
306
- embed,
307
- object {
308
- display: block; /* 1 */
309
- vertical-align: middle; /* 2 */
310
- }
311
- /*
312
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
313
- */
314
- img,
315
- video {
316
- max-width: 100%;
317
- height: auto;
318
- }
319
- /* Make elements with the HTML hidden attribute stay hidden by default */
320
- [hidden] {
321
- display: none;
322
- }
323
- :root {
324
- --background: 0 0% 100%;
325
- --foreground: 0 0% 3.9%;
326
- --card: 0 0% 100%;
327
- --card-foreground: 0 0% 3.9%;
328
- --popover: 0 0% 100%;
329
- --popover-foreground: 0 0% 3.9%;
330
- --primary: 0 0% 9%;
331
- --primary-foreground: 0 0% 98%;
332
- --secondary: 0 0% 96.1%;
333
- --secondary-foreground: 0 0% 9%;
334
- --muted: 0 0% 96.1%;
335
- --muted-foreground: 0 0% 45.1%;
336
- --accent: 0 0% 96.1%;
337
- --accent-foreground: 0 0% 9%;
338
- --destructive: 0 84.2% 60.2%;
339
- --destructive-foreground: 0 0% 98%;
340
- --border: 0 0% 89.8%;
341
- --input: 0 0% 89.8%;
342
- --ring: 0 0% 3.9%;
343
- --chart-1: 12 76% 61%;
344
- --chart-2: 173 58% 39%;
345
- --chart-3: 197 37% 24%;
346
- --chart-4: 43 74% 66%;
347
- --chart-5: 27 87% 67%;
348
- --radius: 0.5rem;
349
- }
350
- *{
351
- border-color: hsl(var(--border));
352
- }
353
- body{
354
- background-color: hsl(var(--background));
355
- color: hsl(var(--foreground));
356
- }
357
- *, ::before, ::after{
358
- --tw-border-spacing-x: 0;
359
- --tw-border-spacing-y: 0;
360
- --tw-translate-x: 0;
361
- --tw-translate-y: 0;
362
- --tw-rotate: 0;
363
- --tw-skew-x: 0;
364
- --tw-skew-y: 0;
365
- --tw-scale-x: 1;
366
- --tw-scale-y: 1;
367
- --tw-pan-x: ;
368
- --tw-pan-y: ;
369
- --tw-pinch-zoom: ;
370
- --tw-scroll-snap-strictness: proximity;
371
- --tw-gradient-from-position: ;
372
- --tw-gradient-via-position: ;
373
- --tw-gradient-to-position: ;
374
- --tw-ordinal: ;
375
- --tw-slashed-zero: ;
376
- --tw-numeric-figure: ;
377
- --tw-numeric-spacing: ;
378
- --tw-numeric-fraction: ;
379
- --tw-ring-inset: ;
380
- --tw-ring-offset-width: 0px;
381
- --tw-ring-offset-color: #fff;
382
- --tw-ring-color: rgb(59 130 246 / 0.5);
383
- --tw-ring-offset-shadow: 0 0 #0000;
384
- --tw-ring-shadow: 0 0 #0000;
385
- --tw-shadow: 0 0 #0000;
386
- --tw-shadow-colored: 0 0 #0000;
387
- --tw-blur: ;
388
- --tw-brightness: ;
389
- --tw-contrast: ;
390
- --tw-grayscale: ;
391
- --tw-hue-rotate: ;
392
- --tw-invert: ;
393
- --tw-saturate: ;
394
- --tw-sepia: ;
395
- --tw-drop-shadow: ;
396
- --tw-backdrop-blur: ;
397
- --tw-backdrop-brightness: ;
398
- --tw-backdrop-contrast: ;
399
- --tw-backdrop-grayscale: ;
400
- --tw-backdrop-hue-rotate: ;
401
- --tw-backdrop-invert: ;
402
- --tw-backdrop-opacity: ;
403
- --tw-backdrop-saturate: ;
404
- --tw-backdrop-sepia: ;
405
- }
406
- ::backdrop{
407
- --tw-border-spacing-x: 0;
408
- --tw-border-spacing-y: 0;
409
- --tw-translate-x: 0;
410
- --tw-translate-y: 0;
411
- --tw-rotate: 0;
412
- --tw-skew-x: 0;
413
- --tw-skew-y: 0;
414
- --tw-scale-x: 1;
415
- --tw-scale-y: 1;
416
- --tw-pan-x: ;
417
- --tw-pan-y: ;
418
- --tw-pinch-zoom: ;
419
- --tw-scroll-snap-strictness: proximity;
420
- --tw-gradient-from-position: ;
421
- --tw-gradient-via-position: ;
422
- --tw-gradient-to-position: ;
423
- --tw-ordinal: ;
424
- --tw-slashed-zero: ;
425
- --tw-numeric-figure: ;
426
- --tw-numeric-spacing: ;
427
- --tw-numeric-fraction: ;
428
- --tw-ring-inset: ;
429
- --tw-ring-offset-width: 0px;
430
- --tw-ring-offset-color: #fff;
431
- --tw-ring-color: rgb(59 130 246 / 0.5);
432
- --tw-ring-offset-shadow: 0 0 #0000;
433
- --tw-ring-shadow: 0 0 #0000;
434
- --tw-shadow: 0 0 #0000;
435
- --tw-shadow-colored: 0 0 #0000;
436
- --tw-blur: ;
437
- --tw-brightness: ;
438
- --tw-contrast: ;
439
- --tw-grayscale: ;
440
- --tw-hue-rotate: ;
441
- --tw-invert: ;
442
- --tw-saturate: ;
443
- --tw-sepia: ;
444
- --tw-drop-shadow: ;
445
- --tw-backdrop-blur: ;
446
- --tw-backdrop-brightness: ;
447
- --tw-backdrop-contrast: ;
448
- --tw-backdrop-grayscale: ;
449
- --tw-backdrop-hue-rotate: ;
450
- --tw-backdrop-invert: ;
451
- --tw-backdrop-opacity: ;
452
- --tw-backdrop-saturate: ;
453
- --tw-backdrop-sepia: ;
454
- }
455
- .sr-only{
456
- position: absolute;
457
- width: 1px;
458
- height: 1px;
459
- padding: 0;
460
- margin: -1px;
461
- overflow: hidden;
462
- clip: rect(0, 0, 0, 0);
463
- white-space: nowrap;
464
- border-width: 0;
465
- }
466
- .pointer-events-none{
467
- pointer-events: none;
468
- }
469
- .pointer-events-auto{
470
- pointer-events: auto;
471
- }
472
- .fixed{
473
- position: fixed;
474
- }
475
- .absolute{
476
- position: absolute;
477
- }
478
- .relative{
479
- position: relative;
480
- }
481
- .inset-0{
482
- inset: 0px;
483
- }
484
- .inset-y-0{
485
- top: 0px;
486
- bottom: 0px;
487
- }
488
- .-right-2{
489
- right: -0.5rem;
490
- }
491
- .-top-2{
492
- top: -0.5rem;
493
- }
494
- .bottom-full{
495
- bottom: 100%;
496
- }
497
- .left-0{
498
- left: 0px;
499
- }
500
- .left-1{
501
- left: 0.25rem;
502
- }
503
- .left-1\/2{
504
- left: 50%;
505
- }
506
- .left-3{
507
- left: 0.75rem;
508
- }
509
- .right-0{
510
- right: 0px;
511
- }
512
- .right-1{
513
- right: 0.25rem;
514
- }
515
- .right-1\/2{
516
- right: 50%;
517
- }
518
- .right-3{
519
- right: 0.75rem;
520
- }
521
- .right-4{
522
- right: 1rem;
523
- }
524
- .right-\[50\%\]{
525
- right: 50%;
526
- }
527
- .top-0{
528
- top: 0px;
529
- }
530
- .top-1{
531
- top: 0.25rem;
532
- }
533
- .top-1\/2{
534
- top: 50%;
535
- }
536
- .top-4{
537
- top: 1rem;
538
- }
539
- .top-\[80\%\]{
540
- top: 80%;
541
- }
542
- .top-full{
543
- top: 100%;
544
- }
545
- .z-10{
546
- z-index: 10;
547
- }
548
- .z-20{
549
- z-index: 20;
550
- }
551
- .z-40{
552
- z-index: 40;
553
- }
554
- .z-50{
555
- z-index: 50;
556
- }
557
- .col-span-12{
558
- grid-column: span 12 / span 12;
559
- }
560
- .mb-0{
561
- margin-bottom: 0px;
562
- }
563
- .mb-1{
564
- margin-bottom: 0.25rem;
565
- }
566
- .mb-3{
567
- margin-bottom: 0.75rem;
568
- }
569
- .mb-6{
570
- margin-bottom: 1.5rem;
571
- }
572
- .ml-1{
573
- margin-left: 0.25rem;
574
- }
575
- .ml-2{
576
- margin-left: 0.5rem;
577
- }
578
- .mr-2{
579
- margin-right: 0.5rem;
580
- }
581
- .mt-1{
582
- margin-top: 0.25rem;
583
- }
584
- .mt-2{
585
- margin-top: 0.5rem;
586
- }
587
- .inline{
588
- display: inline;
589
- }
590
- .flex{
591
- display: flex;
592
- }
593
- .inline-flex{
594
- display: inline-flex;
595
- }
596
- .table{
597
- display: table;
598
- }
599
- .table-row{
600
- display: table-row;
601
- }
602
- .grid{
603
- display: grid;
604
- }
605
- .hidden{
606
- display: none;
607
- }
608
- .h-10{
609
- height: 2.5rem;
610
- }
611
- .h-11{
612
- height: 2.75rem;
613
- }
614
- .h-12{
615
- height: 3rem;
616
- }
617
- .h-16{
618
- height: 4rem;
619
- }
620
- .h-2{
621
- height: 0.5rem;
622
- }
623
- .h-20{
624
- height: 5rem;
625
- }
626
- .h-3{
627
- height: 0.75rem;
628
- }
629
- .h-4{
630
- height: 1rem;
631
- }
632
- .h-5{
633
- height: 1.25rem;
634
- }
635
- .h-6{
636
- height: 1.5rem;
637
- }
638
- .h-64{
639
- height: 16rem;
640
- }
641
- .h-72{
642
- height: 18rem;
643
- }
644
- .h-8{
645
- height: 2rem;
646
- }
647
- .h-9{
648
- height: 2.25rem;
649
- }
650
- .h-\[10px\]{
651
- height: 10px;
652
- }
653
- .h-\[150px\]{
654
- height: 150px;
655
- }
656
- .h-\[36px\]{
657
- height: 36px;
658
- }
659
- .h-\[40px\]{
660
- height: 40px;
661
- }
662
- .h-full{
663
- height: 100%;
664
- }
665
- .max-h-40{
666
- max-height: 10rem;
667
- }
668
- .max-h-60{
669
- max-height: 15rem;
670
- }
671
- .max-h-\[260px\]{
672
- max-height: 260px;
673
- }
674
- .max-h-\[90vh\]{
675
- max-height: 90vh;
676
- }
677
- .w-10{
678
- width: 2.5rem;
679
- }
680
- .w-11{
681
- width: 2.75rem;
682
- }
683
- .w-12{
684
- width: 3rem;
685
- }
686
- .w-16{
687
- width: 4rem;
688
- }
689
- .w-2{
690
- width: 0.5rem;
691
- }
692
- .w-20{
693
- width: 5rem;
694
- }
695
- .w-24{
696
- width: 6rem;
697
- }
698
- .w-3{
699
- width: 0.75rem;
700
- }
701
- .w-4{
702
- width: 1rem;
703
- }
704
- .w-48{
705
- width: 12rem;
706
- }
707
- .w-5{
708
- width: 1.25rem;
709
- }
710
- .w-6{
711
- width: 1.5rem;
712
- }
713
- .w-64{
714
- width: 16rem;
715
- }
716
- .w-8{
717
- width: 2rem;
718
- }
719
- .w-80{
720
- width: 20rem;
721
- }
722
- .w-\[260px\]{
723
- width: 260px;
724
- }
725
- .w-\[28rem\]{
726
- width: 28rem;
727
- }
728
- .w-\[36px\]{
729
- width: 36px;
730
- }
731
- .w-full{
732
- width: 100%;
733
- }
734
- .w-max{
735
- width: -moz-max-content;
736
- width: max-content;
737
- }
738
- .min-w-0{
739
- min-width: 0px;
740
- }
741
- .min-w-\[100px\]{
742
- min-width: 100px;
743
- }
744
- .min-w-\[150px\]{
745
- min-width: 150px;
746
- }
747
- .min-w-\[220px\]{
748
- min-width: 220px;
749
- }
750
- .min-w-\[40px\]{
751
- min-width: 40px;
752
- }
753
- .min-w-\[78px\]{
754
- min-width: 78px;
755
- }
756
- .max-w-2xl{
757
- max-width: 42rem;
758
- }
759
- .max-w-4xl{
760
- max-width: 56rem;
761
- }
762
- .max-w-5xl{
763
- max-width: 64rem;
764
- }
765
- .max-w-\[200px\]{
766
- max-width: 200px;
767
- }
768
- .max-w-\[300px\]{
769
- max-width: 300px;
770
- }
771
- .max-w-full{
772
- max-width: 100%;
773
- }
774
- .max-w-lg{
775
- max-width: 32rem;
776
- }
777
- .max-w-md{
778
- max-width: 28rem;
779
- }
780
- .max-w-xs{
781
- max-width: 20rem;
782
- }
783
- .flex-1{
784
- flex: 1 1 0%;
785
- }
786
- .flex-shrink{
787
- flex-shrink: 1;
788
- }
789
- .flex-shrink-0{
790
- flex-shrink: 0;
791
- }
792
- .shrink-0{
793
- flex-shrink: 0;
794
- }
795
- .border-collapse{
796
- border-collapse: collapse;
797
- }
798
- .-translate-x-1\/2{
799
- --tw-translate-x: -50%;
800
- 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));
801
- }
802
- .-translate-y-1\/2{
803
- --tw-translate-y: -50%;
804
- 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));
805
- }
806
- .translate-x-0{
807
- --tw-translate-x: 0px;
808
- 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));
809
- }
810
- .translate-x-full{
811
- --tw-translate-x: 100%;
812
- 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));
813
- }
814
- .rotate-180{
815
- --tw-rotate: 180deg;
816
- 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));
817
- }
818
- .scale-95{
819
- --tw-scale-x: .95;
820
- --tw-scale-y: .95;
821
- 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));
822
- }
823
- .transform{
824
- 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));
825
- }
826
- @keyframes pulse{
827
- 50%{
828
- opacity: .5;
829
- }
830
- }
831
- .animate-pulse{
832
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
833
- }
834
- @keyframes spin{
835
- to{
836
- transform: rotate(360deg);
837
- }
838
- }
839
- .animate-spin{
840
- animation: spin 1s linear infinite;
841
- }
842
- .cursor-not-allowed{
843
- cursor: not-allowed;
844
- }
845
- .cursor-pointer{
846
- cursor: pointer;
847
- }
848
- .select-none{
849
- -webkit-user-select: none;
850
- -moz-user-select: none;
851
- user-select: none;
852
- }
853
- .grid-cols-12{
854
- grid-template-columns: repeat(12, minmax(0, 1fr));
855
- }
856
- .flex-col{
857
- flex-direction: column;
858
- }
859
- .items-center{
860
- align-items: center;
861
- }
862
- .items-stretch{
863
- align-items: stretch;
864
- }
865
- .justify-end{
866
- justify-content: flex-end;
867
- }
868
- .justify-center{
869
- justify-content: center;
870
- }
871
- .justify-between{
872
- justify-content: space-between;
873
- }
874
- .gap-1{
875
- gap: 0.25rem;
876
- }
877
- .gap-2{
878
- gap: 0.5rem;
879
- }
880
- .gap-3{
881
- gap: 0.75rem;
882
- }
883
- .gap-4{
884
- gap: 1rem;
885
- }
886
- .gap-6{
887
- gap: 1.5rem;
888
- }
889
- .space-x-2 > :not([hidden]) ~ :not([hidden]){
890
- --tw-space-x-reverse: 0;
891
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
892
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
893
- }
894
- .space-x-4 > :not([hidden]) ~ :not([hidden]){
895
- --tw-space-x-reverse: 0;
896
- margin-right: calc(1rem * var(--tw-space-x-reverse));
897
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
898
- }
899
- .space-y-1 > :not([hidden]) ~ :not([hidden]){
900
- --tw-space-y-reverse: 0;
901
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
902
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
903
- }
904
- .space-y-2 > :not([hidden]) ~ :not([hidden]){
905
- --tw-space-y-reverse: 0;
906
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
907
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
908
- }
909
- .space-y-4 > :not([hidden]) ~ :not([hidden]){
910
- --tw-space-y-reverse: 0;
911
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
912
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
913
- }
914
- .overflow-auto{
915
- overflow: auto;
916
- }
917
- .overflow-hidden{
918
- overflow: hidden;
919
- }
920
- .overflow-x-auto{
921
- overflow-x: auto;
922
- }
923
- .overflow-y-auto{
924
- overflow-y: auto;
925
- }
926
- .truncate{
927
- overflow: hidden;
928
- text-overflow: ellipsis;
929
- white-space: nowrap;
930
- }
931
- .text-ellipsis{
932
- text-overflow: ellipsis;
933
- }
934
- .whitespace-nowrap{
935
- white-space: nowrap;
936
- }
937
- .break-words{
938
- overflow-wrap: break-word;
939
- }
940
- .rounded{
941
- border-radius: 0.25rem;
942
- }
943
- .rounded-full{
944
- border-radius: 9999px;
945
- }
946
- .rounded-lg{
947
- border-radius: var(--radius);
948
- }
949
- .rounded-md{
950
- border-radius: calc(var(--radius) - 2px);
951
- }
952
- .rounded-sm{
953
- border-radius: calc(var(--radius) - 4px);
954
- }
955
- .rounded-xl{
956
- border-radius: 0.75rem;
957
- }
958
- .border{
959
- border-width: 1px;
960
- }
961
- .border-2{
962
- border-width: 2px;
963
- }
964
- .border-4{
965
- border-width: 4px;
966
- }
967
- .border-8{
968
- border-width: 8px;
969
- }
970
- .border-b{
971
- border-bottom-width: 1px;
972
- }
973
- .border-l{
974
- border-left-width: 1px;
975
- }
976
- .border-r{
977
- border-right-width: 1px;
978
- }
979
- .border-t{
980
- border-top-width: 1px;
981
- }
982
- .border-t-2{
983
- border-top-width: 2px;
984
- }
985
- .border-dashed{
986
- border-style: dashed;
987
- }
988
- .border-blue-300{
989
- --tw-border-opacity: 1;
990
- border-color: rgb(147 197 253 / var(--tw-border-opacity));
991
- }
992
- .border-blue-500{
993
- --tw-border-opacity: 1;
994
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
995
- }
996
- .border-gray-100{
997
- --tw-border-opacity: 1;
998
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
999
- }
1000
- .border-gray-200{
1001
- --tw-border-opacity: 1;
1002
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1003
- }
1004
- .border-gray-300{
1005
- --tw-border-opacity: 1;
1006
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1007
- }
1008
- .border-green-300{
1009
- --tw-border-opacity: 1;
1010
- border-color: rgb(134 239 172 / var(--tw-border-opacity));
1011
- }
1012
- .border-green-600{
1013
- --tw-border-opacity: 1;
1014
- border-color: rgb(22 163 74 / var(--tw-border-opacity));
1015
- }
1016
- .border-primary{
1017
- border-color: var(--primary-500);
1018
- }
1019
- .border-primary-500{
1020
- border-color: var(--primary-500);
1021
- }
1022
- .border-purple-300{
1023
- --tw-border-opacity: 1;
1024
- border-color: rgb(216 180 254 / var(--tw-border-opacity));
1025
- }
1026
- .border-red-300{
1027
- --tw-border-opacity: 1;
1028
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
1029
- }
1030
- .border-red-600{
1031
- --tw-border-opacity: 1;
1032
- border-color: rgb(220 38 38 / var(--tw-border-opacity));
1033
- }
1034
- .border-teal-300{
1035
- --tw-border-opacity: 1;
1036
- border-color: rgb(94 234 212 / var(--tw-border-opacity));
1037
- }
1038
- .border-white\/30{
1039
- border-color: rgb(255 255 255 / 0.3);
1040
- }
1041
- .border-yellow-300{
1042
- --tw-border-opacity: 1;
1043
- border-color: rgb(253 224 71 / var(--tw-border-opacity));
1044
- }
1045
- .border-t-gray-200{
1046
- --tw-border-opacity: 1;
1047
- border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
1048
- }
1049
- .border-t-white{
1050
- --tw-border-opacity: 1;
1051
- border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
1052
- }
1053
- .\!bg-transparent{
1054
- background-color: transparent !important;
1055
- }
1056
- .bg-black\/50{
1057
- background-color: rgb(0 0 0 / 0.5);
1058
- }
1059
- .bg-black\/70{
1060
- background-color: rgb(0 0 0 / 0.7);
1061
- }
1062
- .bg-blue-100{
1063
- --tw-bg-opacity: 1;
1064
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
1065
- }
1066
- .bg-blue-50{
1067
- --tw-bg-opacity: 1;
1068
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1069
- }
1070
- .bg-blue-500\/10{
1071
- background-color: rgb(59 130 246 / 0.1);
1072
- }
1073
- .bg-gray-100{
1074
- --tw-bg-opacity: 1;
1075
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1076
- }
1077
- .bg-gray-200{
1078
- --tw-bg-opacity: 1;
1079
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1080
- }
1081
- .bg-gray-300{
1082
- --tw-bg-opacity: 1;
1083
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1084
- }
1085
- .bg-gray-50{
1086
- --tw-bg-opacity: 1;
1087
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1088
- }
1089
- .bg-gray-500{
1090
- --tw-bg-opacity: 1;
1091
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
1092
- }
1093
- .bg-gray-900{
1094
- --tw-bg-opacity: 1;
1095
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1096
- }
1097
- .bg-green-100{
1098
- --tw-bg-opacity: 1;
1099
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1100
- }
1101
- .bg-green-600{
1102
- --tw-bg-opacity: 1;
1103
- background-color: rgb(22 163 74 / var(--tw-bg-opacity));
1104
- }
1105
- .bg-primary{
1106
- background-color: var(--primary-500);
1107
- }
1108
- .bg-purple-100{
1109
- --tw-bg-opacity: 1;
1110
- background-color: rgb(243 232 255 / var(--tw-bg-opacity));
1111
- }
1112
- .bg-red-100{
1113
- --tw-bg-opacity: 1;
1114
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1115
- }
1116
- .bg-red-500{
1117
- --tw-bg-opacity: 1;
1118
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1119
- }
1120
- .bg-red-600{
1121
- --tw-bg-opacity: 1;
1122
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1123
- }
1124
- .bg-teal-100{
1125
- --tw-bg-opacity: 1;
1126
- background-color: rgb(204 251 241 / var(--tw-bg-opacity));
1127
- }
1128
- .bg-transparent{
1129
- background-color: transparent;
1130
- }
1131
- .bg-white{
1132
- --tw-bg-opacity: 1;
1133
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1134
- }
1135
- .bg-yellow-100{
1136
- --tw-bg-opacity: 1;
1137
- background-color: rgb(254 249 195 / var(--tw-bg-opacity));
1138
- }
1139
- .object-contain{
1140
- -o-object-fit: contain;
1141
- object-fit: contain;
1142
- }
1143
- .object-cover{
1144
- -o-object-fit: cover;
1145
- object-fit: cover;
1146
- }
1147
- .p-1{
1148
- padding: 0.25rem;
1149
- }
1150
- .p-2{
1151
- padding: 0.5rem;
1152
- }
1153
- .p-4{
1154
- padding: 1rem;
1155
- }
1156
- .px-2{
1157
- padding-left: 0.5rem;
1158
- padding-right: 0.5rem;
1159
- }
1160
- .px-3{
1161
- padding-left: 0.75rem;
1162
- padding-right: 0.75rem;
1163
- }
1164
- .px-4{
1165
- padding-left: 1rem;
1166
- padding-right: 1rem;
1167
- }
1168
- .px-6{
1169
- padding-left: 1.5rem;
1170
- padding-right: 1.5rem;
1171
- }
1172
- .px-8{
1173
- padding-left: 2rem;
1174
- padding-right: 2rem;
1175
- }
1176
- .py-1{
1177
- padding-top: 0.25rem;
1178
- padding-bottom: 0.25rem;
1179
- }
1180
- .py-2{
1181
- padding-top: 0.5rem;
1182
- padding-bottom: 0.5rem;
1183
- }
1184
- .py-3{
1185
- padding-top: 0.75rem;
1186
- padding-bottom: 0.75rem;
1187
- }
1188
- .py-6{
1189
- padding-top: 1.5rem;
1190
- padding-bottom: 1.5rem;
1191
- }
1192
- .pl-9{
1193
- padding-left: 2.25rem;
1194
- }
1195
- .pr-10{
1196
- padding-right: 2.5rem;
1197
- }
1198
- .pr-2{
1199
- padding-right: 0.5rem;
1200
- }
1201
- .pr-3{
1202
- padding-right: 0.75rem;
1203
- }
1204
- .text-left{
1205
- text-align: left;
1206
- }
1207
- .text-center{
1208
- text-align: center;
1209
- }
1210
- .text-base{
1211
- font-size: 1rem;
1212
- line-height: 1.5rem;
1213
- }
1214
- .text-lg{
1215
- font-size: 1.125rem;
1216
- line-height: 1.75rem;
1217
- }
1218
- .text-sm{
1219
- font-size: 0.875rem;
1220
- line-height: 1.25rem;
1221
- }
1222
- .text-xl{
1223
- font-size: 1.25rem;
1224
- line-height: 1.75rem;
1225
- }
1226
- .text-xs{
1227
- font-size: 0.75rem;
1228
- line-height: 1rem;
1229
- }
1230
- .font-medium{
1231
- font-weight: 500;
1232
- }
1233
- .font-semibold{
1234
- font-weight: 600;
1235
- }
1236
- .italic{
1237
- font-style: italic;
1238
- }
1239
- .text-black{
1240
- --tw-text-opacity: 1;
1241
- color: rgb(0 0 0 / var(--tw-text-opacity));
1242
- }
1243
- .text-blue-600{
1244
- --tw-text-opacity: 1;
1245
- color: rgb(37 99 235 / var(--tw-text-opacity));
1246
- }
1247
- .text-blue-700{
1248
- --tw-text-opacity: 1;
1249
- color: rgb(29 78 216 / var(--tw-text-opacity));
1250
- }
1251
- .text-blue-800{
1252
- --tw-text-opacity: 1;
1253
- color: rgb(30 64 175 / var(--tw-text-opacity));
1254
- }
1255
- .text-gray-400{
1256
- --tw-text-opacity: 1;
1257
- color: rgb(156 163 175 / var(--tw-text-opacity));
1258
- }
1259
- .text-gray-500{
1260
- --tw-text-opacity: 1;
1261
- color: rgb(107 114 128 / var(--tw-text-opacity));
1262
- }
1263
- .text-gray-600{
1264
- --tw-text-opacity: 1;
1265
- color: rgb(75 85 99 / var(--tw-text-opacity));
1266
- }
1267
- .text-gray-700{
1268
- --tw-text-opacity: 1;
1269
- color: rgb(55 65 81 / var(--tw-text-opacity));
1270
- }
1271
- .text-gray-800{
1272
- --tw-text-opacity: 1;
1273
- color: rgb(31 41 55 / var(--tw-text-opacity));
1274
- }
1275
- .text-gray-900{
1276
- --tw-text-opacity: 1;
1277
- color: rgb(17 24 39 / var(--tw-text-opacity));
1278
- }
1279
- .text-green-600{
1280
- --tw-text-opacity: 1;
1281
- color: rgb(22 163 74 / var(--tw-text-opacity));
1282
- }
1283
- .text-green-700{
1284
- --tw-text-opacity: 1;
1285
- color: rgb(21 128 61 / var(--tw-text-opacity));
1286
- }
1287
- .text-green-800{
1288
- --tw-text-opacity: 1;
1289
- color: rgb(22 101 52 / var(--tw-text-opacity));
1290
- }
1291
- .text-primary{
1292
- color: var(--primary-500);
1293
- }
1294
- .text-purple-700{
1295
- --tw-text-opacity: 1;
1296
- color: rgb(126 34 206 / var(--tw-text-opacity));
1297
- }
1298
- .text-purple-800{
1299
- --tw-text-opacity: 1;
1300
- color: rgb(107 33 168 / var(--tw-text-opacity));
1301
- }
1302
- .text-red-500{
1303
- --tw-text-opacity: 1;
1304
- color: rgb(239 68 68 / var(--tw-text-opacity));
1305
- }
1306
- .text-red-600{
1307
- --tw-text-opacity: 1;
1308
- color: rgb(220 38 38 / var(--tw-text-opacity));
1309
- }
1310
- .text-red-700{
1311
- --tw-text-opacity: 1;
1312
- color: rgb(185 28 28 / var(--tw-text-opacity));
1313
- }
1314
- .text-red-800{
1315
- --tw-text-opacity: 1;
1316
- color: rgb(153 27 27 / var(--tw-text-opacity));
1317
- }
1318
- .text-teal-700{
1319
- --tw-text-opacity: 1;
1320
- color: rgb(15 118 110 / var(--tw-text-opacity));
1321
- }
1322
- .text-teal-800{
1323
- --tw-text-opacity: 1;
1324
- color: rgb(17 94 89 / var(--tw-text-opacity));
1325
- }
1326
- .text-white{
1327
- --tw-text-opacity: 1;
1328
- color: rgb(255 255 255 / var(--tw-text-opacity));
1329
- }
1330
- .text-yellow-700{
1331
- --tw-text-opacity: 1;
1332
- color: rgb(161 98 7 / var(--tw-text-opacity));
1333
- }
1334
- .text-yellow-800{
1335
- --tw-text-opacity: 1;
1336
- color: rgb(133 77 14 / var(--tw-text-opacity));
1337
- }
1338
- .underline{
1339
- text-decoration-line: underline;
1340
- }
1341
- .placeholder-gray-400::-moz-placeholder{
1342
- --tw-placeholder-opacity: 1;
1343
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1344
- }
1345
- .placeholder-gray-400::placeholder{
1346
- --tw-placeholder-opacity: 1;
1347
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1348
- }
1349
- .placeholder-gray-500::-moz-placeholder{
1350
- --tw-placeholder-opacity: 1;
1351
- color: rgb(107 114 128 / var(--tw-placeholder-opacity));
1352
- }
1353
- .placeholder-gray-500::placeholder{
1354
- --tw-placeholder-opacity: 1;
1355
- color: rgb(107 114 128 / var(--tw-placeholder-opacity));
1356
- }
1357
- .opacity-0{
1358
- opacity: 0;
1359
- }
1360
- .opacity-100{
1361
- opacity: 1;
1362
- }
1363
- .opacity-50{
1364
- opacity: 0.5;
1365
- }
1366
- .opacity-60{
1367
- opacity: 0.6;
1368
- }
1369
- .opacity-75{
1370
- opacity: 0.75;
1371
- }
1372
- .opacity-90{
1373
- opacity: 0.9;
1374
- }
1375
- .shadow{
1376
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1377
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1378
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1379
- }
1380
- .shadow-2xl{
1381
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1382
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1383
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1384
- }
1385
- .shadow-lg{
1386
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1387
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1388
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1389
- }
1390
- .shadow-md{
1391
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1392
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1393
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1394
- }
1395
- .shadow-sm{
1396
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1397
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1398
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1399
- }
1400
- .shadow-xl{
1401
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1402
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1403
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1404
- }
1405
- .outline-none{
1406
- outline: 2px solid transparent;
1407
- outline-offset: 2px;
1408
- }
1409
- .outline{
1410
- outline-style: solid;
1411
- }
1412
- .ring-0{
1413
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1414
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1415
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1416
- }
1417
- .ring-blue-100{
1418
- --tw-ring-opacity: 1;
1419
- --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
1420
- }
1421
- .filter{
1422
- 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);
1423
- }
1424
- .backdrop-blur-sm{
1425
- --tw-backdrop-blur: blur(4px);
1426
- 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);
1427
- }
1428
- .transition{
1429
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1430
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1431
- transition-duration: 150ms;
1432
- }
1433
- .transition-all{
1434
- transition-property: all;
1435
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1436
- transition-duration: 150ms;
1437
- }
1438
- .transition-colors{
1439
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1440
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1441
- transition-duration: 150ms;
1442
- }
1443
- .transition-opacity{
1444
- transition-property: opacity;
1445
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1446
- transition-duration: 150ms;
1447
- }
1448
- .transition-transform{
1449
- transition-property: transform;
1450
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1451
- transition-duration: 150ms;
1452
- }
1453
- .duration-200{
1454
- transition-duration: 200ms;
1455
- }
1456
- .duration-300{
1457
- transition-duration: 300ms;
1458
- }
1459
- .ease-in-out{
1460
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1461
- }
1462
-
1463
- /* --- Primary Color System --- */
1464
- :root {
1465
- --primary-50: #eff6ff;
1466
- --primary-100: #dbeafe;
1467
- --primary-200: #bfdbfe;
1468
- --primary-300: #93c5fd;
1469
- --primary-400: #60a5fa;
1470
- --primary-500: #3b82f6;
1471
- --primary-600: #2563eb;
1472
- --primary-700: #1d4ed8;
1473
- --primary-800: #1e40af;
1474
- --primary-900: #1e3a8a;
1475
- }
1476
-
1477
- .primary-bg {
1478
- background-color: var(--primary-500);
1479
- }
1480
- .primary-bg-light {
1481
- background-color: var(--primary-100);
1482
- }
1483
- .primary-bg-dark {
1484
- background-color: var(--primary-700);
1485
- }
1486
- .primary-text {
1487
- color: var(--primary-600);
1488
- }
1489
- .primary-border {
1490
- border-color: var(--primary-300);
1491
- }
1492
- .primary-hover:hover {
1493
- background-color: var(--primary-600);
1494
- }
1495
-
1496
- /* --- Custom CSS variables --- */
1497
- :root {
1498
- --foreground-rgb: 0, 0, 0;
1499
- --background-start-rgb: 214, 219, 220;
1500
- --background-end-rgb: 255, 255, 255;
1501
- }
1502
-
1503
- @media (prefers-color-scheme: dark) {
1504
- :root {
1505
- --foreground-rgb: 255, 255, 255;
1506
- --background-start-rgb: 0, 0, 0;
1507
- --background-end-rgb: 0, 0, 0;
1508
- }
1509
- }
1510
-
1511
- /* --- Custom Tailwind base layer --- */
1512
-
1513
- /* --- Global styles (safe outside Tailwind layers) --- */
1514
- html,
1515
- body {
1516
- height: 100%;
1517
- /* overflow: hidden; */
1518
- }
1519
-
1520
- /* Scrollbar styling */
1521
- :root {
1522
- --scrollbar-thumb: #d1d5db;
1523
- --scrollbar-thumb-hover: #9ca3af;
1524
- }
1525
-
1526
- .dark {
1527
- --scrollbar-thumb: #4b5563;
1528
- --scrollbar-thumb-hover: #6b7280;
1529
- }
1530
-
1531
- * {
1532
- scrollbar-width: thin;
1533
- scrollbar-color: var(--scrollbar-thumb) transparent;
1534
- }
1535
-
1536
- *::-webkit-scrollbar {
1537
- width: 6px;
1538
- height: 6px;
1539
- }
1540
-
1541
- *::-webkit-scrollbar-track {
1542
- background: transparent;
1543
- }
1544
-
1545
- *::-webkit-scrollbar-thumb {
1546
- background-color: var(--scrollbar-thumb);
1547
- border-radius: 3px;
1548
- }
1549
-
1550
- *::-webkit-scrollbar-thumb:hover {
1551
- background-color: var(--scrollbar-thumb-hover);
1552
- }
1553
-
1554
- h1{
1555
- font-size: 1.5rem;
1556
- line-height: 2rem;
1557
- font-weight: 700;
1558
- --tw-text-opacity: 1;
1559
- color: rgb(17 24 39 / var(--tw-text-opacity));
1560
- }
1561
-
1562
- :is(.dark h1){
1563
- --tw-text-opacity: 1;
1564
- color: rgb(255 255 255 / var(--tw-text-opacity));
1565
- }
1566
-
1567
- p{
1568
- --tw-text-opacity: 1;
1569
- color: rgb(75 85 99 / var(--tw-text-opacity));
1570
- }
1571
-
1572
- :is(.dark p){
1573
- --tw-text-opacity: 1;
1574
- color: rgb(156 163 175 / var(--tw-text-opacity));
1575
- }
1576
-
1577
- .table-search-field{
1578
- position: relative;
1579
- width: 100%;
1580
- }
1581
-
1582
- @media (min-width: 640px){
1583
- .table-search-field{
1584
- min-width: 300px !important;
1585
- }
1586
- }
1587
-
1588
- .table-search-field .search-icon{
1589
- position: absolute;
1590
- left: 0.75rem;
1591
- top: 50%;
1592
- height: 1rem;
1593
- width: 1rem;
1594
- --tw-translate-y: -50%;
1595
- 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));
1596
- --tw-text-opacity: 1;
1597
- color: rgb(156 163 175 / var(--tw-text-opacity));
1598
- }
1599
-
1600
- :is(.dark .table-search-field .search-icon){
1601
- --tw-text-opacity: 1;
1602
- color: rgb(209 213 219 / var(--tw-text-opacity));
1603
- }
1604
-
1605
- .table-search-field input{
1606
- height: 36px;
1607
- width: 100%;
1608
- border-radius: calc(var(--radius) - 2px);
1609
- border-width: 1px;
1610
- --tw-border-opacity: 1;
1611
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1612
- --tw-bg-opacity: 1;
1613
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1614
- padding-top: 0.75rem;
1615
- padding-bottom: 0.75rem;
1616
- padding-left: 2.25rem;
1617
- padding-right: 1rem;
1618
- font-size: 0.875rem;
1619
- line-height: 1.25rem;
1620
- --tw-text-opacity: 1;
1621
- color: rgb(17 24 39 / var(--tw-text-opacity));
1622
- }
1623
-
1624
- .table-search-field input::-moz-placeholder{
1625
- --tw-placeholder-opacity: 1;
1626
- color: rgb(107 114 128 / var(--tw-placeholder-opacity));
1627
- }
1628
-
1629
- .table-search-field input::placeholder{
1630
- --tw-placeholder-opacity: 1;
1631
- color: rgb(107 114 128 / var(--tw-placeholder-opacity));
1632
- }
1633
-
1634
- .table-search-field input:focus{
1635
- outline: 2px solid transparent;
1636
- outline-offset: 2px;
1637
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1638
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1639
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1640
- --tw-ring-opacity: 1;
1641
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
1642
- }
1643
-
1644
- .table-search-field input:disabled{
1645
- opacity: 0.5;
1646
- }
1647
-
1648
- :is(.dark .table-search-field input){
1649
- --tw-border-opacity: 1;
1650
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1651
- --tw-bg-opacity: 1;
1652
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1653
- --tw-text-opacity: 1;
1654
- color: rgb(255 255 255 / var(--tw-text-opacity));
1655
- }
1656
-
1657
- :is(.dark .table-search-field input)::-moz-placeholder{
1658
- --tw-placeholder-opacity: 1;
1659
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1660
- }
1661
-
1662
- :is(.dark .table-search-field input)::placeholder{
1663
- --tw-placeholder-opacity: 1;
1664
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1665
- }
1666
-
1667
- :is(.dark .table-search-field input){
1668
- --tw-ring-opacity: 1;
1669
- --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
1670
- }
1671
-
1672
- .filter-button-wrapper{
1673
- position: relative;
1674
- width: 100%;
1675
- }
1676
-
1677
- @media (min-width: 640px){
1678
- .filter-button-wrapper{
1679
- width: auto !important;
1680
- }
1681
- }
1682
-
1683
- .filter-button-wrapper .red-dot{
1684
- position: absolute;
1685
- top: 0.25rem;
1686
- right: 0.25rem;
1687
- height: 0.5rem;
1688
- width: 0.5rem;
1689
- border-radius: 9999px;
1690
- --tw-bg-opacity: 1;
1691
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1692
- }
1693
-
1694
- .table-container{
1695
- overflow: hidden;
1696
- border-radius: var(--radius);
1697
- border-width: 1px;
1698
- --tw-border-opacity: 1;
1699
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1700
- --tw-bg-opacity: 1;
1701
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1702
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1703
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1704
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1705
- }
1706
-
1707
- :is(.dark .table-container){
1708
- --tw-border-opacity: 1;
1709
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
1710
- --tw-bg-opacity: 1;
1711
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1712
- }
1713
- .table-container table{
1714
- min-width: 100%;
1715
- }
1716
- .table-container table > :not([hidden]) ~ :not([hidden]){
1717
- --tw-divide-y-reverse: 0;
1718
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1719
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1720
- --tw-divide-opacity: 1;
1721
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1722
- }
1723
- :is(.dark .table-container table) > :not([hidden]) ~ :not([hidden]){
1724
- --tw-divide-opacity: 1;
1725
- border-color: rgb(55 65 81 / var(--tw-divide-opacity));
1726
- }
1727
-
1728
- .table-container thead{
1729
- --tw-bg-opacity: 1;
1730
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1731
- }
1732
-
1733
- :is(.dark .table-container thead){
1734
- background-color: rgb(55 65 81 / 0.6);
1735
- }
1736
- .table-container tbody > :not([hidden]) ~ :not([hidden]){
1737
- --tw-divide-y-reverse: 0;
1738
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1739
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1740
- --tw-divide-opacity: 1;
1741
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1742
- }
1743
- .table-container tbody{
1744
- --tw-bg-opacity: 1;
1745
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1746
- }
1747
- :is(.dark .table-container tbody) > :not([hidden]) ~ :not([hidden]){
1748
- --tw-divide-opacity: 1;
1749
- border-color: rgb(55 65 81 / var(--tw-divide-opacity));
1750
- }
1751
- :is(.dark .table-container tbody){
1752
- --tw-bg-opacity: 1;
1753
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1754
- }
1755
-
1756
- .table-container .table-head-data{
1757
- min-width: -moz-max-content;
1758
- min-width: max-content;
1759
- max-width: 180px;
1760
- overflow: hidden;
1761
- text-overflow: ellipsis;
1762
- white-space: nowrap;
1763
- padding-left: 1.5rem;
1764
- padding-right: 1.5rem;
1765
- padding-top: 1rem;
1766
- padding-bottom: 1rem;
1767
- text-align: left;
1768
- font-size: 0.75rem;
1769
- line-height: 1rem;
1770
- font-weight: 500;
1771
- text-transform: uppercase;
1772
- letter-spacing: 0.05em;
1773
- --tw-text-opacity: 1;
1774
- color: rgb(0 0 0 / var(--tw-text-opacity));
1775
- }
1776
-
1777
- :is(.dark .table-container .table-head-data){
1778
- --tw-text-opacity: 1;
1779
- color: rgb(255 255 255 / var(--tw-text-opacity));
1780
- }
1781
-
1782
- .table-container .no-data-message{
1783
- padding-top: 2.5rem;
1784
- padding-bottom: 2.5rem;
1785
- text-align: center;
1786
- --tw-text-opacity: 1;
1787
- color: rgb(107 114 128 / var(--tw-text-opacity));
1788
- }
1789
-
1790
- :is(.dark .table-container .no-data-message){
1791
- --tw-text-opacity: 1;
1792
- color: rgb(156 163 175 / var(--tw-text-opacity));
1793
- }
1794
-
1795
- .table-container .table-row{
1796
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1797
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1798
- transition-duration: 150ms;
1799
- }
1800
-
1801
- .table-container .table-row:hover{
1802
- --tw-bg-opacity: 1;
1803
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1804
- }
1805
-
1806
- :is(.dark .table-container .table-row:hover){
1807
- background-color: rgb(30 64 175 / 0.1);
1808
- }
1809
-
1810
- .table-container .table-data{
1811
- min-width: -moz-max-content;
1812
- min-width: max-content;
1813
- padding-left: 1.5rem;
1814
- padding-right: 1.5rem;
1815
- padding-top: 1rem;
1816
- padding-bottom: 1rem;
1817
- font-size: 0.875rem;
1818
- line-height: 1.25rem;
1819
- --tw-text-opacity: 1;
1820
- color: rgb(17 24 39 / var(--tw-text-opacity));
1821
- }
1822
-
1823
- :is(.dark .table-container .table-data){
1824
- --tw-text-opacity: 1;
1825
- color: rgb(243 244 246 / var(--tw-text-opacity));
1826
- }
1827
-
1828
- .table-container .pagination-wrapper{
1829
- display: flex;
1830
- flex-wrap: wrap;
1831
- align-items: center;
1832
- justify-content: space-between;
1833
- gap: 0.75rem;
1834
- border-top-width: 1px;
1835
- --tw-border-opacity: 1;
1836
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1837
- --tw-bg-opacity: 1;
1838
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1839
- padding-left: 1.5rem;
1840
- padding-right: 1.5rem;
1841
- padding-top: 0.75rem;
1842
- padding-bottom: 0.75rem;
1843
- }
1844
-
1845
- :is(.dark .table-container .pagination-wrapper){
1846
- --tw-border-opacity: 1;
1847
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1848
- background-color: rgb(55 65 81 / 0.6);
1849
- }
1850
-
1851
- .table-container .pagination-wrapper span{
1852
- font-size: 0.875rem;
1853
- line-height: 1.25rem;
1854
- --tw-text-opacity: 1;
1855
- color: rgb(55 65 81 / var(--tw-text-opacity));
1856
- }
1857
-
1858
- :is(.dark .table-container .pagination-wrapper span){
1859
- --tw-text-opacity: 1;
1860
- color: rgb(209 213 219 / var(--tw-text-opacity));
1861
- }
1862
- .table-container .pagination-wrapper .rows-number-select{
1863
- border-radius: calc(var(--radius) - 2px);
1864
- border-width: 1px;
1865
- --tw-border-opacity: 1;
1866
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1867
- --tw-bg-opacity: 1;
1868
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1869
- padding-left: 0.5rem;
1870
- padding-right: 0.5rem;
1871
- padding-top: 0.25rem;
1872
- padding-bottom: 0.25rem;
1873
- font-size: 0.875rem;
1874
- line-height: 1.25rem;
1875
- }
1876
- .table-container .pagination-wrapper .rows-number-select:focus{
1877
- outline: 2px solid transparent;
1878
- outline-offset: 2px;
1879
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1880
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1881
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1882
- --tw-ring-opacity: 1;
1883
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1884
- }
1885
- :is(.dark .table-container .pagination-wrapper .rows-number-select){
1886
- --tw-border-opacity: 1;
1887
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1888
- --tw-bg-opacity: 1;
1889
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
1890
- }
1891
- .table-container .pagination-wrapper .arrow-icons{
1892
- border-radius: calc(var(--radius) - 2px);
1893
- padding: 0.5rem;
1894
- --tw-text-opacity: 1;
1895
- color: rgb(107 114 128 / var(--tw-text-opacity));
1896
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1897
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1898
- transition-duration: 150ms;
1899
- }
1900
- .table-container .pagination-wrapper .arrow-icons:hover{
1901
- --tw-bg-opacity: 1;
1902
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1903
- }
1904
- .table-container .pagination-wrapper .arrow-icons:disabled{
1905
- opacity: 0.5;
1906
- }
1907
- :is(.dark .table-container .pagination-wrapper .arrow-icons){
1908
- --tw-text-opacity: 1;
1909
- color: rgb(209 213 219 / var(--tw-text-opacity));
1910
- }
1911
- :is(.dark .table-container .pagination-wrapper .arrow-icons:hover){
1912
- --tw-bg-opacity: 1;
1913
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1914
- }
1915
- /* Remove number input arrows */
1916
- .no-spinner::-webkit-outer-spin-button,
1917
- .no-spinner::-webkit-inner-spin-button {
1918
- -webkit-appearance: none;
1919
- margin: 0;
1920
- }
1921
-
1922
- .no-spinner {
1923
- -moz-appearance: textfield; /* Firefox */
1924
- }
1925
-
1926
- .tox.tox-tinymce .tox-edit-area::before {
1927
- border: 0 !important;
1928
- box-shadow: none !important;
1929
- }
1930
-
1931
- .hover\:bg-blue-50:hover{
1932
- --tw-bg-opacity: 1;
1933
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1934
- }
1935
-
1936
- .hover\:bg-gray-100:hover{
1937
- --tw-bg-opacity: 1;
1938
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1939
- }
1940
-
1941
- .hover\:bg-gray-200:hover{
1942
- --tw-bg-opacity: 1;
1943
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1944
- }
1945
-
1946
- .hover\:bg-gray-300:hover{
1947
- --tw-bg-opacity: 1;
1948
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1949
- }
1950
-
1951
- .hover\:bg-green-50:hover{
1952
- --tw-bg-opacity: 1;
1953
- background-color: rgb(240 253 244 / var(--tw-bg-opacity));
1954
- }
1955
-
1956
- .hover\:bg-green-700:hover{
1957
- --tw-bg-opacity: 1;
1958
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
1959
- }
1960
-
1961
- .hover\:bg-primary-50:hover{
1962
- background-color: var(--primary-50);
1963
- }
1964
-
1965
- .hover\:bg-primary-600:hover{
1966
- background-color: var(--primary-600);
1967
- }
1968
-
1969
- .hover\:bg-red-50:hover{
1970
- --tw-bg-opacity: 1;
1971
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1972
- }
1973
-
1974
- .hover\:bg-red-600:hover{
1975
- --tw-bg-opacity: 1;
1976
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1977
- }
1978
-
1979
- .hover\:bg-red-700:hover{
1980
- --tw-bg-opacity: 1;
1981
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
1982
- }
1983
-
1984
- .hover\:bg-white\/20:hover{
1985
- background-color: rgb(255 255 255 / 0.2);
1986
- }
1987
-
1988
- .hover\:text-gray-600:hover{
1989
- --tw-text-opacity: 1;
1990
- color: rgb(75 85 99 / var(--tw-text-opacity));
1991
- }
1992
-
1993
- .focus\:outline-none:focus{
1994
- outline: 2px solid transparent;
1995
- outline-offset: 2px;
1996
- }
1997
-
1998
- .focus\:ring-1:focus{
1999
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2000
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2001
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2002
- }
2003
-
2004
- .focus\:ring-2:focus{
2005
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2006
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2007
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2008
- }
2009
-
2010
- .focus\:ring-blue-200:focus{
2011
- --tw-ring-opacity: 1;
2012
- --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
2013
- }
2014
-
2015
- .focus\:ring-blue-300:focus{
2016
- --tw-ring-opacity: 1;
2017
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
2018
- }
2019
-
2020
- .focus\:ring-blue-500:focus{
2021
- --tw-ring-opacity: 1;
2022
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2023
- }
2024
-
2025
- .focus\:ring-gray-300:focus{
2026
- --tw-ring-opacity: 1;
2027
- --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
2028
- }
2029
-
2030
- .focus\:ring-green-500:focus{
2031
- --tw-ring-opacity: 1;
2032
- --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
2033
- }
2034
-
2035
- .focus\:ring-primary-500:focus{
2036
- --tw-ring-color: var(--primary-500);
2037
- }
2038
-
2039
- .focus\:ring-red-500:focus{
2040
- --tw-ring-opacity: 1;
2041
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
2042
- }
2043
-
2044
- .focus\:ring-offset-2:focus{
2045
- --tw-ring-offset-width: 2px;
2046
- }
2047
-
2048
- .focus-visible\:outline-none:focus-visible{
2049
- outline: 2px solid transparent;
2050
- outline-offset: 2px;
2051
- }
2052
-
2053
- .focus-visible\:ring-2:focus-visible{
2054
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2055
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2056
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2057
- }
2058
-
2059
- .focus-visible\:ring-blue-400:focus-visible{
2060
- --tw-ring-opacity: 1;
2061
- --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
2062
- }
2063
-
2064
- .focus-visible\:ring-offset-2:focus-visible{
2065
- --tw-ring-offset-width: 2px;
2066
- }
2067
-
2068
- .disabled\:pointer-events-none:disabled{
2069
- pointer-events: none;
2070
- }
2071
-
2072
- .disabled\:opacity-50:disabled{
2073
- opacity: 0.5;
2074
- }
2075
-
2076
- .group:hover .group-hover\:opacity-100{
2077
- opacity: 1;
2078
- }
2079
-
2080
- .peer:checked ~ .peer-checked\:translate-x-5{
2081
- --tw-translate-x: 1.25rem;
2082
- 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));
2083
- }
2084
-
2085
- .peer:checked ~ .peer-checked\:bg-primary-600{
2086
- background-color: var(--primary-600);
2087
- }
2088
-
2089
- .peer:focus ~ .peer-focus\:outline-none{
2090
- outline: 2px solid transparent;
2091
- outline-offset: 2px;
2092
- }
2093
-
2094
- .peer:disabled ~ .peer-disabled\:cursor-not-allowed{
2095
- cursor: not-allowed;
2096
- }
2097
-
2098
- .peer:disabled ~ .peer-disabled\:opacity-50{
2099
- opacity: 0.5;
2100
- }
2101
-
2102
- :is(.dark .dark\:border-blue-700){
2103
- --tw-border-opacity: 1;
2104
- border-color: rgb(29 78 216 / var(--tw-border-opacity));
2105
- }
2106
-
2107
- :is(.dark .dark\:border-gray-600){
2108
- --tw-border-opacity: 1;
2109
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
2110
- }
2111
-
2112
- :is(.dark .dark\:border-gray-700){
2113
- --tw-border-opacity: 1;
2114
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
2115
- }
2116
-
2117
- :is(.dark .dark\:border-gray-800){
2118
- --tw-border-opacity: 1;
2119
- border-color: rgb(31 41 55 / var(--tw-border-opacity));
2120
- }
2121
-
2122
- :is(.dark .dark\:border-green-700){
2123
- --tw-border-opacity: 1;
2124
- border-color: rgb(21 128 61 / var(--tw-border-opacity));
2125
- }
2126
-
2127
- :is(.dark .dark\:border-purple-700){
2128
- --tw-border-opacity: 1;
2129
- border-color: rgb(126 34 206 / var(--tw-border-opacity));
2130
- }
2131
-
2132
- :is(.dark .dark\:border-red-700){
2133
- --tw-border-opacity: 1;
2134
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
2135
- }
2136
-
2137
- :is(.dark .dark\:border-teal-700){
2138
- --tw-border-opacity: 1;
2139
- border-color: rgb(15 118 110 / var(--tw-border-opacity));
2140
- }
2141
-
2142
- :is(.dark .dark\:border-yellow-700){
2143
- --tw-border-opacity: 1;
2144
- border-color: rgb(161 98 7 / var(--tw-border-opacity));
2145
- }
2146
-
2147
- :is(.dark .dark\:bg-black){
2148
- --tw-bg-opacity: 1;
2149
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2150
- }
2151
-
2152
- :is(.dark .dark\:bg-black\/80){
2153
- background-color: rgb(0 0 0 / 0.8);
2154
- }
2155
-
2156
- :is(.dark .dark\:bg-blue-900\/20){
2157
- background-color: rgb(30 58 138 / 0.2);
2158
- }
2159
-
2160
- :is(.dark .dark\:bg-blue-900\/30){
2161
- background-color: rgb(30 58 138 / 0.3);
2162
- }
2163
-
2164
- :is(.dark .dark\:bg-gray-600){
2165
- --tw-bg-opacity: 1;
2166
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2167
- }
2168
-
2169
- :is(.dark .dark\:bg-gray-700){
2170
- --tw-bg-opacity: 1;
2171
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2172
- }
2173
-
2174
- :is(.dark .dark\:bg-gray-800){
2175
- --tw-bg-opacity: 1;
2176
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2177
- }
2178
-
2179
- :is(.dark .dark\:bg-gray-900){
2180
- --tw-bg-opacity: 1;
2181
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2182
- }
2183
-
2184
- :is(.dark .dark\:bg-gray-900\/30){
2185
- background-color: rgb(17 24 39 / 0.3);
2186
- }
2187
-
2188
- :is(.dark .dark\:bg-green-900\/30){
2189
- background-color: rgb(20 83 45 / 0.3);
2190
- }
2191
-
2192
- :is(.dark .dark\:bg-purple-900\/30){
2193
- background-color: rgb(88 28 135 / 0.3);
2194
- }
2195
-
2196
- :is(.dark .dark\:bg-red-900\/30){
2197
- background-color: rgb(127 29 29 / 0.3);
2198
- }
2199
-
2200
- :is(.dark .dark\:bg-teal-900\/30){
2201
- background-color: rgb(19 78 74 / 0.3);
2202
- }
2203
-
2204
- :is(.dark .dark\:bg-yellow-900\/30){
2205
- background-color: rgb(113 63 18 / 0.3);
2206
- }
2207
-
2208
- :is(.dark .dark\:text-blue-300){
2209
- --tw-text-opacity: 1;
2210
- color: rgb(147 197 253 / var(--tw-text-opacity));
2211
- }
2212
-
2213
- :is(.dark .dark\:text-blue-400){
2214
- --tw-text-opacity: 1;
2215
- color: rgb(96 165 250 / var(--tw-text-opacity));
2216
- }
2217
-
2218
- :is(.dark .dark\:text-gray-100){
2219
- --tw-text-opacity: 1;
2220
- color: rgb(243 244 246 / var(--tw-text-opacity));
2221
- }
2222
-
2223
- :is(.dark .dark\:text-gray-200){
2224
- --tw-text-opacity: 1;
2225
- color: rgb(229 231 235 / var(--tw-text-opacity));
2226
- }
2227
-
2228
- :is(.dark .dark\:text-gray-300){
2229
- --tw-text-opacity: 1;
2230
- color: rgb(209 213 219 / var(--tw-text-opacity));
2231
- }
2232
-
2233
- :is(.dark .dark\:text-gray-400){
2234
- --tw-text-opacity: 1;
2235
- color: rgb(156 163 175 / var(--tw-text-opacity));
2236
- }
2237
-
2238
- :is(.dark .dark\:text-green-300){
2239
- --tw-text-opacity: 1;
2240
- color: rgb(134 239 172 / var(--tw-text-opacity));
2241
- }
2242
-
2243
- :is(.dark .dark\:text-purple-300){
2244
- --tw-text-opacity: 1;
2245
- color: rgb(216 180 254 / var(--tw-text-opacity));
2246
- }
2247
-
2248
- :is(.dark .dark\:text-red-300){
2249
- --tw-text-opacity: 1;
2250
- color: rgb(252 165 165 / var(--tw-text-opacity));
2251
- }
2252
-
2253
- :is(.dark .dark\:text-red-500){
2254
- --tw-text-opacity: 1;
2255
- color: rgb(239 68 68 / var(--tw-text-opacity));
2256
- }
2257
-
2258
- :is(.dark .dark\:text-teal-300){
2259
- --tw-text-opacity: 1;
2260
- color: rgb(94 234 212 / var(--tw-text-opacity));
2261
- }
2262
-
2263
- :is(.dark .dark\:text-white){
2264
- --tw-text-opacity: 1;
2265
- color: rgb(255 255 255 / var(--tw-text-opacity));
2266
- }
2267
-
2268
- :is(.dark .dark\:text-yellow-300){
2269
- --tw-text-opacity: 1;
2270
- color: rgb(253 224 71 / var(--tw-text-opacity));
2271
- }
2272
-
2273
- :is(.dark .dark\:placeholder-gray-400)::-moz-placeholder{
2274
- --tw-placeholder-opacity: 1;
2275
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2276
- }
2277
-
2278
- :is(.dark .dark\:placeholder-gray-400)::placeholder{
2279
- --tw-placeholder-opacity: 1;
2280
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2281
- }
2282
-
2283
- :is(.dark .dark\:hover\:bg-gray-600:hover){
2284
- --tw-bg-opacity: 1;
2285
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2286
- }
2287
-
2288
- :is(.dark .dark\:hover\:bg-gray-700:hover){
2289
- --tw-bg-opacity: 1;
2290
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2291
- }
2292
-
2293
- :is(.dark .dark\:hover\:bg-gray-800:hover){
2294
- --tw-bg-opacity: 1;
2295
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2296
- }
2297
-
2298
- :is(.dark .dark\:hover\:text-gray-200:hover){
2299
- --tw-text-opacity: 1;
2300
- color: rgb(229 231 235 / var(--tw-text-opacity));
2301
- }
2302
-
2303
- :is(.dark .dark\:hover\:text-gray-300:hover){
2304
- --tw-text-opacity: 1;
2305
- color: rgb(209 213 219 / var(--tw-text-opacity));
2306
- }
2307
-
2308
- :is(.dark .dark\:focus\:ring-blue-200:focus){
2309
- --tw-ring-opacity: 1;
2310
- --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
2311
- }
2312
-
2313
- :is(.dark .dark\:focus\:ring-blue-400:focus){
2314
- --tw-ring-opacity: 1;
2315
- --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
2316
- }
2317
-
2318
- :is(.dark .dark\:focus\:ring-gray-500:focus){
2319
- --tw-ring-opacity: 1;
2320
- --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
2321
- }
2322
-
2323
- :is(.dark .dark\:focus\:ring-gray-600:focus){
2324
- --tw-ring-opacity: 1;
2325
- --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
2326
- }
2327
-
2328
- :is(.dark .dark\:focus\:ring-offset-gray-800:focus){
2329
- --tw-ring-offset-color: #1f2937;
2330
- }
2331
-
2332
- @media (min-width: 640px){
2333
- .sm\:\!w-auto{
2334
- width: auto !important;
2335
- }
2336
- .sm\:\!flex-row{
2337
- flex-direction: row !important;
2338
- }
2339
- .sm\:\!flex-wrap{
2340
- flex-wrap: wrap !important;
2341
- }
2342
- .sm\:\!items-center{
2343
- align-items: center !important;
2344
- }
2345
- .sm\:\!px-6{
2346
- padding-left: 1.5rem !important;
2347
- padding-right: 1.5rem !important;
2348
- }
2349
- }
2350
-
2351
- @media (min-width: 1024px){
2352
- .lg\:\!w-auto{
2353
- width: auto !important;
2354
- }
2355
- .lg\:\!flex-row{
2356
- flex-direction: row !important;
2357
- }
2358
- .lg\:\!items-end{
2359
- align-items: flex-end !important;
2360
- }
2361
- .lg\:\!justify-between{
2362
- justify-content: space-between !important;
2363
- }
2364
- }