najm-kit 0.0.7

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