najm-kit 0.0.14 → 0.0.16

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 (7) hide show
  1. package/dist/index.d.ts +4 -4
  2. package/dist/index.mjs +135 -136
  3. package/dist/json.mjs +0 -4
  4. package/dist/theme.css +909 -0
  5. package/package.json +8 -9
  6. package/dist/styles.css +0 -5078
  7. /package/dist/{styles.css.d.ts → theme.css.d.ts} +0 -0
package/dist/styles.css DELETED
@@ -1,5078 +0,0 @@
1
- /* overlayscrollbars */
2
- /*!
3
- * OverlayScrollbars
4
- * Version: 2.16.0
5
- *
6
- * Copyright (c) Rene Haas | KingSora.
7
- * https://github.com/KingSora
8
- *
9
- * Released under the MIT license.
10
- */
11
- .os-size-observer,
12
- .os-size-observer-listener {
13
- scroll-behavior: auto !important;
14
- direction: inherit;
15
- pointer-events: none;
16
- overflow: hidden;
17
- visibility: hidden;
18
- box-sizing: border-box;
19
- }
20
-
21
- .os-size-observer,
22
- .os-size-observer-listener,
23
- .os-size-observer-listener-item,
24
- .os-size-observer-listener-item-final {
25
- writing-mode: horizontal-tb;
26
- position: absolute;
27
- left: 0;
28
- top: 0;
29
- }
30
-
31
- .os-size-observer {
32
- z-index: -1;
33
- contain: strict;
34
- display: flex;
35
- flex-direction: row;
36
- flex-wrap: nowrap;
37
- padding: inherit;
38
- border: inherit;
39
- box-sizing: inherit;
40
- margin: -133px;
41
- top: 0;
42
- right: 0;
43
- bottom: 0;
44
- left: 0;
45
- transform: scale(0.1);
46
- }
47
- .os-size-observer::before {
48
- content: "";
49
- flex: none;
50
- box-sizing: inherit;
51
- padding: 10px;
52
- width: 10px;
53
- height: 10px;
54
- }
55
-
56
- .os-size-observer-appear {
57
- animation: os-size-observer-appear-animation 1ms forwards;
58
- }
59
-
60
- .os-size-observer-listener {
61
- box-sizing: border-box;
62
- position: relative;
63
- flex: auto;
64
- padding: inherit;
65
- border: inherit;
66
- margin: -133px;
67
- transform: scale(calc(1 / 0.1));
68
- }
69
- .os-size-observer-listener.ltr {
70
- margin-right: -266px;
71
- margin-left: 0;
72
- }
73
- .os-size-observer-listener.rtl {
74
- margin-left: -266px;
75
- margin-right: 0;
76
- }
77
- .os-size-observer-listener:empty::before {
78
- content: "";
79
- width: 100%;
80
- height: 100%;
81
- }
82
- .os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
83
- display: block;
84
- position: relative;
85
- padding: inherit;
86
- border: inherit;
87
- box-sizing: content-box;
88
- flex: auto;
89
- }
90
-
91
- .os-size-observer-listener-scroll {
92
- box-sizing: border-box;
93
- display: flex;
94
- }
95
-
96
- .os-size-observer-listener-item {
97
- right: 0;
98
- bottom: 0;
99
- overflow: hidden;
100
- direction: ltr;
101
- flex: none;
102
- }
103
-
104
- .os-size-observer-listener-item-final {
105
- transition: none;
106
- }
107
-
108
- @keyframes os-size-observer-appear-animation {
109
- from {
110
- cursor: auto;
111
- }
112
- to {
113
- cursor: none;
114
- }
115
- }
116
- .os-trinsic-observer {
117
- flex: none;
118
- box-sizing: border-box;
119
- position: relative;
120
- max-width: 0px;
121
- max-height: 1px;
122
- padding: 0;
123
- margin: 0;
124
- border: none;
125
- overflow: hidden;
126
- z-index: -1;
127
- height: 0;
128
- top: calc(100% + 1px);
129
- contain: strict;
130
- }
131
- .os-trinsic-observer:not(:empty) {
132
- height: calc(100% + 1px);
133
- top: -1px;
134
- }
135
- .os-trinsic-observer:not(:empty) > .os-size-observer {
136
- width: 1000%;
137
- height: 1000%;
138
- min-height: 1px;
139
- min-width: 1px;
140
- }
141
-
142
- /**
143
- * hide native scrollbars
144
- * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
145
- */
146
- /**
147
- * body element
148
- */
149
- html[data-overlayscrollbars-body] {
150
- overflow: hidden;
151
- }
152
-
153
- html[data-overlayscrollbars-body],
154
- html[data-overlayscrollbars-body] > body {
155
- width: 100%;
156
- height: 100%;
157
- margin: 0;
158
- }
159
-
160
- html[data-overlayscrollbars-body] > body {
161
- overflow: visible;
162
- margin: 0;
163
- }
164
-
165
- /**
166
- * structure setup
167
- */
168
- [data-overlayscrollbars] {
169
- position: relative;
170
- }
171
-
172
- [data-overlayscrollbars~=host],
173
- [data-overlayscrollbars-padding] {
174
- display: flex;
175
- align-items: stretch !important;
176
- flex-direction: row !important;
177
- flex-wrap: nowrap !important;
178
- scroll-behavior: auto !important;
179
- }
180
-
181
- [data-overlayscrollbars-padding],
182
- [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
183
- box-sizing: inherit;
184
- position: relative;
185
- flex: auto;
186
- height: auto;
187
- width: 100%;
188
- min-width: 0;
189
- padding: 0;
190
- margin: 0;
191
- border: none;
192
- z-index: 0;
193
- }
194
-
195
- [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
196
- --os-vaw: 0;
197
- --os-vah: 0;
198
- outline: none;
199
- }
200
- [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
201
- outline: none;
202
- }
203
- [data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
204
- content: "";
205
- position: absolute;
206
- pointer-events: none;
207
- z-index: -1;
208
- min-width: 1px;
209
- min-height: 1px;
210
- width: var(--os-vaw);
211
- height: var(--os-vah);
212
- }
213
-
214
- /**
215
- * wrapper elements overflow:
216
- */
217
- [data-overlayscrollbars~=host],
218
- [data-overlayscrollbars-padding] {
219
- overflow: hidden !important;
220
- }
221
-
222
- [data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
223
- [data-overlayscrollbars-padding~=noClipping] {
224
- overflow: visible !important;
225
- }
226
-
227
- /**
228
- * viewport overflow:
229
- */
230
- [data-overlayscrollbars-viewport] {
231
- --os-viewport-overflow-x: hidden;
232
- --os-viewport-overflow-y: hidden;
233
- overflow-x: var(--os-viewport-overflow-x);
234
- overflow-y: var(--os-viewport-overflow-y);
235
- }
236
-
237
- [data-overlayscrollbars-viewport~=overflowXVisible] {
238
- --os-viewport-overflow-x: visible;
239
- }
240
-
241
- [data-overlayscrollbars-viewport~=overflowXHidden] {
242
- --os-viewport-overflow-x: hidden;
243
- }
244
-
245
- [data-overlayscrollbars-viewport~=overflowXScroll] {
246
- --os-viewport-overflow-x: scroll;
247
- }
248
-
249
- [data-overlayscrollbars-viewport~=overflowYVisible] {
250
- --os-viewport-overflow-y: visible;
251
- }
252
-
253
- [data-overlayscrollbars-viewport~=overflowYHidden] {
254
- --os-viewport-overflow-y: hidden;
255
- }
256
-
257
- [data-overlayscrollbars-viewport~=overflowYScroll] {
258
- --os-viewport-overflow-y: scroll;
259
- }
260
-
261
- [data-overlayscrollbars-viewport~=overflowImportant] {
262
- overflow-x: var(--os-viewport-overflow-x) !important;
263
- overflow-y: var(--os-viewport-overflow-y) !important;
264
- }
265
-
266
- /**
267
- * viewport state modifiers:
268
- */
269
- [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
270
- font-size: 0 !important;
271
- line-height: 0 !important;
272
- }
273
-
274
- [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
275
- [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
276
- [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > *:not(#osFakeId) {
277
- display: none !important;
278
- position: absolute !important;
279
- width: 1px !important;
280
- height: 1px !important;
281
- padding: 0 !important;
282
- margin: -1px !important;
283
- overflow: hidden !important;
284
- clip: rect(0, 0, 0, 0) !important;
285
- white-space: nowrap !important;
286
- border-width: 0 !important;
287
- }
288
-
289
- [data-overlayscrollbars-viewport~=measuring],
290
- [data-overlayscrollbars-viewport~=scrolling] {
291
- scroll-behavior: auto !important;
292
- scroll-snap-type: none !important;
293
- }
294
-
295
- [data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
296
- overflow-x: hidden !important;
297
- }
298
-
299
- [data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
300
- overflow-y: hidden !important;
301
- }
302
-
303
- /**
304
- * content element:
305
- */
306
- [data-overlayscrollbars-content] {
307
- box-sizing: inherit;
308
- }
309
-
310
- /**
311
- * Display contents to bridge any flickering during deferred initialization.
312
- */
313
- [data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
314
- display: contents;
315
- }
316
-
317
- /**
318
- * optional & experimental grid mode
319
- */
320
- [data-overlayscrollbars-grid],
321
- [data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
322
- display: grid;
323
- grid-template: 1fr/1fr;
324
- }
325
-
326
- [data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
327
- [data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
328
- [data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
329
- height: auto !important;
330
- width: auto !important;
331
- }
332
-
333
- @property --os-scroll-percent {
334
- syntax: "<number>";
335
- inherits: true;
336
- initial-value: 0;
337
- }
338
- @property --os-viewport-percent {
339
- syntax: "<number>";
340
- inherits: true;
341
- initial-value: 0;
342
- }
343
- .os-scrollbar {
344
- --os-viewport-percent: 0;
345
- --os-scroll-percent: 0;
346
- --os-scroll-direction: 0;
347
- --os-scroll-percent-directional: calc(
348
- var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
349
- var(--os-scroll-direction)
350
- );
351
- }
352
-
353
- .os-scrollbar {
354
- contain: size layout;
355
- contain: size layout style;
356
- transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
357
- pointer-events: none;
358
- position: absolute;
359
- opacity: 0;
360
- visibility: hidden;
361
- }
362
-
363
- body > .os-scrollbar {
364
- position: fixed;
365
- z-index: 99999;
366
- }
367
-
368
- .os-scrollbar-transitionless {
369
- transition: none !important;
370
- }
371
-
372
- .os-scrollbar-track {
373
- position: relative;
374
- padding: 0 !important;
375
- border: none !important;
376
- }
377
-
378
- .os-scrollbar-handle {
379
- position: absolute;
380
- }
381
-
382
- .os-scrollbar-track,
383
- .os-scrollbar-handle {
384
- pointer-events: none;
385
- width: 100%;
386
- height: 100%;
387
- }
388
-
389
- .os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
390
- .os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
391
- pointer-events: auto;
392
- touch-action: none;
393
- }
394
-
395
- .os-scrollbar-horizontal {
396
- bottom: 0;
397
- left: 0;
398
- }
399
-
400
- .os-scrollbar-vertical {
401
- top: 0;
402
- right: 0;
403
- }
404
-
405
- .os-scrollbar-rtl.os-scrollbar-horizontal {
406
- right: 0;
407
- }
408
-
409
- .os-scrollbar-rtl.os-scrollbar-vertical {
410
- right: auto;
411
- left: 0;
412
- }
413
-
414
- .os-scrollbar-visible {
415
- opacity: 1;
416
- visibility: visible;
417
- }
418
-
419
- .os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
420
- opacity: 0;
421
- visibility: hidden;
422
- }
423
-
424
- .os-scrollbar-interaction.os-scrollbar-visible {
425
- opacity: 1;
426
- visibility: visible;
427
- }
428
-
429
- .os-scrollbar-unusable,
430
- .os-scrollbar-unusable *,
431
- .os-scrollbar-wheel,
432
- .os-scrollbar-wheel * {
433
- pointer-events: none !important;
434
- }
435
-
436
- .os-scrollbar-unusable .os-scrollbar-handle {
437
- opacity: 0 !important;
438
- transition: none !important;
439
- }
440
-
441
- .os-scrollbar-horizontal .os-scrollbar-handle {
442
- bottom: 0;
443
- left: calc(var(--os-scroll-percent-directional) * 100%);
444
- transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
445
- width: calc(var(--os-viewport-percent) * 100%);
446
- }
447
-
448
- .os-scrollbar-vertical .os-scrollbar-handle {
449
- right: 0;
450
- top: calc(var(--os-scroll-percent-directional) * 100%);
451
- transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
452
- height: calc(var(--os-viewport-percent) * 100%);
453
- }
454
-
455
- @supports (container-type: size) {
456
- .os-scrollbar-track {
457
- container-type: size;
458
- }
459
- .os-scrollbar-horizontal .os-scrollbar-handle {
460
- left: auto;
461
- transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
462
- }
463
- .os-scrollbar-vertical .os-scrollbar-handle {
464
- top: auto;
465
- transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
466
- }
467
- .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
468
- right: auto;
469
- left: 0;
470
- }
471
- }
472
- .os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
473
- right: auto;
474
- left: 0;
475
- }
476
-
477
- .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
478
- .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
479
- left: 0;
480
- right: 0;
481
- }
482
-
483
- .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
484
- .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
485
- top: 0;
486
- bottom: 0;
487
- }
488
-
489
- @media print {
490
- .os-scrollbar {
491
- display: none;
492
- }
493
- }
494
- .os-scrollbar {
495
- --os-size: 0;
496
- --os-padding-perpendicular: 0;
497
- --os-padding-axis: 0;
498
- --os-track-border-radius: 0;
499
- --os-track-bg: none;
500
- --os-track-bg-hover: none;
501
- --os-track-bg-active: none;
502
- --os-track-border: none;
503
- --os-track-border-hover: none;
504
- --os-track-border-active: none;
505
- --os-handle-border-radius: 0;
506
- --os-handle-bg: none;
507
- --os-handle-bg-hover: none;
508
- --os-handle-bg-active: none;
509
- --os-handle-border: none;
510
- --os-handle-border-hover: none;
511
- --os-handle-border-active: none;
512
- --os-handle-min-size: 33px;
513
- --os-handle-max-size: none;
514
- --os-handle-perpendicular-size: 100%;
515
- --os-handle-perpendicular-size-hover: 100%;
516
- --os-handle-perpendicular-size-active: 100%;
517
- --os-handle-interactive-area-offset: 0;
518
- }
519
-
520
- .os-scrollbar-track {
521
- border: var(--os-track-border);
522
- border-radius: var(--os-track-border-radius);
523
- background: var(--os-track-bg);
524
- transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
525
- }
526
- .os-scrollbar-track:hover {
527
- border: var(--os-track-border-hover);
528
- background: var(--os-track-bg-hover);
529
- }
530
- .os-scrollbar-track:active {
531
- border: var(--os-track-border-active);
532
- background: var(--os-track-bg-active);
533
- }
534
-
535
- .os-scrollbar-handle {
536
- border: var(--os-handle-border);
537
- border-radius: var(--os-handle-border-radius);
538
- background: var(--os-handle-bg);
539
- }
540
- .os-scrollbar-handle:hover {
541
- border: var(--os-handle-border-hover);
542
- background: var(--os-handle-bg-hover);
543
- }
544
- .os-scrollbar-handle:active {
545
- border: var(--os-handle-border-active);
546
- background: var(--os-handle-bg-active);
547
- }
548
-
549
- .os-scrollbar-track:before,
550
- .os-scrollbar-handle:before {
551
- content: "";
552
- position: absolute;
553
- left: 0;
554
- right: 0;
555
- top: 0;
556
- bottom: 0;
557
- display: block;
558
- }
559
-
560
- .os-scrollbar-horizontal {
561
- padding: var(--os-padding-perpendicular) var(--os-padding-axis);
562
- right: var(--os-size);
563
- height: var(--os-size);
564
- }
565
- .os-scrollbar-horizontal.os-scrollbar-rtl {
566
- left: var(--os-size);
567
- right: 0;
568
- }
569
- .os-scrollbar-horizontal .os-scrollbar-track:before {
570
- top: calc(var(--os-padding-perpendicular) * -1);
571
- bottom: calc(var(--os-padding-perpendicular) * -1);
572
- }
573
- .os-scrollbar-horizontal .os-scrollbar-handle {
574
- min-width: var(--os-handle-min-size);
575
- max-width: var(--os-handle-max-size);
576
- height: var(--os-handle-perpendicular-size);
577
- transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
578
- }
579
- .os-scrollbar-horizontal .os-scrollbar-handle:before {
580
- top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
581
- bottom: calc(var(--os-padding-perpendicular) * -1);
582
- }
583
- .os-scrollbar-horizontal:hover .os-scrollbar-handle {
584
- height: var(--os-handle-perpendicular-size-hover);
585
- }
586
- .os-scrollbar-horizontal:active .os-scrollbar-handle {
587
- height: var(--os-handle-perpendicular-size-active);
588
- }
589
-
590
- .os-scrollbar-vertical {
591
- padding: var(--os-padding-axis) var(--os-padding-perpendicular);
592
- bottom: var(--os-size);
593
- width: var(--os-size);
594
- }
595
- .os-scrollbar-vertical .os-scrollbar-track:before {
596
- left: calc(var(--os-padding-perpendicular) * -1);
597
- right: calc(var(--os-padding-perpendicular) * -1);
598
- }
599
- .os-scrollbar-vertical .os-scrollbar-handle {
600
- min-height: var(--os-handle-min-size);
601
- max-height: var(--os-handle-max-size);
602
- width: var(--os-handle-perpendicular-size);
603
- transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
604
- }
605
- .os-scrollbar-vertical .os-scrollbar-handle:before {
606
- left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
607
- right: calc(var(--os-padding-perpendicular) * -1);
608
- }
609
- .os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
610
- right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
611
- left: calc(var(--os-padding-perpendicular) * -1);
612
- }
613
- .os-scrollbar-vertical:hover .os-scrollbar-handle {
614
- width: var(--os-handle-perpendicular-size-hover);
615
- }
616
- .os-scrollbar-vertical:active .os-scrollbar-handle {
617
- width: var(--os-handle-perpendicular-size-active);
618
- }
619
-
620
- /* NONE THEME: */
621
- [data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
622
- .os-theme-none.os-scrollbar {
623
- display: none !important;
624
- }
625
-
626
- /* DARK & LIGHT THEME: */
627
- .os-theme-dark,
628
- .os-theme-light {
629
- box-sizing: border-box;
630
- --os-size: 10px;
631
- --os-padding-perpendicular: 2px;
632
- --os-padding-axis: 2px;
633
- --os-track-border-radius: 10px;
634
- --os-handle-interactive-area-offset: 4px;
635
- --os-handle-border-radius: 10px;
636
- }
637
-
638
- .os-theme-dark {
639
- --os-handle-bg: rgba(0, 0, 0, 0.44);
640
- --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
641
- --os-handle-bg-active: rgba(0, 0, 0, 0.66);
642
- }
643
-
644
- .os-theme-light {
645
- --os-handle-bg: rgba(255, 255, 255, 0.44);
646
- --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
647
- --os-handle-bg-active: rgba(255, 255, 255, 0.66);
648
- }
649
-
650
- [data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
651
- [data-overlayscrollbars-viewport~=scrollbarHidden],
652
- html[data-overlayscrollbars-viewport~=scrollbarHidden] > body {
653
- scrollbar-width: none !important;
654
- }
655
-
656
- [data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
657
- [data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
658
- [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
659
- [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
660
- html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar,
661
- html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar-corner {
662
- -webkit-appearance: none !important;
663
- appearance: none !important;
664
- display: none !important;
665
- width: 0 !important;
666
- height: 0 !important;
667
- }
668
-
669
- [data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
670
- overflow: auto;
671
- }
672
- *, ::before, ::after {
673
- --tw-border-spacing-x: 0;
674
- --tw-border-spacing-y: 0;
675
- --tw-translate-x: 0;
676
- --tw-translate-y: 0;
677
- --tw-rotate: 0;
678
- --tw-skew-x: 0;
679
- --tw-skew-y: 0;
680
- --tw-scale-x: 1;
681
- --tw-scale-y: 1;
682
- --tw-pan-x: ;
683
- --tw-pan-y: ;
684
- --tw-pinch-zoom: ;
685
- --tw-scroll-snap-strictness: proximity;
686
- --tw-gradient-from-position: ;
687
- --tw-gradient-via-position: ;
688
- --tw-gradient-to-position: ;
689
- --tw-ordinal: ;
690
- --tw-slashed-zero: ;
691
- --tw-numeric-figure: ;
692
- --tw-numeric-spacing: ;
693
- --tw-numeric-fraction: ;
694
- --tw-ring-inset: ;
695
- --tw-ring-offset-width: 0px;
696
- --tw-ring-offset-color: #fff;
697
- --tw-ring-color: rgb(59 130 246 / 0.5);
698
- --tw-ring-offset-shadow: 0 0 #0000;
699
- --tw-ring-shadow: 0 0 #0000;
700
- --tw-shadow: 0 0 #0000;
701
- --tw-shadow-colored: 0 0 #0000;
702
- --tw-blur: ;
703
- --tw-brightness: ;
704
- --tw-contrast: ;
705
- --tw-grayscale: ;
706
- --tw-hue-rotate: ;
707
- --tw-invert: ;
708
- --tw-saturate: ;
709
- --tw-sepia: ;
710
- --tw-drop-shadow: ;
711
- --tw-backdrop-blur: ;
712
- --tw-backdrop-brightness: ;
713
- --tw-backdrop-contrast: ;
714
- --tw-backdrop-grayscale: ;
715
- --tw-backdrop-hue-rotate: ;
716
- --tw-backdrop-invert: ;
717
- --tw-backdrop-opacity: ;
718
- --tw-backdrop-saturate: ;
719
- --tw-backdrop-sepia: ;
720
- --tw-contain-size: ;
721
- --tw-contain-layout: ;
722
- --tw-contain-paint: ;
723
- --tw-contain-style: ;
724
- }
725
-
726
- ::backdrop {
727
- --tw-border-spacing-x: 0;
728
- --tw-border-spacing-y: 0;
729
- --tw-translate-x: 0;
730
- --tw-translate-y: 0;
731
- --tw-rotate: 0;
732
- --tw-skew-x: 0;
733
- --tw-skew-y: 0;
734
- --tw-scale-x: 1;
735
- --tw-scale-y: 1;
736
- --tw-pan-x: ;
737
- --tw-pan-y: ;
738
- --tw-pinch-zoom: ;
739
- --tw-scroll-snap-strictness: proximity;
740
- --tw-gradient-from-position: ;
741
- --tw-gradient-via-position: ;
742
- --tw-gradient-to-position: ;
743
- --tw-ordinal: ;
744
- --tw-slashed-zero: ;
745
- --tw-numeric-figure: ;
746
- --tw-numeric-spacing: ;
747
- --tw-numeric-fraction: ;
748
- --tw-ring-inset: ;
749
- --tw-ring-offset-width: 0px;
750
- --tw-ring-offset-color: #fff;
751
- --tw-ring-color: rgb(59 130 246 / 0.5);
752
- --tw-ring-offset-shadow: 0 0 #0000;
753
- --tw-ring-shadow: 0 0 #0000;
754
- --tw-shadow: 0 0 #0000;
755
- --tw-shadow-colored: 0 0 #0000;
756
- --tw-blur: ;
757
- --tw-brightness: ;
758
- --tw-contrast: ;
759
- --tw-grayscale: ;
760
- --tw-hue-rotate: ;
761
- --tw-invert: ;
762
- --tw-saturate: ;
763
- --tw-sepia: ;
764
- --tw-drop-shadow: ;
765
- --tw-backdrop-blur: ;
766
- --tw-backdrop-brightness: ;
767
- --tw-backdrop-contrast: ;
768
- --tw-backdrop-grayscale: ;
769
- --tw-backdrop-hue-rotate: ;
770
- --tw-backdrop-invert: ;
771
- --tw-backdrop-opacity: ;
772
- --tw-backdrop-saturate: ;
773
- --tw-backdrop-sepia: ;
774
- --tw-contain-size: ;
775
- --tw-contain-layout: ;
776
- --tw-contain-paint: ;
777
- --tw-contain-style: ;
778
- }/*
779
- ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
780
- *//*
781
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
782
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
783
- */
784
-
785
- *,
786
- ::before,
787
- ::after {
788
- box-sizing: border-box; /* 1 */
789
- border-width: 0; /* 2 */
790
- border-style: solid; /* 2 */
791
- border-color: #e5e7eb; /* 2 */
792
- }
793
-
794
- ::before,
795
- ::after {
796
- --tw-content: '';
797
- }
798
-
799
- /*
800
- 1. Use a consistent sensible line-height in all browsers.
801
- 2. Prevent adjustments of font size after orientation changes in iOS.
802
- 3. Use a more readable tab size.
803
- 4. Use the user's configured `sans` font-family by default.
804
- 5. Use the user's configured `sans` font-feature-settings by default.
805
- 6. Use the user's configured `sans` font-variation-settings by default.
806
- 7. Disable tap highlights on iOS
807
- */
808
-
809
- html,
810
- :host {
811
- line-height: 1.5; /* 1 */
812
- -webkit-text-size-adjust: 100%; /* 2 */
813
- -moz-tab-size: 4; /* 3 */
814
- -o-tab-size: 4;
815
- tab-size: 4; /* 3 */
816
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
817
- font-feature-settings: normal; /* 5 */
818
- font-variation-settings: normal; /* 6 */
819
- -webkit-tap-highlight-color: transparent; /* 7 */
820
- }
821
-
822
- /*
823
- 1. Remove the margin in all browsers.
824
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
825
- */
826
-
827
- body {
828
- margin: 0; /* 1 */
829
- line-height: inherit; /* 2 */
830
- }
831
-
832
- /*
833
- 1. Add the correct height in Firefox.
834
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
835
- 3. Ensure horizontal rules are visible by default.
836
- */
837
-
838
- hr {
839
- height: 0; /* 1 */
840
- color: inherit; /* 2 */
841
- border-top-width: 1px; /* 3 */
842
- }
843
-
844
- /*
845
- Add the correct text decoration in Chrome, Edge, and Safari.
846
- */
847
-
848
- abbr:where([title]) {
849
- -webkit-text-decoration: underline dotted;
850
- text-decoration: underline dotted;
851
- }
852
-
853
- /*
854
- Remove the default font size and weight for headings.
855
- */
856
-
857
- h1,
858
- h2,
859
- h3,
860
- h4,
861
- h5,
862
- h6 {
863
- font-size: inherit;
864
- font-weight: inherit;
865
- }
866
-
867
- /*
868
- Reset links to optimize for opt-in styling instead of opt-out.
869
- */
870
-
871
- a {
872
- color: inherit;
873
- text-decoration: inherit;
874
- }
875
-
876
- /*
877
- Add the correct font weight in Edge and Safari.
878
- */
879
-
880
- b,
881
- strong {
882
- font-weight: bolder;
883
- }
884
-
885
- /*
886
- 1. Use the user's configured `mono` font-family by default.
887
- 2. Use the user's configured `mono` font-feature-settings by default.
888
- 3. Use the user's configured `mono` font-variation-settings by default.
889
- 4. Correct the odd `em` font sizing in all browsers.
890
- */
891
-
892
- code,
893
- kbd,
894
- samp,
895
- pre {
896
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
897
- font-feature-settings: normal; /* 2 */
898
- font-variation-settings: normal; /* 3 */
899
- font-size: 1em; /* 4 */
900
- }
901
-
902
- /*
903
- Add the correct font size in all browsers.
904
- */
905
-
906
- small {
907
- font-size: 80%;
908
- }
909
-
910
- /*
911
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
912
- */
913
-
914
- sub,
915
- sup {
916
- font-size: 75%;
917
- line-height: 0;
918
- position: relative;
919
- vertical-align: baseline;
920
- }
921
-
922
- sub {
923
- bottom: -0.25em;
924
- }
925
-
926
- sup {
927
- top: -0.5em;
928
- }
929
-
930
- /*
931
- 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)
932
- 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)
933
- 3. Remove gaps between table borders by default.
934
- */
935
-
936
- table {
937
- text-indent: 0; /* 1 */
938
- border-color: inherit; /* 2 */
939
- border-collapse: collapse; /* 3 */
940
- }
941
-
942
- /*
943
- 1. Change the font styles in all browsers.
944
- 2. Remove the margin in Firefox and Safari.
945
- 3. Remove default padding in all browsers.
946
- */
947
-
948
- button,
949
- input,
950
- optgroup,
951
- select,
952
- textarea {
953
- font-family: inherit; /* 1 */
954
- font-feature-settings: inherit; /* 1 */
955
- font-variation-settings: inherit; /* 1 */
956
- font-size: 100%; /* 1 */
957
- font-weight: inherit; /* 1 */
958
- line-height: inherit; /* 1 */
959
- letter-spacing: inherit; /* 1 */
960
- color: inherit; /* 1 */
961
- margin: 0; /* 2 */
962
- padding: 0; /* 3 */
963
- }
964
-
965
- /*
966
- Remove the inheritance of text transform in Edge and Firefox.
967
- */
968
-
969
- button,
970
- select {
971
- text-transform: none;
972
- }
973
-
974
- /*
975
- 1. Correct the inability to style clickable types in iOS and Safari.
976
- 2. Remove default button styles.
977
- */
978
-
979
- button,
980
- input:where([type='button']),
981
- input:where([type='reset']),
982
- input:where([type='submit']) {
983
- -webkit-appearance: button; /* 1 */
984
- background-color: transparent; /* 2 */
985
- background-image: none; /* 2 */
986
- }
987
-
988
- /*
989
- Use the modern Firefox focus style for all focusable elements.
990
- */
991
-
992
- :-moz-focusring {
993
- outline: auto;
994
- }
995
-
996
- /*
997
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
998
- */
999
-
1000
- :-moz-ui-invalid {
1001
- box-shadow: none;
1002
- }
1003
-
1004
- /*
1005
- Add the correct vertical alignment in Chrome and Firefox.
1006
- */
1007
-
1008
- progress {
1009
- vertical-align: baseline;
1010
- }
1011
-
1012
- /*
1013
- Correct the cursor style of increment and decrement buttons in Safari.
1014
- */
1015
-
1016
- ::-webkit-inner-spin-button,
1017
- ::-webkit-outer-spin-button {
1018
- height: auto;
1019
- }
1020
-
1021
- /*
1022
- 1. Correct the odd appearance in Chrome and Safari.
1023
- 2. Correct the outline style in Safari.
1024
- */
1025
-
1026
- [type='search'] {
1027
- -webkit-appearance: textfield; /* 1 */
1028
- outline-offset: -2px; /* 2 */
1029
- }
1030
-
1031
- /*
1032
- Remove the inner padding in Chrome and Safari on macOS.
1033
- */
1034
-
1035
- ::-webkit-search-decoration {
1036
- -webkit-appearance: none;
1037
- }
1038
-
1039
- /*
1040
- 1. Correct the inability to style clickable types in iOS and Safari.
1041
- 2. Change font properties to `inherit` in Safari.
1042
- */
1043
-
1044
- ::-webkit-file-upload-button {
1045
- -webkit-appearance: button; /* 1 */
1046
- font: inherit; /* 2 */
1047
- }
1048
-
1049
- /*
1050
- Add the correct display in Chrome and Safari.
1051
- */
1052
-
1053
- summary {
1054
- display: list-item;
1055
- }
1056
-
1057
- /*
1058
- Removes the default spacing and border for appropriate elements.
1059
- */
1060
-
1061
- blockquote,
1062
- dl,
1063
- dd,
1064
- h1,
1065
- h2,
1066
- h3,
1067
- h4,
1068
- h5,
1069
- h6,
1070
- hr,
1071
- figure,
1072
- p,
1073
- pre {
1074
- margin: 0;
1075
- }
1076
-
1077
- fieldset {
1078
- margin: 0;
1079
- padding: 0;
1080
- }
1081
-
1082
- legend {
1083
- padding: 0;
1084
- }
1085
-
1086
- ol,
1087
- ul,
1088
- menu {
1089
- list-style: none;
1090
- margin: 0;
1091
- padding: 0;
1092
- }
1093
-
1094
- /*
1095
- Reset default styling for dialogs.
1096
- */
1097
- dialog {
1098
- padding: 0;
1099
- }
1100
-
1101
- /*
1102
- Prevent resizing textareas horizontally by default.
1103
- */
1104
-
1105
- textarea {
1106
- resize: vertical;
1107
- }
1108
-
1109
- /*
1110
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
1111
- 2. Set the default placeholder color to the user's configured gray 400 color.
1112
- */
1113
-
1114
- input::-moz-placeholder, textarea::-moz-placeholder {
1115
- opacity: 1; /* 1 */
1116
- color: #9ca3af; /* 2 */
1117
- }
1118
-
1119
- input::placeholder,
1120
- textarea::placeholder {
1121
- opacity: 1; /* 1 */
1122
- color: #9ca3af; /* 2 */
1123
- }
1124
-
1125
- /*
1126
- Set the default cursor for buttons.
1127
- */
1128
-
1129
- button,
1130
- [role="button"] {
1131
- cursor: pointer;
1132
- }
1133
-
1134
- /*
1135
- Make sure disabled buttons don't get the pointer cursor.
1136
- */
1137
- :disabled {
1138
- cursor: default;
1139
- }
1140
-
1141
- /*
1142
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
1143
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
1144
- This can trigger a poorly considered lint error in some tools but is included by design.
1145
- */
1146
-
1147
- img,
1148
- svg,
1149
- video,
1150
- canvas,
1151
- audio,
1152
- iframe,
1153
- embed,
1154
- object {
1155
- display: block; /* 1 */
1156
- vertical-align: middle; /* 2 */
1157
- }
1158
-
1159
- /*
1160
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
1161
- */
1162
-
1163
- img,
1164
- video {
1165
- max-width: 100%;
1166
- height: auto;
1167
- }
1168
-
1169
- /* Make elements with the HTML hidden attribute stay hidden by default */
1170
- [hidden]:where(:not([hidden="until-found"])) {
1171
- display: none;
1172
- }
1173
- :root {
1174
- --najm-background: 0 0% 100%;
1175
- --najm-foreground: 0 0% 3.9%;
1176
- --najm-card: 0 0% 100%;
1177
- --najm-card-foreground: 0 0% 3.9%;
1178
- --najm-popover: 0 0% 100%;
1179
- --najm-popover-foreground: 0 0% 3.9%;
1180
- --najm-primary: 240 4% 11%;
1181
- --najm-primary-foreground: 0 0% 98%;
1182
- --najm-secondary: 0 0% 96.1%;
1183
- --najm-secondary-foreground: 0 0% 9%;
1184
- --najm-tertiary: 210 40% 96%;
1185
- --najm-tertiary-foreground: 210 40% 20%;
1186
- --najm-muted: 0 0% 96.1%;
1187
- --najm-muted-foreground: 0 0% 45.1%;
1188
- --najm-accent: 240 4% 16%;
1189
- --najm-accent-foreground: 0 0% 98%;
1190
- --najm-destructive: 0 84.2% 60.2%;
1191
- --najm-destructive-foreground: 0 0% 98%;
1192
- --najm-border: 0 0% 89.8%;
1193
- --najm-border-subtle: 0 0% 95%;
1194
- --najm-border-strong: 0 0% 30%;
1195
- --najm-input: 0 0% 89.8%;
1196
- --najm-ring: 240 4% 11%;
1197
- --najm-radius: 0.5rem;
1198
- }
1199
-
1200
- .dark {
1201
- --najm-background: 240 10% 4%;
1202
- --najm-foreground: 240 5% 96%;
1203
- --najm-card: 240 8% 8%;
1204
- --najm-card-foreground: 240 5% 96%;
1205
- --najm-popover: 240 8% 8%;
1206
- --najm-popover-foreground: 240 5% 96%;
1207
- --najm-primary: 240 4% 11%;
1208
- --najm-primary-foreground: 0 0% 98%;
1209
- --najm-secondary: 240 6% 12%;
1210
- --najm-secondary-foreground: 240 5% 90%;
1211
- --najm-tertiary: 210 40% 20%;
1212
- --najm-tertiary-foreground: 210 40% 82%;
1213
- --najm-muted: 240 6% 12%;
1214
- --najm-muted-foreground: 240 5% 55%;
1215
- --najm-accent: 240 6% 12%;
1216
- --najm-accent-foreground: 240 5% 96%;
1217
- --najm-destructive: 0 84% 60%;
1218
- --najm-destructive-foreground: 0 0% 100%;
1219
- --najm-border: 240 6% 15%;
1220
- --najm-border-subtle: 240 6% 11%;
1221
- --najm-border-strong: 0 0% 78%;
1222
- --najm-input: 240 6% 15%;
1223
- --najm-ring: 240 4% 11%;
1224
- }
1225
- * {
1226
- border-color: hsl(var(--najm-border));
1227
- }
1228
- body {
1229
- background-color: hsl(var(--najm-background));
1230
- color: hsl(var(--najm-foreground));
1231
- }
1232
- .\!container {
1233
- width: 100% !important;
1234
- }
1235
- .container {
1236
- width: 100%;
1237
- }
1238
- @media (min-width: 640px) {
1239
-
1240
- .\!container {
1241
- max-width: 640px !important;
1242
- }
1243
-
1244
- .container {
1245
- max-width: 640px;
1246
- }
1247
- }
1248
- @media (min-width: 768px) {
1249
-
1250
- .\!container {
1251
- max-width: 768px !important;
1252
- }
1253
-
1254
- .container {
1255
- max-width: 768px;
1256
- }
1257
- }
1258
- @media (min-width: 1024px) {
1259
-
1260
- .\!container {
1261
- max-width: 1024px !important;
1262
- }
1263
-
1264
- .container {
1265
- max-width: 1024px;
1266
- }
1267
- }
1268
- @media (min-width: 1280px) {
1269
-
1270
- .\!container {
1271
- max-width: 1280px !important;
1272
- }
1273
-
1274
- .container {
1275
- max-width: 1280px;
1276
- }
1277
- }
1278
- @media (min-width: 1536px) {
1279
-
1280
- .\!container {
1281
- max-width: 1536px !important;
1282
- }
1283
-
1284
- .container {
1285
- max-width: 1536px;
1286
- }
1287
- }
1288
- .sr-only {
1289
- position: absolute;
1290
- width: 1px;
1291
- height: 1px;
1292
- padding: 0;
1293
- margin: -1px;
1294
- overflow: hidden;
1295
- clip: rect(0, 0, 0, 0);
1296
- white-space: nowrap;
1297
- border-width: 0;
1298
- }
1299
- .pointer-events-none {
1300
- pointer-events: none;
1301
- }
1302
- .pointer-events-auto {
1303
- pointer-events: auto;
1304
- }
1305
- .visible {
1306
- visibility: visible;
1307
- }
1308
- .invisible {
1309
- visibility: hidden;
1310
- }
1311
- .collapse {
1312
- visibility: collapse;
1313
- }
1314
- .static {
1315
- position: static;
1316
- }
1317
- .fixed {
1318
- position: fixed;
1319
- }
1320
- .absolute {
1321
- position: absolute;
1322
- }
1323
- .relative {
1324
- position: relative;
1325
- }
1326
- .sticky {
1327
- position: sticky;
1328
- }
1329
- .inset-0 {
1330
- inset: 0px;
1331
- }
1332
- .inset-x-0 {
1333
- left: 0px;
1334
- right: 0px;
1335
- }
1336
- .inset-y-0 {
1337
- top: 0px;
1338
- bottom: 0px;
1339
- }
1340
- .-top-7 {
1341
- top: -1.75rem;
1342
- }
1343
- .bottom-0 {
1344
- bottom: 0px;
1345
- }
1346
- .bottom-2 {
1347
- bottom: 0.5rem;
1348
- }
1349
- .bottom-6 {
1350
- bottom: 1.5rem;
1351
- }
1352
- .end-0 {
1353
- inset-inline-end: 0px;
1354
- }
1355
- .left-0 {
1356
- left: 0px;
1357
- }
1358
- .left-1 {
1359
- left: 0.25rem;
1360
- }
1361
- .left-1\/2 {
1362
- left: 50%;
1363
- }
1364
- .left-2 {
1365
- left: 0.5rem;
1366
- }
1367
- .left-3 {
1368
- left: 0.75rem;
1369
- }
1370
- .left-\[50\%\] {
1371
- left: 50%;
1372
- }
1373
- .left-full {
1374
- left: 100%;
1375
- }
1376
- .right-0 {
1377
- right: 0px;
1378
- }
1379
- .right-1 {
1380
- right: 0.25rem;
1381
- }
1382
- .right-2 {
1383
- right: 0.5rem;
1384
- }
1385
- .right-3 {
1386
- right: 0.75rem;
1387
- }
1388
- .right-4 {
1389
- right: 1rem;
1390
- }
1391
- .start-0 {
1392
- inset-inline-start: 0px;
1393
- }
1394
- .start-1\/2 {
1395
- inset-inline-start: 50%;
1396
- }
1397
- .top-0 {
1398
- top: 0px;
1399
- }
1400
- .top-1\/2 {
1401
- top: 50%;
1402
- }
1403
- .top-2 {
1404
- top: 0.5rem;
1405
- }
1406
- .top-3 {
1407
- top: 0.75rem;
1408
- }
1409
- .top-4 {
1410
- top: 1rem;
1411
- }
1412
- .top-7 {
1413
- top: 1.75rem;
1414
- }
1415
- .top-\[50\%\] {
1416
- top: 50%;
1417
- }
1418
- .z-10 {
1419
- z-index: 10;
1420
- }
1421
- .z-20 {
1422
- z-index: 20;
1423
- }
1424
- .z-30 {
1425
- z-index: 30;
1426
- }
1427
- .z-40 {
1428
- z-index: 40;
1429
- }
1430
- .z-50 {
1431
- z-index: 50;
1432
- }
1433
- .z-\[10000\] {
1434
- z-index: 10000;
1435
- }
1436
- .col-start-2 {
1437
- grid-column-start: 2;
1438
- }
1439
- .row-span-2 {
1440
- grid-row: span 2 / span 2;
1441
- }
1442
- .row-start-1 {
1443
- grid-row-start: 1;
1444
- }
1445
- .m-0 {
1446
- margin: 0px;
1447
- }
1448
- .-mx-1 {
1449
- margin-left: -0.25rem;
1450
- margin-right: -0.25rem;
1451
- }
1452
- .-mx-2 {
1453
- margin-left: -0.5rem;
1454
- margin-right: -0.5rem;
1455
- }
1456
- .my-1 {
1457
- margin-top: 0.25rem;
1458
- margin-bottom: 0.25rem;
1459
- }
1460
- .-mb-px {
1461
- margin-bottom: -1px;
1462
- }
1463
- .mb-1 {
1464
- margin-bottom: 0.25rem;
1465
- }
1466
- .mb-2 {
1467
- margin-bottom: 0.5rem;
1468
- }
1469
- .mb-3 {
1470
- margin-bottom: 0.75rem;
1471
- }
1472
- .mb-4 {
1473
- margin-bottom: 1rem;
1474
- }
1475
- .mb-6 {
1476
- margin-bottom: 1.5rem;
1477
- }
1478
- .ml-0\.5 {
1479
- margin-left: 0.125rem;
1480
- }
1481
- .ml-1 {
1482
- margin-left: 0.25rem;
1483
- }
1484
- .ml-2 {
1485
- margin-left: 0.5rem;
1486
- }
1487
- .ml-auto {
1488
- margin-left: auto;
1489
- }
1490
- .mr-1 {
1491
- margin-right: 0.25rem;
1492
- }
1493
- .mr-1\.5 {
1494
- margin-right: 0.375rem;
1495
- }
1496
- .mr-2 {
1497
- margin-right: 0.5rem;
1498
- }
1499
- .mt-0\.5 {
1500
- margin-top: 0.125rem;
1501
- }
1502
- .mt-1 {
1503
- margin-top: 0.25rem;
1504
- }
1505
- .mt-2 {
1506
- margin-top: 0.5rem;
1507
- }
1508
- .mt-3 {
1509
- margin-top: 0.75rem;
1510
- }
1511
- .mt-4 {
1512
- margin-top: 1rem;
1513
- }
1514
- .mt-6 {
1515
- margin-top: 1.5rem;
1516
- }
1517
- .mt-auto {
1518
- margin-top: auto;
1519
- }
1520
- .block {
1521
- display: block;
1522
- }
1523
- .inline-block {
1524
- display: inline-block;
1525
- }
1526
- .inline {
1527
- display: inline;
1528
- }
1529
- .flex {
1530
- display: flex;
1531
- }
1532
- .inline-flex {
1533
- display: inline-flex;
1534
- }
1535
- .\!table {
1536
- display: table !important;
1537
- }
1538
- .table {
1539
- display: table;
1540
- }
1541
- .table-caption {
1542
- display: table-caption;
1543
- }
1544
- .table-cell {
1545
- display: table-cell;
1546
- }
1547
- .table-row {
1548
- display: table-row;
1549
- }
1550
- .grid {
1551
- display: grid;
1552
- }
1553
- .contents {
1554
- display: contents;
1555
- }
1556
- .hidden {
1557
- display: none;
1558
- }
1559
- .aspect-square {
1560
- aspect-ratio: 1 / 1;
1561
- }
1562
- .size-10 {
1563
- width: 2.5rem;
1564
- height: 2.5rem;
1565
- }
1566
- .size-12 {
1567
- width: 3rem;
1568
- height: 3rem;
1569
- }
1570
- .size-16 {
1571
- width: 4rem;
1572
- height: 4rem;
1573
- }
1574
- .size-2 {
1575
- width: 0.5rem;
1576
- height: 0.5rem;
1577
- }
1578
- .size-2\.5 {
1579
- width: 0.625rem;
1580
- height: 0.625rem;
1581
- }
1582
- .size-20 {
1583
- width: 5rem;
1584
- height: 5rem;
1585
- }
1586
- .size-3 {
1587
- width: 0.75rem;
1588
- height: 0.75rem;
1589
- }
1590
- .size-3\.5 {
1591
- width: 0.875rem;
1592
- height: 0.875rem;
1593
- }
1594
- .size-4 {
1595
- width: 1rem;
1596
- height: 1rem;
1597
- }
1598
- .size-5 {
1599
- width: 1.25rem;
1600
- height: 1.25rem;
1601
- }
1602
- .size-6 {
1603
- width: 1.5rem;
1604
- height: 1.5rem;
1605
- }
1606
- .size-7 {
1607
- width: 1.75rem;
1608
- height: 1.75rem;
1609
- }
1610
- .size-8 {
1611
- width: 2rem;
1612
- height: 2rem;
1613
- }
1614
- .size-9 {
1615
- width: 2.25rem;
1616
- height: 2.25rem;
1617
- }
1618
- .size-full {
1619
- width: 100%;
1620
- height: 100%;
1621
- }
1622
- .h-0\.5 {
1623
- height: 0.125rem;
1624
- }
1625
- .h-1 {
1626
- height: 0.25rem;
1627
- }
1628
- .h-1\.5 {
1629
- height: 0.375rem;
1630
- }
1631
- .h-10 {
1632
- height: 2.5rem;
1633
- }
1634
- .h-11 {
1635
- height: 2.75rem;
1636
- }
1637
- .h-12 {
1638
- height: 3rem;
1639
- }
1640
- .h-14 {
1641
- height: 3.5rem;
1642
- }
1643
- .h-16 {
1644
- height: 4rem;
1645
- }
1646
- .h-2 {
1647
- height: 0.5rem;
1648
- }
1649
- .h-2\.5 {
1650
- height: 0.625rem;
1651
- }
1652
- .h-20 {
1653
- height: 5rem;
1654
- }
1655
- .h-24 {
1656
- height: 6rem;
1657
- }
1658
- .h-3 {
1659
- height: 0.75rem;
1660
- }
1661
- .h-3\.5 {
1662
- height: 0.875rem;
1663
- }
1664
- .h-32 {
1665
- height: 8rem;
1666
- }
1667
- .h-36 {
1668
- height: 9rem;
1669
- }
1670
- .h-4 {
1671
- height: 1rem;
1672
- }
1673
- .h-40 {
1674
- height: 10rem;
1675
- }
1676
- .h-5 {
1677
- height: 1.25rem;
1678
- }
1679
- .h-6 {
1680
- height: 1.5rem;
1681
- }
1682
- .h-7 {
1683
- height: 1.75rem;
1684
- }
1685
- .h-8 {
1686
- height: 2rem;
1687
- }
1688
- .h-9 {
1689
- height: 2.25rem;
1690
- }
1691
- .h-\[1\.15rem\] {
1692
- height: 1.15rem;
1693
- }
1694
- .h-\[19px\] {
1695
- height: 19px;
1696
- }
1697
- .h-\[5px\] {
1698
- height: 5px;
1699
- }
1700
- .h-\[var\(--radix-select-trigger-height\)\] {
1701
- height: var(--radix-select-trigger-height);
1702
- }
1703
- .h-auto {
1704
- height: auto;
1705
- }
1706
- .h-dvh {
1707
- height: 100dvh;
1708
- }
1709
- .h-fit {
1710
- height: -moz-fit-content;
1711
- height: fit-content;
1712
- }
1713
- .h-full {
1714
- height: 100%;
1715
- }
1716
- .h-px {
1717
- height: 1px;
1718
- }
1719
- .h-screen {
1720
- height: 100vh;
1721
- }
1722
- .max-h-0 {
1723
- max-height: 0px;
1724
- }
1725
- .max-h-64 {
1726
- max-height: 16rem;
1727
- }
1728
- .max-h-72 {
1729
- max-height: 18rem;
1730
- }
1731
- .max-h-\[300px\] {
1732
- max-height: 300px;
1733
- }
1734
- .max-h-\[5000px\] {
1735
- max-height: 5000px;
1736
- }
1737
- .max-h-dvh {
1738
- max-height: 100dvh;
1739
- }
1740
- .max-h-screen {
1741
- max-height: 100vh;
1742
- }
1743
- .min-h-0 {
1744
- min-height: 0px;
1745
- }
1746
- .min-h-14 {
1747
- min-height: 3.5rem;
1748
- }
1749
- .min-h-16 {
1750
- min-height: 4rem;
1751
- }
1752
- .min-h-2 {
1753
- min-height: 0.5rem;
1754
- }
1755
- .min-h-32 {
1756
- min-height: 8rem;
1757
- }
1758
- .min-h-64 {
1759
- min-height: 16rem;
1760
- }
1761
- .min-h-8 {
1762
- min-height: 2rem;
1763
- }
1764
- .min-h-\[116px\] {
1765
- min-height: 116px;
1766
- }
1767
- .min-h-\[400px\] {
1768
- min-height: 400px;
1769
- }
1770
- .w-1 {
1771
- width: 0.25rem;
1772
- }
1773
- .w-1\.5 {
1774
- width: 0.375rem;
1775
- }
1776
- .w-1\/2 {
1777
- width: 50%;
1778
- }
1779
- .w-10 {
1780
- width: 2.5rem;
1781
- }
1782
- .w-11 {
1783
- width: 2.75rem;
1784
- }
1785
- .w-12 {
1786
- width: 3rem;
1787
- }
1788
- .w-14 {
1789
- width: 3.5rem;
1790
- }
1791
- .w-16 {
1792
- width: 4rem;
1793
- }
1794
- .w-2 {
1795
- width: 0.5rem;
1796
- }
1797
- .w-2\.5 {
1798
- width: 0.625rem;
1799
- }
1800
- .w-2\/5 {
1801
- width: 40%;
1802
- }
1803
- .w-20 {
1804
- width: 5rem;
1805
- }
1806
- .w-24 {
1807
- width: 6rem;
1808
- }
1809
- .w-3 {
1810
- width: 0.75rem;
1811
- }
1812
- .w-3\.5 {
1813
- width: 0.875rem;
1814
- }
1815
- .w-3\/4 {
1816
- width: 75%;
1817
- }
1818
- .w-32 {
1819
- width: 8rem;
1820
- }
1821
- .w-36 {
1822
- width: 9rem;
1823
- }
1824
- .w-4 {
1825
- width: 1rem;
1826
- }
1827
- .w-40 {
1828
- width: 10rem;
1829
- }
1830
- .w-44 {
1831
- width: 11rem;
1832
- }
1833
- .w-48 {
1834
- width: 12rem;
1835
- }
1836
- .w-5 {
1837
- width: 1.25rem;
1838
- }
1839
- .w-56 {
1840
- width: 14rem;
1841
- }
1842
- .w-6 {
1843
- width: 1.5rem;
1844
- }
1845
- .w-7 {
1846
- width: 1.75rem;
1847
- }
1848
- .w-72 {
1849
- width: 18rem;
1850
- }
1851
- .w-8 {
1852
- width: 2rem;
1853
- }
1854
- .w-9 {
1855
- width: 2.25rem;
1856
- }
1857
- .w-\[19px\] {
1858
- width: 19px;
1859
- }
1860
- .w-\[380px\] {
1861
- width: 380px;
1862
- }
1863
- .w-\[80px\] {
1864
- width: 80px;
1865
- }
1866
- .w-\[var\(--radix-popover-trigger-width\)\] {
1867
- width: var(--radix-popover-trigger-width);
1868
- }
1869
- .w-\[var\(--radix-select-trigger-width\)\] {
1870
- width: var(--radix-select-trigger-width);
1871
- }
1872
- .w-auto {
1873
- width: auto;
1874
- }
1875
- .w-fit {
1876
- width: -moz-fit-content;
1877
- width: fit-content;
1878
- }
1879
- .w-full {
1880
- width: 100%;
1881
- }
1882
- .min-w-0 {
1883
- min-width: 0px;
1884
- }
1885
- .min-w-10 {
1886
- min-width: 2.5rem;
1887
- }
1888
- .min-w-11 {
1889
- min-width: 2.75rem;
1890
- }
1891
- .min-w-7 {
1892
- min-width: 1.75rem;
1893
- }
1894
- .min-w-8 {
1895
- min-width: 2rem;
1896
- }
1897
- .min-w-9 {
1898
- min-width: 2.25rem;
1899
- }
1900
- .min-w-\[160px\] {
1901
- min-width: 160px;
1902
- }
1903
- .min-w-\[50px\] {
1904
- min-width: 50px;
1905
- }
1906
- .min-w-\[8rem\] {
1907
- min-width: 8rem;
1908
- }
1909
- .min-w-\[var\(--radix-select-trigger-width\)\] {
1910
- min-width: var(--radix-select-trigger-width);
1911
- }
1912
- .max-w-\[280px\] {
1913
- max-width: 280px;
1914
- }
1915
- .max-w-\[380px\] {
1916
- max-width: 380px;
1917
- }
1918
- .max-w-\[95vw\] {
1919
- max-width: 95vw;
1920
- }
1921
- .max-w-full {
1922
- max-width: 100%;
1923
- }
1924
- .max-w-md {
1925
- max-width: 28rem;
1926
- }
1927
- .max-w-sm {
1928
- max-width: 24rem;
1929
- }
1930
- .max-w-xs {
1931
- max-width: 20rem;
1932
- }
1933
- .flex-1 {
1934
- flex: 1 1 0%;
1935
- }
1936
- .shrink-0 {
1937
- flex-shrink: 0;
1938
- }
1939
- .grow {
1940
- flex-grow: 1;
1941
- }
1942
- .caption-bottom {
1943
- caption-side: bottom;
1944
- }
1945
- .border-collapse {
1946
- border-collapse: collapse;
1947
- }
1948
- .-translate-x-1\/2 {
1949
- --tw-translate-x: -50%;
1950
- 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));
1951
- }
1952
- .-translate-x-full {
1953
- --tw-translate-x: -100%;
1954
- 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));
1955
- }
1956
- .-translate-y-1\/2 {
1957
- --tw-translate-y: -50%;
1958
- 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));
1959
- }
1960
- .translate-x-0 {
1961
- --tw-translate-x: 0px;
1962
- 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));
1963
- }
1964
- .translate-x-1\/2 {
1965
- --tw-translate-x: 50%;
1966
- 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));
1967
- }
1968
- .translate-x-\[-50\%\] {
1969
- --tw-translate-x: -50%;
1970
- 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));
1971
- }
1972
- .translate-y-1\/2 {
1973
- --tw-translate-y: 50%;
1974
- 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));
1975
- }
1976
- .translate-y-\[-50\%\] {
1977
- --tw-translate-y: -50%;
1978
- 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));
1979
- }
1980
- .rotate-180 {
1981
- --tw-rotate: 180deg;
1982
- 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));
1983
- }
1984
- .scale-110 {
1985
- --tw-scale-x: 1.1;
1986
- --tw-scale-y: 1.1;
1987
- 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));
1988
- }
1989
- .transform {
1990
- 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));
1991
- }
1992
- @keyframes indeterminate-progress {
1993
-
1994
- 0% {
1995
- transform: translateX(-100%);
1996
- width: 40%;
1997
- }
1998
-
1999
- 50% {
2000
- transform: translateX(100%);
2001
- width: 60%;
2002
- }
2003
-
2004
- 100% {
2005
- transform: translateX(200%);
2006
- width: 40%;
2007
- }
2008
- }
2009
- .animate-indeterminate-progress {
2010
- animation: indeterminate-progress 2s ease-in-out infinite;
2011
- }
2012
- @keyframes ping {
2013
-
2014
- 75%, 100% {
2015
- transform: scale(2);
2016
- opacity: 0;
2017
- }
2018
- }
2019
- .animate-ping {
2020
- animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
2021
- }
2022
- @keyframes pulse {
2023
-
2024
- 50% {
2025
- opacity: .5;
2026
- }
2027
- }
2028
- .animate-pulse {
2029
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2030
- }
2031
- @keyframes spin {
2032
-
2033
- to {
2034
- transform: rotate(360deg);
2035
- }
2036
- }
2037
- .animate-spin {
2038
- animation: spin 1s linear infinite;
2039
- }
2040
- .cursor-default {
2041
- cursor: default;
2042
- }
2043
- .cursor-help {
2044
- cursor: help;
2045
- }
2046
- .cursor-not-allowed {
2047
- cursor: not-allowed;
2048
- }
2049
- .cursor-pointer {
2050
- cursor: pointer;
2051
- }
2052
- .cursor-text {
2053
- cursor: text;
2054
- }
2055
- .touch-none {
2056
- touch-action: none;
2057
- }
2058
- .select-none {
2059
- -webkit-user-select: none;
2060
- -moz-user-select: none;
2061
- user-select: none;
2062
- }
2063
- .select-all {
2064
- -webkit-user-select: all;
2065
- -moz-user-select: all;
2066
- user-select: all;
2067
- }
2068
- .resize-none {
2069
- resize: none;
2070
- }
2071
- .appearance-none {
2072
- -webkit-appearance: none;
2073
- -moz-appearance: none;
2074
- appearance: none;
2075
- }
2076
- .auto-rows-min {
2077
- grid-auto-rows: min-content;
2078
- }
2079
- .grid-cols-1 {
2080
- grid-template-columns: repeat(1, minmax(0, 1fr));
2081
- }
2082
- .grid-cols-2 {
2083
- grid-template-columns: repeat(2, minmax(0, 1fr));
2084
- }
2085
- .grid-cols-7 {
2086
- grid-template-columns: repeat(7, minmax(0, 1fr));
2087
- }
2088
- .grid-rows-\[auto_auto\] {
2089
- grid-template-rows: auto auto;
2090
- }
2091
- .flex-row {
2092
- flex-direction: row;
2093
- }
2094
- .flex-row-reverse {
2095
- flex-direction: row-reverse;
2096
- }
2097
- .flex-col {
2098
- flex-direction: column;
2099
- }
2100
- .flex-col-reverse {
2101
- flex-direction: column-reverse;
2102
- }
2103
- .flex-wrap {
2104
- flex-wrap: wrap;
2105
- }
2106
- .items-start {
2107
- align-items: flex-start;
2108
- }
2109
- .items-end {
2110
- align-items: flex-end;
2111
- }
2112
- .items-center {
2113
- align-items: center;
2114
- }
2115
- .items-stretch {
2116
- align-items: stretch;
2117
- }
2118
- .justify-start {
2119
- justify-content: flex-start;
2120
- }
2121
- .justify-end {
2122
- justify-content: flex-end;
2123
- }
2124
- .justify-center {
2125
- justify-content: center;
2126
- }
2127
- .justify-between {
2128
- justify-content: space-between;
2129
- }
2130
- .gap-0 {
2131
- gap: 0px;
2132
- }
2133
- .gap-0\.5 {
2134
- gap: 0.125rem;
2135
- }
2136
- .gap-1 {
2137
- gap: 0.25rem;
2138
- }
2139
- .gap-1\.5 {
2140
- gap: 0.375rem;
2141
- }
2142
- .gap-2 {
2143
- gap: 0.5rem;
2144
- }
2145
- .gap-2\.5 {
2146
- gap: 0.625rem;
2147
- }
2148
- .gap-3 {
2149
- gap: 0.75rem;
2150
- }
2151
- .gap-4 {
2152
- gap: 1rem;
2153
- }
2154
- .gap-5 {
2155
- gap: 1.25rem;
2156
- }
2157
- .gap-6 {
2158
- gap: 1.5rem;
2159
- }
2160
- .gap-7 {
2161
- gap: 1.75rem;
2162
- }
2163
- .gap-x-3 {
2164
- -moz-column-gap: 0.75rem;
2165
- column-gap: 0.75rem;
2166
- }
2167
- .gap-x-4 {
2168
- -moz-column-gap: 1rem;
2169
- column-gap: 1rem;
2170
- }
2171
- .gap-y-0\.5 {
2172
- row-gap: 0.125rem;
2173
- }
2174
- .gap-y-1 {
2175
- row-gap: 0.25rem;
2176
- }
2177
- .-space-x-2 > :not([hidden]) ~ :not([hidden]) {
2178
- --tw-space-x-reverse: 0;
2179
- margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
2180
- margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
2181
- }
2182
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
2183
- --tw-space-x-reverse: 0;
2184
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
2185
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
2186
- }
2187
- .space-y-0 > :not([hidden]) ~ :not([hidden]) {
2188
- --tw-space-y-reverse: 0;
2189
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
2190
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
2191
- }
2192
- .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
2193
- --tw-space-y-reverse: 0;
2194
- margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
2195
- margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
2196
- }
2197
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
2198
- --tw-space-y-reverse: 0;
2199
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
2200
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
2201
- }
2202
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
2203
- --tw-space-y-reverse: 0;
2204
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
2205
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
2206
- }
2207
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
2208
- --tw-space-y-reverse: 0;
2209
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
2210
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
2211
- }
2212
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
2213
- --tw-space-y-reverse: 0;
2214
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
2215
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
2216
- }
2217
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
2218
- --tw-space-y-reverse: 0;
2219
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2220
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2221
- }
2222
- .divide-x > :not([hidden]) ~ :not([hidden]) {
2223
- --tw-divide-x-reverse: 0;
2224
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
2225
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
2226
- }
2227
- .divide-border\/40 > :not([hidden]) ~ :not([hidden]) {
2228
- border-color: hsl(var(--najm-border) / 0.4);
2229
- }
2230
- .self-start {
2231
- align-self: flex-start;
2232
- }
2233
- .justify-self-end {
2234
- justify-self: end;
2235
- }
2236
- .overflow-hidden {
2237
- overflow: hidden;
2238
- }
2239
- .overflow-visible {
2240
- overflow: visible;
2241
- }
2242
- .overflow-x-hidden {
2243
- overflow-x: hidden;
2244
- }
2245
- .truncate {
2246
- overflow: hidden;
2247
- text-overflow: ellipsis;
2248
- white-space: nowrap;
2249
- }
2250
- .whitespace-nowrap {
2251
- white-space: nowrap;
2252
- }
2253
- .text-balance {
2254
- text-wrap: balance;
2255
- }
2256
- .rounded {
2257
- border-radius: 0.25rem;
2258
- }
2259
- .rounded-2xl {
2260
- border-radius: 1rem;
2261
- }
2262
- .rounded-\[10px\] {
2263
- border-radius: 10px;
2264
- }
2265
- .rounded-\[18px\] {
2266
- border-radius: 18px;
2267
- }
2268
- .rounded-\[20px\] {
2269
- border-radius: 20px;
2270
- }
2271
- .rounded-\[4px\] {
2272
- border-radius: 4px;
2273
- }
2274
- .rounded-full {
2275
- border-radius: 9999px;
2276
- }
2277
- .rounded-lg {
2278
- border-radius: var(--najm-radius);
2279
- }
2280
- .rounded-md {
2281
- border-radius: calc(var(--najm-radius) - 2px);
2282
- }
2283
- .rounded-none {
2284
- border-radius: 0px;
2285
- }
2286
- .rounded-sm {
2287
- border-radius: calc(var(--najm-radius) - 4px);
2288
- }
2289
- .rounded-xl {
2290
- border-radius: 0.75rem;
2291
- }
2292
- .rounded-b {
2293
- border-bottom-right-radius: 0.25rem;
2294
- border-bottom-left-radius: 0.25rem;
2295
- }
2296
- .rounded-t {
2297
- border-top-left-radius: 0.25rem;
2298
- border-top-right-radius: 0.25rem;
2299
- }
2300
- .rounded-t-lg {
2301
- border-top-left-radius: var(--najm-radius);
2302
- border-top-right-radius: var(--najm-radius);
2303
- }
2304
- .rounded-t-sm {
2305
- border-top-left-radius: calc(var(--najm-radius) - 4px);
2306
- border-top-right-radius: calc(var(--najm-radius) - 4px);
2307
- }
2308
- .border {
2309
- border-width: 1px;
2310
- }
2311
- .border-0 {
2312
- border-width: 0px;
2313
- }
2314
- .border-2 {
2315
- border-width: 2px;
2316
- }
2317
- .border-b {
2318
- border-bottom-width: 1px;
2319
- }
2320
- .border-b-0 {
2321
- border-bottom-width: 0px;
2322
- }
2323
- .border-b-2 {
2324
- border-bottom-width: 2px;
2325
- }
2326
- .border-l {
2327
- border-left-width: 1px;
2328
- }
2329
- .border-r {
2330
- border-right-width: 1px;
2331
- }
2332
- .border-t {
2333
- border-top-width: 1px;
2334
- }
2335
- .border-dashed {
2336
- border-style: dashed;
2337
- }
2338
- .\!border-amber-500\/40 {
2339
- border-color: rgb(245 158 11 / 0.4) !important;
2340
- }
2341
- .\!border-cyan-500\/40 {
2342
- border-color: rgb(6 182 212 / 0.4) !important;
2343
- }
2344
- .\!border-emerald-500\/40 {
2345
- border-color: rgb(16 185 129 / 0.4) !important;
2346
- }
2347
- .\!border-red-500\/40 {
2348
- border-color: rgb(239 68 68 / 0.4) !important;
2349
- }
2350
- .\!border-red-600 {
2351
- --tw-border-opacity: 1 !important;
2352
- border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)) !important;
2353
- }
2354
- .border-accent {
2355
- border-color: hsl(var(--najm-accent));
2356
- }
2357
- .border-amber-400\/20 {
2358
- border-color: rgb(251 191 36 / 0.2);
2359
- }
2360
- .border-amber-400\/35 {
2361
- border-color: rgb(251 191 36 / 0.35);
2362
- }
2363
- .border-amber-400\/60 {
2364
- border-color: rgb(251 191 36 / 0.6);
2365
- }
2366
- .border-amber-500 {
2367
- --tw-border-opacity: 1;
2368
- border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
2369
- }
2370
- .border-amber-500\/30 {
2371
- border-color: rgb(245 158 11 / 0.3);
2372
- }
2373
- .border-amber-600 {
2374
- --tw-border-opacity: 1;
2375
- border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
2376
- }
2377
- .border-border {
2378
- border-color: hsl(var(--najm-border));
2379
- }
2380
- .border-border-strong {
2381
- border-color: hsl(var(--najm-border-strong));
2382
- }
2383
- .border-border-subtle {
2384
- border-color: hsl(var(--najm-border-subtle));
2385
- }
2386
- .border-border\/30 {
2387
- border-color: hsl(var(--najm-border) / 0.3);
2388
- }
2389
- .border-border\/50 {
2390
- border-color: hsl(var(--najm-border) / 0.5);
2391
- }
2392
- .border-border\/60 {
2393
- border-color: hsl(var(--najm-border) / 0.6);
2394
- }
2395
- .border-border\/70 {
2396
- border-color: hsl(var(--najm-border) / 0.7);
2397
- }
2398
- .border-destructive {
2399
- border-color: hsl(var(--najm-destructive));
2400
- }
2401
- .border-destructive\/30 {
2402
- border-color: hsl(var(--najm-destructive) / 0.3);
2403
- }
2404
- .border-destructive\/40 {
2405
- border-color: hsl(var(--najm-destructive) / 0.4);
2406
- }
2407
- .border-emerald-500 {
2408
- --tw-border-opacity: 1;
2409
- border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
2410
- }
2411
- .border-emerald-500\/20 {
2412
- border-color: rgb(16 185 129 / 0.2);
2413
- }
2414
- .border-emerald-500\/30 {
2415
- border-color: rgb(16 185 129 / 0.3);
2416
- }
2417
- .border-emerald-500\/50 {
2418
- border-color: rgb(16 185 129 / 0.5);
2419
- }
2420
- .border-emerald-500\/60 {
2421
- border-color: rgb(16 185 129 / 0.6);
2422
- }
2423
- .border-green-500\/30 {
2424
- border-color: rgb(34 197 94 / 0.3);
2425
- }
2426
- .border-green-600 {
2427
- --tw-border-opacity: 1;
2428
- border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
2429
- }
2430
- .border-indigo-500\/20 {
2431
- border-color: rgb(99 102 241 / 0.2);
2432
- }
2433
- .border-indigo-500\/60 {
2434
- border-color: rgb(99 102 241 / 0.6);
2435
- }
2436
- .border-input {
2437
- border-color: hsl(var(--najm-input));
2438
- }
2439
- .border-muted-foreground {
2440
- border-color: hsl(var(--najm-muted-foreground));
2441
- }
2442
- .border-muted-foreground\/60 {
2443
- border-color: hsl(var(--najm-muted-foreground) / 0.6);
2444
- }
2445
- .border-orange-500\/20 {
2446
- border-color: rgb(249 115 22 / 0.2);
2447
- }
2448
- .border-orange-500\/60 {
2449
- border-color: rgb(249 115 22 / 0.6);
2450
- }
2451
- .border-pink-500\/20 {
2452
- border-color: rgb(236 72 153 / 0.2);
2453
- }
2454
- .border-pink-500\/60 {
2455
- border-color: rgb(236 72 153 / 0.6);
2456
- }
2457
- .border-primary {
2458
- border-color: hsl(var(--najm-primary));
2459
- }
2460
- .border-primary\/30 {
2461
- border-color: hsl(var(--najm-primary) / 0.3);
2462
- }
2463
- .border-red-500\/20 {
2464
- border-color: rgb(239 68 68 / 0.2);
2465
- }
2466
- .border-red-500\/30 {
2467
- border-color: rgb(239 68 68 / 0.3);
2468
- }
2469
- .border-red-500\/50 {
2470
- border-color: rgb(239 68 68 / 0.5);
2471
- }
2472
- .border-red-500\/60 {
2473
- border-color: rgb(239 68 68 / 0.6);
2474
- }
2475
- .border-red-600 {
2476
- --tw-border-opacity: 1;
2477
- border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
2478
- }
2479
- .border-secondary {
2480
- border-color: hsl(var(--najm-secondary));
2481
- }
2482
- .border-secondary\/60 {
2483
- border-color: hsl(var(--najm-secondary) / 0.6);
2484
- }
2485
- .border-sky-500 {
2486
- --tw-border-opacity: 1;
2487
- border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
2488
- }
2489
- .border-sky-500\/20 {
2490
- border-color: rgb(14 165 233 / 0.2);
2491
- }
2492
- .border-sky-500\/30 {
2493
- border-color: rgb(14 165 233 / 0.3);
2494
- }
2495
- .border-sky-500\/50 {
2496
- border-color: rgb(14 165 233 / 0.5);
2497
- }
2498
- .border-sky-500\/60 {
2499
- border-color: rgb(14 165 233 / 0.6);
2500
- }
2501
- .border-slate-500\/20 {
2502
- border-color: rgb(100 116 139 / 0.2);
2503
- }
2504
- .border-slate-500\/60 {
2505
- border-color: rgb(100 116 139 / 0.6);
2506
- }
2507
- .border-transparent {
2508
- border-color: transparent;
2509
- }
2510
- .border-white\/10 {
2511
- border-color: rgb(255 255 255 / 0.1);
2512
- }
2513
- .border-white\/20 {
2514
- border-color: rgb(255 255 255 / 0.2);
2515
- }
2516
- .border-yellow-500\/30 {
2517
- border-color: rgb(234 179 8 / 0.3);
2518
- }
2519
- .\!bg-amber-500 {
2520
- --tw-bg-opacity: 1 !important;
2521
- background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)) !important;
2522
- }
2523
- .\!bg-cyan-600 {
2524
- --tw-bg-opacity: 1 !important;
2525
- background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)) !important;
2526
- }
2527
- .\!bg-emerald-600 {
2528
- --tw-bg-opacity: 1 !important;
2529
- background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)) !important;
2530
- }
2531
- .\!bg-red-600 {
2532
- --tw-bg-opacity: 1 !important;
2533
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)) !important;
2534
- }
2535
- .\!bg-transparent {
2536
- background-color: transparent !important;
2537
- }
2538
- .bg-accent {
2539
- background-color: hsl(var(--najm-accent));
2540
- }
2541
- .bg-accent\/20 {
2542
- background-color: hsl(var(--najm-accent) / 0.2);
2543
- }
2544
- .bg-amber-400 {
2545
- --tw-bg-opacity: 1;
2546
- background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
2547
- }
2548
- .bg-amber-400\/10 {
2549
- background-color: rgb(251 191 36 / 0.1);
2550
- }
2551
- .bg-amber-500 {
2552
- --tw-bg-opacity: 1;
2553
- background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
2554
- }
2555
- .bg-amber-500\/20 {
2556
- background-color: rgb(245 158 11 / 0.2);
2557
- }
2558
- .bg-amber-500\/30 {
2559
- background-color: rgb(245 158 11 / 0.3);
2560
- }
2561
- .bg-background {
2562
- background-color: hsl(var(--najm-background));
2563
- }
2564
- .bg-background\/40 {
2565
- background-color: hsl(var(--najm-background) / 0.4);
2566
- }
2567
- .bg-background\/80 {
2568
- background-color: hsl(var(--najm-background) / 0.8);
2569
- }
2570
- .bg-background\/85 {
2571
- background-color: hsl(var(--najm-background) / 0.85);
2572
- }
2573
- .bg-background\/95 {
2574
- background-color: hsl(var(--najm-background) / 0.95);
2575
- }
2576
- .bg-black\/50 {
2577
- background-color: rgb(0 0 0 / 0.5);
2578
- }
2579
- .bg-blue-600\/30 {
2580
- background-color: rgb(37 99 235 / 0.3);
2581
- }
2582
- .bg-border {
2583
- background-color: hsl(var(--najm-border));
2584
- }
2585
- .bg-border\/40 {
2586
- background-color: hsl(var(--najm-border) / 0.4);
2587
- }
2588
- .bg-card {
2589
- background-color: hsl(var(--najm-card));
2590
- }
2591
- .bg-destructive {
2592
- background-color: hsl(var(--najm-destructive));
2593
- }
2594
- .bg-destructive\/10 {
2595
- background-color: hsl(var(--najm-destructive) / 0.1);
2596
- }
2597
- .bg-destructive\/20 {
2598
- background-color: hsl(var(--najm-destructive) / 0.2);
2599
- }
2600
- .bg-emerald-500 {
2601
- --tw-bg-opacity: 1;
2602
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
2603
- }
2604
- .bg-emerald-500\/10 {
2605
- background-color: rgb(16 185 129 / 0.1);
2606
- }
2607
- .bg-emerald-500\/20 {
2608
- background-color: rgb(16 185 129 / 0.2);
2609
- }
2610
- .bg-emerald-600 {
2611
- --tw-bg-opacity: 1;
2612
- background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
2613
- }
2614
- .bg-emerald-600\/30 {
2615
- background-color: rgb(5 150 105 / 0.3);
2616
- }
2617
- .bg-foreground {
2618
- background-color: hsl(var(--najm-foreground));
2619
- }
2620
- .bg-foreground\/10 {
2621
- background-color: hsl(var(--najm-foreground) / 0.1);
2622
- }
2623
- .bg-green-500\/10 {
2624
- background-color: rgb(34 197 94 / 0.1);
2625
- }
2626
- .bg-indigo-500 {
2627
- --tw-bg-opacity: 1;
2628
- background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
2629
- }
2630
- .bg-indigo-500\/10 {
2631
- background-color: rgb(99 102 241 / 0.1);
2632
- }
2633
- .bg-muted {
2634
- background-color: hsl(var(--najm-muted));
2635
- }
2636
- .bg-muted-foreground {
2637
- background-color: hsl(var(--najm-muted-foreground));
2638
- }
2639
- .bg-muted-foreground\/30 {
2640
- background-color: hsl(var(--najm-muted-foreground) / 0.3);
2641
- }
2642
- .bg-muted\/30 {
2643
- background-color: hsl(var(--najm-muted) / 0.3);
2644
- }
2645
- .bg-muted\/40 {
2646
- background-color: hsl(var(--najm-muted) / 0.4);
2647
- }
2648
- .bg-orange-500 {
2649
- --tw-bg-opacity: 1;
2650
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
2651
- }
2652
- .bg-orange-500\/10 {
2653
- background-color: rgb(249 115 22 / 0.1);
2654
- }
2655
- .bg-pink-500 {
2656
- --tw-bg-opacity: 1;
2657
- background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
2658
- }
2659
- .bg-pink-500\/10 {
2660
- background-color: rgb(236 72 153 / 0.1);
2661
- }
2662
- .bg-popover {
2663
- background-color: hsl(var(--najm-popover));
2664
- }
2665
- .bg-primary {
2666
- background-color: hsl(var(--najm-primary));
2667
- }
2668
- .bg-primary\/10 {
2669
- background-color: hsl(var(--najm-primary) / 0.1);
2670
- }
2671
- .bg-primary\/15 {
2672
- background-color: hsl(var(--najm-primary) / 0.15);
2673
- }
2674
- .bg-primary\/20 {
2675
- background-color: hsl(var(--najm-primary) / 0.2);
2676
- }
2677
- .bg-primary\/5 {
2678
- background-color: hsl(var(--najm-primary) / 0.05);
2679
- }
2680
- .bg-primary\/50 {
2681
- background-color: hsl(var(--najm-primary) / 0.5);
2682
- }
2683
- .bg-red-500 {
2684
- --tw-bg-opacity: 1;
2685
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
2686
- }
2687
- .bg-red-500\/10 {
2688
- background-color: rgb(239 68 68 / 0.1);
2689
- }
2690
- .bg-rose-500 {
2691
- --tw-bg-opacity: 1;
2692
- background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
2693
- }
2694
- .bg-rose-600\/30 {
2695
- background-color: rgb(225 29 72 / 0.3);
2696
- }
2697
- .bg-secondary {
2698
- background-color: hsl(var(--najm-secondary));
2699
- }
2700
- .bg-secondary\/20 {
2701
- background-color: hsl(var(--najm-secondary) / 0.2);
2702
- }
2703
- .bg-secondary\/40 {
2704
- background-color: hsl(var(--najm-secondary) / 0.4);
2705
- }
2706
- .bg-sky-500 {
2707
- --tw-bg-opacity: 1;
2708
- background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
2709
- }
2710
- .bg-sky-500\/10 {
2711
- background-color: rgb(14 165 233 / 0.1);
2712
- }
2713
- .bg-sky-500\/20 {
2714
- background-color: rgb(14 165 233 / 0.2);
2715
- }
2716
- .bg-sky-600 {
2717
- --tw-bg-opacity: 1;
2718
- background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
2719
- }
2720
- .bg-slate-400 {
2721
- --tw-bg-opacity: 1;
2722
- background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
2723
- }
2724
- .bg-slate-500 {
2725
- --tw-bg-opacity: 1;
2726
- background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
2727
- }
2728
- .bg-slate-500\/10 {
2729
- background-color: rgb(100 116 139 / 0.1);
2730
- }
2731
- .bg-slate-700\/60 {
2732
- background-color: rgb(51 65 85 / 0.6);
2733
- }
2734
- .bg-tertiary {
2735
- background-color: hsl(var(--najm-tertiary));
2736
- }
2737
- .bg-transparent {
2738
- background-color: transparent;
2739
- }
2740
- .bg-violet-600\/30 {
2741
- background-color: rgb(124 58 237 / 0.3);
2742
- }
2743
- .bg-white\/5 {
2744
- background-color: rgb(255 255 255 / 0.05);
2745
- }
2746
- .bg-yellow-500\/10 {
2747
- background-color: rgb(234 179 8 / 0.1);
2748
- }
2749
- .\!bg-none {
2750
- background-image: none !important;
2751
- }
2752
- .fill-\[\#d6d6d6\] {
2753
- fill: #d6d6d6;
2754
- }
2755
- .fill-current {
2756
- fill: currentColor;
2757
- }
2758
- .fill-orange-400 {
2759
- fill: #fb923c;
2760
- }
2761
- .fill-primary {
2762
- fill: hsl(var(--najm-primary));
2763
- }
2764
- .object-contain {
2765
- -o-object-fit: contain;
2766
- object-fit: contain;
2767
- }
2768
- .object-cover {
2769
- -o-object-fit: cover;
2770
- object-fit: cover;
2771
- }
2772
- .p-0 {
2773
- padding: 0px;
2774
- }
2775
- .p-0\.5 {
2776
- padding: 0.125rem;
2777
- }
2778
- .p-1 {
2779
- padding: 0.25rem;
2780
- }
2781
- .p-1\.5 {
2782
- padding: 0.375rem;
2783
- }
2784
- .p-2 {
2785
- padding: 0.5rem;
2786
- }
2787
- .p-3 {
2788
- padding: 0.75rem;
2789
- }
2790
- .p-4 {
2791
- padding: 1rem;
2792
- }
2793
- .p-5 {
2794
- padding: 1.25rem;
2795
- }
2796
- .p-6 {
2797
- padding: 1.5rem;
2798
- }
2799
- .p-8 {
2800
- padding: 2rem;
2801
- }
2802
- .p-\[3px\] {
2803
- padding: 3px;
2804
- }
2805
- .px-0 {
2806
- padding-left: 0px;
2807
- padding-right: 0px;
2808
- }
2809
- .px-0\.5 {
2810
- padding-left: 0.125rem;
2811
- padding-right: 0.125rem;
2812
- }
2813
- .px-1 {
2814
- padding-left: 0.25rem;
2815
- padding-right: 0.25rem;
2816
- }
2817
- .px-1\.5 {
2818
- padding-left: 0.375rem;
2819
- padding-right: 0.375rem;
2820
- }
2821
- .px-10 {
2822
- padding-left: 2.5rem;
2823
- padding-right: 2.5rem;
2824
- }
2825
- .px-2 {
2826
- padding-left: 0.5rem;
2827
- padding-right: 0.5rem;
2828
- }
2829
- .px-2\.5 {
2830
- padding-left: 0.625rem;
2831
- padding-right: 0.625rem;
2832
- }
2833
- .px-3 {
2834
- padding-left: 0.75rem;
2835
- padding-right: 0.75rem;
2836
- }
2837
- .px-4 {
2838
- padding-left: 1rem;
2839
- padding-right: 1rem;
2840
- }
2841
- .px-5 {
2842
- padding-left: 1.25rem;
2843
- padding-right: 1.25rem;
2844
- }
2845
- .px-6 {
2846
- padding-left: 1.5rem;
2847
- padding-right: 1.5rem;
2848
- }
2849
- .px-8 {
2850
- padding-left: 2rem;
2851
- padding-right: 2rem;
2852
- }
2853
- .py-0 {
2854
- padding-top: 0px;
2855
- padding-bottom: 0px;
2856
- }
2857
- .py-0\.5 {
2858
- padding-top: 0.125rem;
2859
- padding-bottom: 0.125rem;
2860
- }
2861
- .py-1 {
2862
- padding-top: 0.25rem;
2863
- padding-bottom: 0.25rem;
2864
- }
2865
- .py-1\.5 {
2866
- padding-top: 0.375rem;
2867
- padding-bottom: 0.375rem;
2868
- }
2869
- .py-10 {
2870
- padding-top: 2.5rem;
2871
- padding-bottom: 2.5rem;
2872
- }
2873
- .py-12 {
2874
- padding-top: 3rem;
2875
- padding-bottom: 3rem;
2876
- }
2877
- .py-2 {
2878
- padding-top: 0.5rem;
2879
- padding-bottom: 0.5rem;
2880
- }
2881
- .py-2\.5 {
2882
- padding-top: 0.625rem;
2883
- padding-bottom: 0.625rem;
2884
- }
2885
- .py-3 {
2886
- padding-top: 0.75rem;
2887
- padding-bottom: 0.75rem;
2888
- }
2889
- .py-4 {
2890
- padding-top: 1rem;
2891
- padding-bottom: 1rem;
2892
- }
2893
- .py-5 {
2894
- padding-top: 1.25rem;
2895
- padding-bottom: 1.25rem;
2896
- }
2897
- .py-6 {
2898
- padding-top: 1.5rem;
2899
- padding-bottom: 1.5rem;
2900
- }
2901
- .py-8 {
2902
- padding-top: 2rem;
2903
- padding-bottom: 2rem;
2904
- }
2905
- .pb-1 {
2906
- padding-bottom: 0.25rem;
2907
- }
2908
- .pb-4 {
2909
- padding-bottom: 1rem;
2910
- }
2911
- .pb-5 {
2912
- padding-bottom: 1.25rem;
2913
- }
2914
- .pl-16 {
2915
- padding-left: 4rem;
2916
- }
2917
- .pl-2 {
2918
- padding-left: 0.5rem;
2919
- }
2920
- .pl-3 {
2921
- padding-left: 0.75rem;
2922
- }
2923
- .pl-7 {
2924
- padding-left: 1.75rem;
2925
- }
2926
- .pl-8 {
2927
- padding-left: 2rem;
2928
- }
2929
- .pl-9 {
2930
- padding-left: 2.25rem;
2931
- }
2932
- .pl-\[calc\(var\(--rail\2c 4rem\)\/2_-_1\.5rem\)\] {
2933
- padding-left: calc(var(--rail,4rem) / 2 - 1.5rem);
2934
- }
2935
- .pr-1\.5 {
2936
- padding-right: 0.375rem;
2937
- }
2938
- .pr-2 {
2939
- padding-right: 0.5rem;
2940
- }
2941
- .pr-3 {
2942
- padding-right: 0.75rem;
2943
- }
2944
- .pr-8 {
2945
- padding-right: 2rem;
2946
- }
2947
- .pt-0 {
2948
- padding-top: 0px;
2949
- }
2950
- .pt-1 {
2951
- padding-top: 0.25rem;
2952
- }
2953
- .pt-2 {
2954
- padding-top: 0.5rem;
2955
- }
2956
- .pt-3 {
2957
- padding-top: 0.75rem;
2958
- }
2959
- .pt-8 {
2960
- padding-top: 2rem;
2961
- }
2962
- .text-left {
2963
- text-align: left;
2964
- }
2965
- .text-center {
2966
- text-align: center;
2967
- }
2968
- .text-right {
2969
- text-align: right;
2970
- }
2971
- .align-middle {
2972
- vertical-align: middle;
2973
- }
2974
- .font-mono {
2975
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2976
- }
2977
- .text-2xl {
2978
- font-size: 1.5rem;
2979
- line-height: 2rem;
2980
- }
2981
- .text-\[0\.8rem\] {
2982
- font-size: 0.8rem;
2983
- }
2984
- .text-\[10px\] {
2985
- font-size: 10px;
2986
- }
2987
- .text-\[11px\] {
2988
- font-size: 11px;
2989
- }
2990
- .text-\[13px\] {
2991
- font-size: 13px;
2992
- }
2993
- .text-\[8px\] {
2994
- font-size: 8px;
2995
- }
2996
- .text-\[9px\] {
2997
- font-size: 9px;
2998
- }
2999
- .text-base {
3000
- font-size: 1rem;
3001
- line-height: 1.5rem;
3002
- }
3003
- .text-lg {
3004
- font-size: 1.125rem;
3005
- line-height: 1.75rem;
3006
- }
3007
- .text-sm {
3008
- font-size: 0.875rem;
3009
- line-height: 1.25rem;
3010
- }
3011
- .text-xl {
3012
- font-size: 1.25rem;
3013
- line-height: 1.75rem;
3014
- }
3015
- .text-xs {
3016
- font-size: 0.75rem;
3017
- line-height: 1rem;
3018
- }
3019
- .font-bold {
3020
- font-weight: 700;
3021
- }
3022
- .font-medium {
3023
- font-weight: 500;
3024
- }
3025
- .font-normal {
3026
- font-weight: 400;
3027
- }
3028
- .font-semibold {
3029
- font-weight: 600;
3030
- }
3031
- .uppercase {
3032
- text-transform: uppercase;
3033
- }
3034
- .capitalize {
3035
- text-transform: capitalize;
3036
- }
3037
- .tabular-nums {
3038
- --tw-numeric-spacing: tabular-nums;
3039
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
3040
- }
3041
- .leading-3 {
3042
- line-height: .75rem;
3043
- }
3044
- .leading-4 {
3045
- line-height: 1rem;
3046
- }
3047
- .leading-5 {
3048
- line-height: 1.25rem;
3049
- }
3050
- .leading-none {
3051
- line-height: 1;
3052
- }
3053
- .leading-relaxed {
3054
- line-height: 1.625;
3055
- }
3056
- .leading-snug {
3057
- line-height: 1.375;
3058
- }
3059
- .leading-tight {
3060
- line-height: 1.25;
3061
- }
3062
- .tracking-\[0\.16em\] {
3063
- letter-spacing: 0.16em;
3064
- }
3065
- .tracking-wide {
3066
- letter-spacing: 0.025em;
3067
- }
3068
- .tracking-wider {
3069
- letter-spacing: 0.05em;
3070
- }
3071
- .tracking-widest {
3072
- letter-spacing: 0.1em;
3073
- }
3074
- .\!text-white {
3075
- --tw-text-opacity: 1 !important;
3076
- color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
3077
- }
3078
- .text-\[\#d6d6d6\] {
3079
- --tw-text-opacity: 1;
3080
- color: rgb(214 214 214 / var(--tw-text-opacity, 1));
3081
- }
3082
- .text-accent-foreground {
3083
- color: hsl(var(--najm-accent-foreground));
3084
- }
3085
- .text-amber-400 {
3086
- --tw-text-opacity: 1;
3087
- color: rgb(251 191 36 / var(--tw-text-opacity, 1));
3088
- }
3089
- .text-amber-500 {
3090
- --tw-text-opacity: 1;
3091
- color: rgb(245 158 11 / var(--tw-text-opacity, 1));
3092
- }
3093
- .text-amber-700 {
3094
- --tw-text-opacity: 1;
3095
- color: rgb(180 83 9 / var(--tw-text-opacity, 1));
3096
- }
3097
- .text-background {
3098
- color: hsl(var(--najm-background));
3099
- }
3100
- .text-blue-400 {
3101
- --tw-text-opacity: 1;
3102
- color: rgb(96 165 250 / var(--tw-text-opacity, 1));
3103
- }
3104
- .text-card-foreground {
3105
- color: hsl(var(--najm-card-foreground));
3106
- }
3107
- .text-current {
3108
- color: currentColor;
3109
- }
3110
- .text-destructive {
3111
- color: hsl(var(--najm-destructive));
3112
- }
3113
- .text-destructive-foreground {
3114
- color: hsl(var(--najm-destructive-foreground));
3115
- }
3116
- .text-emerald-400 {
3117
- --tw-text-opacity: 1;
3118
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
3119
- }
3120
- .text-emerald-500 {
3121
- --tw-text-opacity: 1;
3122
- color: rgb(16 185 129 / var(--tw-text-opacity, 1));
3123
- }
3124
- .text-emerald-600 {
3125
- --tw-text-opacity: 1;
3126
- color: rgb(5 150 105 / var(--tw-text-opacity, 1));
3127
- }
3128
- .text-emerald-700 {
3129
- --tw-text-opacity: 1;
3130
- color: rgb(4 120 87 / var(--tw-text-opacity, 1));
3131
- }
3132
- .text-foreground {
3133
- color: hsl(var(--najm-foreground));
3134
- }
3135
- .text-green-500 {
3136
- --tw-text-opacity: 1;
3137
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
3138
- }
3139
- .text-green-700 {
3140
- --tw-text-opacity: 1;
3141
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
3142
- }
3143
- .text-indigo-400 {
3144
- --tw-text-opacity: 1;
3145
- color: rgb(129 140 248 / var(--tw-text-opacity, 1));
3146
- }
3147
- .text-muted-foreground {
3148
- color: hsl(var(--najm-muted-foreground));
3149
- }
3150
- .text-muted-foreground\/50 {
3151
- color: hsl(var(--najm-muted-foreground) / 0.5);
3152
- }
3153
- .text-muted-foreground\/70 {
3154
- color: hsl(var(--najm-muted-foreground) / 0.7);
3155
- }
3156
- .text-orange-400 {
3157
- --tw-text-opacity: 1;
3158
- color: rgb(251 146 60 / var(--tw-text-opacity, 1));
3159
- }
3160
- .text-orange-500 {
3161
- --tw-text-opacity: 1;
3162
- color: rgb(249 115 22 / var(--tw-text-opacity, 1));
3163
- }
3164
- .text-pink-400 {
3165
- --tw-text-opacity: 1;
3166
- color: rgb(244 114 182 / var(--tw-text-opacity, 1));
3167
- }
3168
- .text-popover-foreground {
3169
- color: hsl(var(--najm-popover-foreground));
3170
- }
3171
- .text-primary {
3172
- color: hsl(var(--najm-primary));
3173
- }
3174
- .text-primary-foreground {
3175
- color: hsl(var(--najm-primary-foreground));
3176
- }
3177
- .text-red-400 {
3178
- --tw-text-opacity: 1;
3179
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
3180
- }
3181
- .text-red-500 {
3182
- --tw-text-opacity: 1;
3183
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
3184
- }
3185
- .text-red-600 {
3186
- --tw-text-opacity: 1;
3187
- color: rgb(220 38 38 / var(--tw-text-opacity, 1));
3188
- }
3189
- .text-red-700 {
3190
- --tw-text-opacity: 1;
3191
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
3192
- }
3193
- .text-rose-400 {
3194
- --tw-text-opacity: 1;
3195
- color: rgb(251 113 133 / var(--tw-text-opacity, 1));
3196
- }
3197
- .text-secondary-foreground {
3198
- color: hsl(var(--najm-secondary-foreground));
3199
- }
3200
- .text-sky-400 {
3201
- --tw-text-opacity: 1;
3202
- color: rgb(56 189 248 / var(--tw-text-opacity, 1));
3203
- }
3204
- .text-sky-500 {
3205
- --tw-text-opacity: 1;
3206
- color: rgb(14 165 233 / var(--tw-text-opacity, 1));
3207
- }
3208
- .text-sky-600 {
3209
- --tw-text-opacity: 1;
3210
- color: rgb(2 132 199 / var(--tw-text-opacity, 1));
3211
- }
3212
- .text-sky-700 {
3213
- --tw-text-opacity: 1;
3214
- color: rgb(3 105 161 / var(--tw-text-opacity, 1));
3215
- }
3216
- .text-slate-400 {
3217
- --tw-text-opacity: 1;
3218
- color: rgb(148 163 184 / var(--tw-text-opacity, 1));
3219
- }
3220
- .text-slate-500 {
3221
- --tw-text-opacity: 1;
3222
- color: rgb(100 116 139 / var(--tw-text-opacity, 1));
3223
- }
3224
- .text-slate-900 {
3225
- --tw-text-opacity: 1;
3226
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
3227
- }
3228
- .text-slate-950 {
3229
- --tw-text-opacity: 1;
3230
- color: rgb(2 6 23 / var(--tw-text-opacity, 1));
3231
- }
3232
- .text-tertiary-foreground {
3233
- color: hsl(var(--najm-tertiary-foreground));
3234
- }
3235
- .text-white {
3236
- --tw-text-opacity: 1;
3237
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3238
- }
3239
- .text-yellow-700 {
3240
- --tw-text-opacity: 1;
3241
- color: rgb(161 98 7 / var(--tw-text-opacity, 1));
3242
- }
3243
- .underline {
3244
- text-decoration-line: underline;
3245
- }
3246
- .underline-offset-4 {
3247
- text-underline-offset: 4px;
3248
- }
3249
- .caret-foreground {
3250
- caret-color: hsl(var(--najm-foreground));
3251
- }
3252
- .accent-foreground {
3253
- accent-color: hsl(var(--najm-foreground));
3254
- }
3255
- .opacity-0 {
3256
- opacity: 0;
3257
- }
3258
- .opacity-100 {
3259
- opacity: 1;
3260
- }
3261
- .opacity-20 {
3262
- opacity: 0.2;
3263
- }
3264
- .opacity-40 {
3265
- opacity: 0.4;
3266
- }
3267
- .opacity-50 {
3268
- opacity: 0.5;
3269
- }
3270
- .opacity-60 {
3271
- opacity: 0.6;
3272
- }
3273
- .opacity-70 {
3274
- opacity: 0.7;
3275
- }
3276
- .opacity-85 {
3277
- opacity: 0.85;
3278
- }
3279
- .shadow {
3280
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3281
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3282
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3283
- }
3284
- .shadow-2xl {
3285
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
3286
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
3287
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3288
- }
3289
- .shadow-lg {
3290
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3291
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3292
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3293
- }
3294
- .shadow-md {
3295
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
3296
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
3297
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3298
- }
3299
- .shadow-none {
3300
- --tw-shadow: 0 0 #0000;
3301
- --tw-shadow-colored: 0 0 #0000;
3302
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3303
- }
3304
- .shadow-sm {
3305
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3306
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3307
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3308
- }
3309
- .shadow-xl {
3310
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
3311
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
3312
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3313
- }
3314
- .outline-none {
3315
- outline: 2px solid transparent;
3316
- outline-offset: 2px;
3317
- }
3318
- .outline {
3319
- outline-style: solid;
3320
- }
3321
- .ring {
3322
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3323
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3324
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3325
- }
3326
- .ring-0 {
3327
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3328
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3329
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3330
- }
3331
- .ring-1 {
3332
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3333
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3334
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3335
- }
3336
- .ring-2 {
3337
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3338
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3339
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3340
- }
3341
- .ring-background {
3342
- --tw-ring-color: hsl(var(--najm-background));
3343
- }
3344
- .ring-destructive {
3345
- --tw-ring-color: hsl(var(--najm-destructive));
3346
- }
3347
- .ring-muted {
3348
- --tw-ring-color: hsl(var(--najm-muted));
3349
- }
3350
- .ring-primary {
3351
- --tw-ring-color: hsl(var(--najm-primary));
3352
- }
3353
- .ring-secondary {
3354
- --tw-ring-color: hsl(var(--najm-secondary));
3355
- }
3356
- .ring-offset-1 {
3357
- --tw-ring-offset-width: 1px;
3358
- }
3359
- .ring-offset-2 {
3360
- --tw-ring-offset-width: 2px;
3361
- }
3362
- .ring-offset-background {
3363
- --tw-ring-offset-color: hsl(var(--najm-background));
3364
- }
3365
- .\!filter {
3366
- 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;
3367
- }
3368
- .filter {
3369
- 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);
3370
- }
3371
- .backdrop-blur {
3372
- --tw-backdrop-blur: blur(8px);
3373
- 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);
3374
- }
3375
- .backdrop-blur-sm {
3376
- --tw-backdrop-blur: blur(4px);
3377
- 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);
3378
- }
3379
- .transition {
3380
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3381
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3382
- transition-duration: 150ms;
3383
- }
3384
- .transition-\[color\2c box-shadow\] {
3385
- transition-property: color,box-shadow;
3386
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3387
- transition-duration: 150ms;
3388
- }
3389
- .transition-all {
3390
- transition-property: all;
3391
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3392
- transition-duration: 150ms;
3393
- }
3394
- .transition-colors {
3395
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
3396
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3397
- transition-duration: 150ms;
3398
- }
3399
- .transition-none {
3400
- transition-property: none;
3401
- }
3402
- .transition-opacity {
3403
- transition-property: opacity;
3404
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3405
- transition-duration: 150ms;
3406
- }
3407
- .transition-shadow {
3408
- transition-property: box-shadow;
3409
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3410
- transition-duration: 150ms;
3411
- }
3412
- .transition-transform {
3413
- transition-property: transform;
3414
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3415
- transition-duration: 150ms;
3416
- }
3417
- .duration-200 {
3418
- transition-duration: 200ms;
3419
- }
3420
- .duration-300 {
3421
- transition-duration: 300ms;
3422
- }
3423
- .duration-500 {
3424
- transition-duration: 500ms;
3425
- }
3426
- .ease-in-out {
3427
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3428
- }
3429
- .ease-out {
3430
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3431
- }
3432
- @keyframes enter {
3433
-
3434
- from {
3435
- opacity: var(--tw-enter-opacity, 1);
3436
- 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));
3437
- }
3438
- }
3439
- @keyframes exit {
3440
-
3441
- to {
3442
- opacity: var(--tw-exit-opacity, 1);
3443
- 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));
3444
- }
3445
- }
3446
- .animate-in {
3447
- animation-name: enter;
3448
- animation-duration: 150ms;
3449
- --tw-enter-opacity: initial;
3450
- --tw-enter-scale: initial;
3451
- --tw-enter-rotate: initial;
3452
- --tw-enter-translate-x: initial;
3453
- --tw-enter-translate-y: initial;
3454
- }
3455
- .fade-in-0 {
3456
- --tw-enter-opacity: 0;
3457
- }
3458
- .zoom-in-95 {
3459
- --tw-enter-scale: .95;
3460
- }
3461
- .duration-200 {
3462
- animation-duration: 200ms;
3463
- }
3464
- .duration-300 {
3465
- animation-duration: 300ms;
3466
- }
3467
- .duration-500 {
3468
- animation-duration: 500ms;
3469
- }
3470
- .ease-in-out {
3471
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3472
- }
3473
- .ease-out {
3474
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
3475
- }
3476
- .border-border-strong {
3477
- border-color: hsl(var(--najm-border-strong)) !important;
3478
- }
3479
- [data-radix-popper-content-wrapper] {
3480
- z-index: 10000 !important;
3481
- }
3482
- /* Scrollable, but the scrollbar reserves no layout space (hidden in all
3483
- browsers). `overflow: overlay` was removed from Chrome (~v121) and now
3484
- behaves like `auto`, so hiding the bar is the only pure-CSS way to avoid
3485
- the reserved gutter. Scroll via wheel / trackpad / keyboard. */
3486
- .najm-overlay-scroll {
3487
- overflow: auto;
3488
- scrollbar-width: none; /* Firefox */
3489
- }
3490
- .najm-overlay-scroll::-webkit-scrollbar {
3491
- display: none; /* Chromium / Safari */
3492
- }
3493
- .najm-overlay-scroll-y {
3494
- overflow-y: auto;
3495
- scrollbar-width: none;
3496
- }
3497
- .najm-overlay-scroll-y::-webkit-scrollbar {
3498
- display: none;
3499
- }
3500
- .najm-overlay-scroll-x {
3501
- overflow-x: auto;
3502
- scrollbar-width: none;
3503
- }
3504
- .najm-overlay-scroll-x::-webkit-scrollbar {
3505
- display: none;
3506
- }
3507
-
3508
- /* OverlayScrollbars theme used by the <NajmScroll> component — a thin,
3509
- translucent slate bar that floats over content with no reserved space. */
3510
- .os-theme-najm {
3511
- --os-size: 10px;
3512
- --os-padding-perpendicular: 2px;
3513
- --os-padding-axis: 2px;
3514
- --os-track-border-radius: 9999px;
3515
- --os-handle-border-radius: 9999px;
3516
- --os-handle-bg: rgba(148, 163, 184, 0.3);
3517
- --os-handle-bg-hover: rgba(148, 163, 184, 0.45);
3518
- --os-handle-bg-active: rgba(148, 163, 184, 0.6);
3519
- --os-handle-min-size: 33px;
3520
- --os-handle-perpendicular-size: 60%;
3521
- --os-handle-perpendicular-size-hover: 90%;
3522
- }
3523
-
3524
- /* Darker, more subtle handle in dark mode */
3525
- .dark .os-theme-najm {
3526
- --os-handle-bg: rgba(82, 82, 91, 0.45);
3527
- --os-handle-bg-hover: rgba(113, 113, 122, 0.6);
3528
- --os-handle-bg-active: rgba(113, 113, 122, 0.75);
3529
- }
3530
- .selection\:bg-primary *::-moz-selection {
3531
- background-color: hsl(var(--najm-primary));
3532
- }
3533
- .selection\:bg-primary *::selection {
3534
- background-color: hsl(var(--najm-primary));
3535
- }
3536
- .selection\:text-primary-foreground *::-moz-selection {
3537
- color: hsl(var(--najm-primary-foreground));
3538
- }
3539
- .selection\:text-primary-foreground *::selection {
3540
- color: hsl(var(--najm-primary-foreground));
3541
- }
3542
- .selection\:bg-primary::-moz-selection {
3543
- background-color: hsl(var(--najm-primary));
3544
- }
3545
- .selection\:bg-primary::selection {
3546
- background-color: hsl(var(--najm-primary));
3547
- }
3548
- .selection\:text-primary-foreground::-moz-selection {
3549
- color: hsl(var(--najm-primary-foreground));
3550
- }
3551
- .selection\:text-primary-foreground::selection {
3552
- color: hsl(var(--najm-primary-foreground));
3553
- }
3554
- .file\:inline-flex::file-selector-button {
3555
- display: inline-flex;
3556
- }
3557
- .file\:h-7::file-selector-button {
3558
- height: 1.75rem;
3559
- }
3560
- .file\:border-0::file-selector-button {
3561
- border-width: 0px;
3562
- }
3563
- .file\:bg-transparent::file-selector-button {
3564
- background-color: transparent;
3565
- }
3566
- .file\:text-sm::file-selector-button {
3567
- font-size: 0.875rem;
3568
- line-height: 1.25rem;
3569
- }
3570
- .file\:font-medium::file-selector-button {
3571
- font-weight: 500;
3572
- }
3573
- .file\:text-foreground::file-selector-button {
3574
- color: hsl(var(--najm-foreground));
3575
- }
3576
- .placeholder\:text-muted-foreground::-moz-placeholder {
3577
- color: hsl(var(--najm-muted-foreground));
3578
- }
3579
- .placeholder\:text-muted-foreground::placeholder {
3580
- color: hsl(var(--najm-muted-foreground));
3581
- }
3582
- .focus-within\:relative:focus-within {
3583
- position: relative;
3584
- }
3585
- .focus-within\:z-20:focus-within {
3586
- z-index: 20;
3587
- }
3588
- .focus-within\:border-primary:focus-within {
3589
- border-color: hsl(var(--najm-primary));
3590
- }
3591
- .focus-within\:border-primary\/70:focus-within {
3592
- border-color: hsl(var(--najm-primary) / 0.7);
3593
- }
3594
- .focus-within\:opacity-100:focus-within {
3595
- opacity: 1;
3596
- }
3597
- .hover\:scale-105:hover {
3598
- --tw-scale-x: 1.05;
3599
- --tw-scale-y: 1.05;
3600
- 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));
3601
- }
3602
- .hover\:scale-110:hover {
3603
- --tw-scale-x: 1.1;
3604
- --tw-scale-y: 1.1;
3605
- 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));
3606
- }
3607
- .hover\:border-border\/60:hover {
3608
- border-color: hsl(var(--najm-border) / 0.6);
3609
- }
3610
- .hover\:border-input:hover {
3611
- border-color: hsl(var(--najm-input));
3612
- }
3613
- .hover\:border-muted-foreground\/30:hover {
3614
- border-color: hsl(var(--najm-muted-foreground) / 0.3);
3615
- }
3616
- .hover\:border-primary:hover {
3617
- border-color: hsl(var(--najm-primary));
3618
- }
3619
- .hover\:border-primary\/60:hover {
3620
- border-color: hsl(var(--najm-primary) / 0.6);
3621
- }
3622
- .hover\:border-white\/10:hover {
3623
- border-color: rgb(255 255 255 / 0.1);
3624
- }
3625
- .hover\:bg-accent:hover {
3626
- background-color: hsl(var(--najm-accent));
3627
- }
3628
- .hover\:bg-accent\/30:hover {
3629
- background-color: hsl(var(--najm-accent) / 0.3);
3630
- }
3631
- .hover\:bg-accent\/40:hover {
3632
- background-color: hsl(var(--najm-accent) / 0.4);
3633
- }
3634
- .hover\:bg-amber-500:hover {
3635
- --tw-bg-opacity: 1;
3636
- background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
3637
- }
3638
- .hover\:bg-amber-500\/5:hover {
3639
- background-color: rgb(245 158 11 / 0.05);
3640
- }
3641
- .hover\:bg-blue-500\/5:hover {
3642
- background-color: rgb(59 130 246 / 0.05);
3643
- }
3644
- .hover\:bg-card:hover {
3645
- background-color: hsl(var(--najm-card));
3646
- }
3647
- .hover\:bg-destructive\/10:hover {
3648
- background-color: hsl(var(--najm-destructive) / 0.1);
3649
- }
3650
- .hover\:bg-destructive\/90:hover {
3651
- background-color: hsl(var(--najm-destructive) / 0.9);
3652
- }
3653
- .hover\:bg-emerald-500\/5:hover {
3654
- background-color: rgb(16 185 129 / 0.05);
3655
- }
3656
- .hover\:bg-emerald-700:hover {
3657
- --tw-bg-opacity: 1;
3658
- background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
3659
- }
3660
- .hover\:bg-muted:hover {
3661
- background-color: hsl(var(--najm-muted));
3662
- }
3663
- .hover\:bg-muted\/30:hover {
3664
- background-color: hsl(var(--najm-muted) / 0.3);
3665
- }
3666
- .hover\:bg-muted\/40:hover {
3667
- background-color: hsl(var(--najm-muted) / 0.4);
3668
- }
3669
- .hover\:bg-muted\/50:hover {
3670
- background-color: hsl(var(--najm-muted) / 0.5);
3671
- }
3672
- .hover\:bg-muted\/60:hover {
3673
- background-color: hsl(var(--najm-muted) / 0.6);
3674
- }
3675
- .hover\:bg-muted\/80:hover {
3676
- background-color: hsl(var(--najm-muted) / 0.8);
3677
- }
3678
- .hover\:bg-primary:hover {
3679
- background-color: hsl(var(--najm-primary));
3680
- }
3681
- .hover\:bg-primary\/15:hover {
3682
- background-color: hsl(var(--najm-primary) / 0.15);
3683
- }
3684
- .hover\:bg-primary\/5:hover {
3685
- background-color: hsl(var(--najm-primary) / 0.05);
3686
- }
3687
- .hover\:bg-primary\/90:hover {
3688
- background-color: hsl(var(--najm-primary) / 0.9);
3689
- }
3690
- .hover\:bg-red-500\/10:hover {
3691
- background-color: rgb(239 68 68 / 0.1);
3692
- }
3693
- .hover\:bg-rose-500\/5:hover {
3694
- background-color: rgb(244 63 94 / 0.05);
3695
- }
3696
- .hover\:bg-secondary\/80:hover {
3697
- background-color: hsl(var(--najm-secondary) / 0.8);
3698
- }
3699
- .hover\:bg-sky-700:hover {
3700
- --tw-bg-opacity: 1;
3701
- background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
3702
- }
3703
- .hover\:bg-slate-500\/5:hover {
3704
- background-color: rgb(100 116 139 / 0.05);
3705
- }
3706
- .hover\:bg-tertiary\/80:hover {
3707
- background-color: hsl(var(--najm-tertiary) / 0.8);
3708
- }
3709
- .hover\:bg-transparent:hover {
3710
- background-color: transparent;
3711
- }
3712
- .hover\:bg-violet-500\/5:hover {
3713
- background-color: rgb(139 92 246 / 0.05);
3714
- }
3715
- .hover\:text-accent-foreground:hover {
3716
- color: hsl(var(--najm-accent-foreground));
3717
- }
3718
- .hover\:text-destructive:hover {
3719
- color: hsl(var(--najm-destructive));
3720
- }
3721
- .hover\:text-foreground:hover {
3722
- color: hsl(var(--najm-foreground));
3723
- }
3724
- .hover\:text-muted-foreground:hover {
3725
- color: hsl(var(--najm-muted-foreground));
3726
- }
3727
- .hover\:text-primary-foreground:hover {
3728
- color: hsl(var(--najm-primary-foreground));
3729
- }
3730
- .hover\:text-red-400:hover {
3731
- --tw-text-opacity: 1;
3732
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
3733
- }
3734
- .hover\:text-secondary-foreground:hover {
3735
- color: hsl(var(--najm-secondary-foreground));
3736
- }
3737
- .hover\:underline:hover {
3738
- text-decoration-line: underline;
3739
- }
3740
- .hover\:opacity-100:hover {
3741
- opacity: 1;
3742
- }
3743
- .hover\:opacity-80:hover {
3744
- opacity: 0.8;
3745
- }
3746
- .hover\:opacity-90:hover {
3747
- opacity: 0.9;
3748
- }
3749
- .hover\:ring-1:hover {
3750
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3751
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3752
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3753
- }
3754
- .hover\:ring-border:hover {
3755
- --tw-ring-color: hsl(var(--najm-border));
3756
- }
3757
- .focus\:border-primary:focus {
3758
- border-color: hsl(var(--najm-primary));
3759
- }
3760
- .focus\:bg-accent:focus {
3761
- background-color: hsl(var(--najm-accent));
3762
- }
3763
- .focus\:bg-primary:focus {
3764
- background-color: hsl(var(--najm-primary));
3765
- }
3766
- .focus\:text-accent-foreground:focus {
3767
- color: hsl(var(--najm-accent-foreground));
3768
- }
3769
- .focus\:text-primary-foreground:focus {
3770
- color: hsl(var(--najm-primary-foreground));
3771
- }
3772
- .focus\:opacity-100:focus {
3773
- opacity: 1;
3774
- }
3775
- .focus\:outline-none:focus {
3776
- outline: 2px solid transparent;
3777
- outline-offset: 2px;
3778
- }
3779
- .focus\:ring-1:focus {
3780
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3781
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3782
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3783
- }
3784
- .focus\:ring-2:focus {
3785
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3786
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3787
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3788
- }
3789
- .focus\:ring-primary\/20:focus {
3790
- --tw-ring-color: hsl(var(--najm-primary) / 0.2);
3791
- }
3792
- .focus\:ring-ring:focus {
3793
- --tw-ring-color: hsl(var(--najm-ring));
3794
- }
3795
- .focus\:ring-offset-2:focus {
3796
- --tw-ring-offset-width: 2px;
3797
- }
3798
- .focus-visible\:border-ring:focus-visible {
3799
- border-color: hsl(var(--najm-ring));
3800
- }
3801
- .focus-visible\:border-transparent:focus-visible {
3802
- border-color: transparent;
3803
- }
3804
- .focus-visible\:opacity-100:focus-visible {
3805
- opacity: 1;
3806
- }
3807
- .focus-visible\:outline-none:focus-visible {
3808
- outline: 2px solid transparent;
3809
- outline-offset: 2px;
3810
- }
3811
- .focus-visible\:ring-0:focus-visible {
3812
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3813
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3814
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3815
- }
3816
- .focus-visible\:ring-2:focus-visible {
3817
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3818
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3819
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3820
- }
3821
- .focus-visible\:ring-\[3px\]:focus-visible {
3822
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3823
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3824
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3825
- }
3826
- .focus-visible\:ring-destructive\/20:focus-visible {
3827
- --tw-ring-color: hsl(var(--najm-destructive) / 0.2);
3828
- }
3829
- .focus-visible\:ring-destructive\/40:focus-visible {
3830
- --tw-ring-color: hsl(var(--najm-destructive) / 0.4);
3831
- }
3832
- .focus-visible\:ring-ring:focus-visible {
3833
- --tw-ring-color: hsl(var(--najm-ring));
3834
- }
3835
- .focus-visible\:ring-ring\/40:focus-visible {
3836
- --tw-ring-color: hsl(var(--najm-ring) / 0.4);
3837
- }
3838
- .focus-visible\:ring-ring\/50:focus-visible {
3839
- --tw-ring-color: hsl(var(--najm-ring) / 0.5);
3840
- }
3841
- .focus-visible\:ring-transparent:focus-visible {
3842
- --tw-ring-color: transparent;
3843
- }
3844
- .focus-visible\:ring-offset-0:focus-visible {
3845
- --tw-ring-offset-width: 0px;
3846
- }
3847
- .focus-visible\:ring-offset-2:focus-visible {
3848
- --tw-ring-offset-width: 2px;
3849
- }
3850
- .focus-visible\:ring-offset-background:focus-visible {
3851
- --tw-ring-offset-color: hsl(var(--najm-background));
3852
- }
3853
- .disabled\:pointer-events-none:disabled {
3854
- pointer-events: none;
3855
- }
3856
- .disabled\:cursor-not-allowed:disabled {
3857
- cursor: not-allowed;
3858
- }
3859
- .disabled\:opacity-40:disabled {
3860
- opacity: 0.4;
3861
- }
3862
- .disabled\:opacity-50:disabled {
3863
- opacity: 0.5;
3864
- }
3865
- .group:hover .group-hover\:bg-primary\/20 {
3866
- background-color: hsl(var(--najm-primary) / 0.2);
3867
- }
3868
- .group:hover .group-hover\:opacity-100 {
3869
- opacity: 1;
3870
- }
3871
- .group:hover .group-hover\:opacity-90 {
3872
- opacity: 0.9;
3873
- }
3874
- .group.toaster .group-\[\.toaster\]\:border-border {
3875
- border-color: hsl(var(--najm-border));
3876
- }
3877
- .group.toast .group-\[\.toast\]\:bg-muted {
3878
- background-color: hsl(var(--najm-muted));
3879
- }
3880
- .group.toast .group-\[\.toast\]\:bg-primary {
3881
- background-color: hsl(var(--najm-primary));
3882
- }
3883
- .group.toaster .group-\[\.toaster\]\:bg-background {
3884
- background-color: hsl(var(--najm-background));
3885
- }
3886
- .group.toast .group-\[\.toast\]\:text-muted-foreground {
3887
- color: hsl(var(--najm-muted-foreground));
3888
- }
3889
- .group.toast .group-\[\.toast\]\:text-primary-foreground {
3890
- color: hsl(var(--najm-primary-foreground));
3891
- }
3892
- .group.toaster .group-\[\.toaster\]\:text-foreground {
3893
- color: hsl(var(--najm-foreground));
3894
- }
3895
- .group.toaster .group-\[\.toaster\]\:shadow-lg {
3896
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3897
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3898
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3899
- }
3900
- .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
3901
- cursor: not-allowed;
3902
- }
3903
- .peer:disabled ~ .peer-disabled\:opacity-50 {
3904
- opacity: 0.5;
3905
- }
3906
- .peer:disabled ~ .peer-disabled\:opacity-70 {
3907
- opacity: 0.7;
3908
- }
3909
- .has-\[\>svg\]\:px-2\.5:has(>svg) {
3910
- padding-left: 0.625rem;
3911
- padding-right: 0.625rem;
3912
- }
3913
- .has-\[\>svg\]\:px-3:has(>svg) {
3914
- padding-left: 0.75rem;
3915
- padding-right: 0.75rem;
3916
- }
3917
- .has-\[\>svg\]\:px-4:has(>svg) {
3918
- padding-left: 1rem;
3919
- padding-right: 1rem;
3920
- }
3921
- .aria-selected\:bg-primary[aria-selected="true"] {
3922
- background-color: hsl(var(--najm-primary));
3923
- }
3924
- .aria-selected\:text-primary-foreground[aria-selected="true"] {
3925
- color: hsl(var(--najm-primary-foreground));
3926
- }
3927
- .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
3928
- pointer-events: none;
3929
- }
3930
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
3931
- pointer-events: none;
3932
- }
3933
- .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
3934
- height: 1px;
3935
- }
3936
- .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
3937
- height: 100%;
3938
- }
3939
- .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
3940
- width: 100%;
3941
- }
3942
- .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
3943
- width: 1px;
3944
- }
3945
- .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
3946
- --tw-translate-y: 0.25rem;
3947
- 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));
3948
- }
3949
- .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
3950
- --tw-translate-x: -0.25rem;
3951
- 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));
3952
- }
3953
- .data-\[side\=right\]\:translate-x-1[data-side="right"] {
3954
- --tw-translate-x: 0.25rem;
3955
- 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));
3956
- }
3957
- .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
3958
- --tw-translate-y: -0.25rem;
3959
- 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));
3960
- }
3961
- .data-\[state\=checked\]\:translate-x-\[calc\(100\%\+3px\)\][data-state="checked"] {
3962
- --tw-translate-x: calc(100% + 3px);
3963
- 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));
3964
- }
3965
- .data-\[state\=checked\]\:translate-x-\[calc\(100\%\+6px\)\][data-state="checked"] {
3966
- --tw-translate-x: calc(100% + 6px);
3967
- 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));
3968
- }
3969
- .data-\[state\=checked\]\:translate-x-\[calc\(100\%\+7px\)\][data-state="checked"] {
3970
- --tw-translate-x: calc(100% + 7px);
3971
- 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));
3972
- }
3973
- .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
3974
- --tw-translate-x: calc(100% - 2px);
3975
- 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));
3976
- }
3977
- .data-\[state\=unchecked\]\:translate-x-\[-1px\][data-state="unchecked"] {
3978
- --tw-translate-x: -1px;
3979
- 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));
3980
- }
3981
- .data-\[state\=unchecked\]\:translate-x-\[-2px\][data-state="unchecked"] {
3982
- --tw-translate-x: -2px;
3983
- 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));
3984
- }
3985
- .data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] {
3986
- cursor: not-allowed;
3987
- }
3988
- .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
3989
- cursor: not-allowed;
3990
- }
3991
- .data-\[state\=active\]\:border-border[data-state="active"] {
3992
- border-color: hsl(var(--najm-border));
3993
- }
3994
- .data-\[state\=active\]\:border-foreground[data-state="active"] {
3995
- border-color: hsl(var(--najm-foreground));
3996
- }
3997
- .data-\[state\=checked\]\:border-primary[data-state="checked"] {
3998
- border-color: hsl(var(--najm-primary));
3999
- }
4000
- .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
4001
- background-color: hsl(var(--najm-accent));
4002
- }
4003
- .data-\[state\=active\]\:bg-background[data-state="active"] {
4004
- background-color: hsl(var(--najm-background));
4005
- }
4006
- .data-\[state\=active\]\:bg-secondary[data-state="active"] {
4007
- background-color: hsl(var(--najm-secondary));
4008
- }
4009
- .data-\[state\=checked\]\:bg-amber-400[data-state="checked"] {
4010
- --tw-bg-opacity: 1;
4011
- background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
4012
- }
4013
- .data-\[state\=checked\]\:bg-cyan-500[data-state="checked"] {
4014
- --tw-bg-opacity: 1;
4015
- background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
4016
- }
4017
- .data-\[state\=checked\]\:bg-emerald-500[data-state="checked"] {
4018
- --tw-bg-opacity: 1;
4019
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
4020
- }
4021
- .data-\[state\=checked\]\:bg-orange-500[data-state="checked"] {
4022
- --tw-bg-opacity: 1;
4023
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
4024
- }
4025
- .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
4026
- background-color: hsl(var(--najm-primary));
4027
- }
4028
- .data-\[state\=checked\]\:bg-purple-500[data-state="checked"] {
4029
- --tw-bg-opacity: 1;
4030
- background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
4031
- }
4032
- .data-\[state\=checked\]\:bg-red-500[data-state="checked"] {
4033
- --tw-bg-opacity: 1;
4034
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
4035
- }
4036
- .data-\[state\=checked\]\:bg-slate-500[data-state="checked"] {
4037
- --tw-bg-opacity: 1;
4038
- background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
4039
- }
4040
- .data-\[state\=checked\]\:bg-violet-500[data-state="checked"] {
4041
- --tw-bg-opacity: 1;
4042
- background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
4043
- }
4044
- .data-\[state\=on\]\:bg-accent[data-state="on"] {
4045
- background-color: hsl(var(--najm-accent));
4046
- }
4047
- .data-\[state\=open\]\:bg-accent[data-state="open"] {
4048
- background-color: hsl(var(--najm-accent));
4049
- }
4050
- .data-\[state\=open\]\:bg-secondary[data-state="open"] {
4051
- background-color: hsl(var(--najm-secondary));
4052
- }
4053
- .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
4054
- background-color: hsl(var(--najm-muted));
4055
- }
4056
- .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
4057
- background-color: hsl(var(--najm-input));
4058
- }
4059
- .data-\[inset\]\:pl-8[data-inset] {
4060
- padding-left: 2rem;
4061
- }
4062
- .data-\[error\=true\]\:text-destructive[data-error="true"] {
4063
- color: hsl(var(--najm-destructive));
4064
- }
4065
- .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
4066
- color: hsl(var(--najm-muted-foreground));
4067
- }
4068
- .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
4069
- color: hsl(var(--najm-accent-foreground));
4070
- }
4071
- .data-\[state\=active\]\:text-foreground[data-state="active"] {
4072
- color: hsl(var(--najm-foreground));
4073
- }
4074
- .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
4075
- color: hsl(var(--najm-primary-foreground));
4076
- }
4077
- .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
4078
- color: hsl(var(--najm-accent-foreground));
4079
- }
4080
- .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
4081
- color: hsl(var(--najm-accent-foreground));
4082
- }
4083
- .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
4084
- color: hsl(var(--najm-destructive));
4085
- }
4086
- .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
4087
- opacity: 0.5;
4088
- }
4089
- .data-\[disabled\]\:opacity-50[data-disabled] {
4090
- opacity: 0.5;
4091
- }
4092
- .data-\[state\=active\]\:shadow-sm[data-state="active"] {
4093
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
4094
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4095
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4096
- }
4097
- .data-\[state\=closed\]\:duration-300[data-state="closed"] {
4098
- transition-duration: 300ms;
4099
- }
4100
- .data-\[state\=open\]\:duration-500[data-state="open"] {
4101
- transition-duration: 500ms;
4102
- }
4103
- .data-\[state\=open\]\:animate-in[data-state="open"] {
4104
- animation-name: enter;
4105
- animation-duration: 150ms;
4106
- --tw-enter-opacity: initial;
4107
- --tw-enter-scale: initial;
4108
- --tw-enter-rotate: initial;
4109
- --tw-enter-translate-x: initial;
4110
- --tw-enter-translate-y: initial;
4111
- }
4112
- .data-\[state\=closed\]\:animate-out[data-state="closed"] {
4113
- animation-name: exit;
4114
- animation-duration: 150ms;
4115
- --tw-exit-opacity: initial;
4116
- --tw-exit-scale: initial;
4117
- --tw-exit-rotate: initial;
4118
- --tw-exit-translate-x: initial;
4119
- --tw-exit-translate-y: initial;
4120
- }
4121
- .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
4122
- --tw-exit-opacity: 0;
4123
- }
4124
- .data-\[state\=open\]\:fade-in-0[data-state="open"] {
4125
- --tw-enter-opacity: 0;
4126
- }
4127
- .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
4128
- --tw-exit-scale: .95;
4129
- }
4130
- .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
4131
- --tw-enter-scale: .95;
4132
- }
4133
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
4134
- --tw-enter-translate-y: -0.5rem;
4135
- }
4136
- .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
4137
- --tw-enter-translate-x: 0.5rem;
4138
- }
4139
- .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
4140
- --tw-enter-translate-x: -0.5rem;
4141
- }
4142
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
4143
- --tw-enter-translate-y: 0.5rem;
4144
- }
4145
- .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
4146
- --tw-exit-translate-y: 100%;
4147
- }
4148
- .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
4149
- --tw-exit-translate-x: -100%;
4150
- }
4151
- .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
4152
- --tw-exit-translate-x: 100%;
4153
- }
4154
- .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
4155
- --tw-exit-translate-y: -100%;
4156
- }
4157
- .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
4158
- --tw-enter-translate-y: 100%;
4159
- }
4160
- .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
4161
- --tw-enter-translate-x: -100%;
4162
- }
4163
- .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
4164
- --tw-enter-translate-x: 100%;
4165
- }
4166
- .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
4167
- --tw-enter-translate-y: -100%;
4168
- }
4169
- .data-\[state\=closed\]\:duration-300[data-state="closed"] {
4170
- animation-duration: 300ms;
4171
- }
4172
- .data-\[state\=open\]\:duration-500[data-state="open"] {
4173
- animation-duration: 500ms;
4174
- }
4175
- .\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot="select-value"] > * {
4176
- overflow: hidden;
4177
- display: -webkit-box;
4178
- -webkit-box-orient: vertical;
4179
- -webkit-line-clamp: 1;
4180
- }
4181
- .\*\:data-\[slot\=select-value\]\:flex[data-slot="select-value"] > * {
4182
- display: flex;
4183
- }
4184
- .\*\:data-\[slot\=select-value\]\:items-center[data-slot="select-value"] > * {
4185
- align-items: center;
4186
- }
4187
- .\*\:data-\[slot\=select-value\]\:gap-1\.5[data-slot="select-value"] > * {
4188
- gap: 0.375rem;
4189
- }
4190
- .data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant="destructive"] {
4191
- background-color: hsl(var(--najm-destructive) / 0.1);
4192
- }
4193
- .data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant="destructive"] {
4194
- color: hsl(var(--najm-destructive));
4195
- }
4196
- .group[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none {
4197
- pointer-events: none;
4198
- }
4199
- .group[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50 {
4200
- opacity: 0.5;
4201
- }
4202
- .dark\:border-0:is(.dark *) {
4203
- border-width: 0px;
4204
- }
4205
- .dark\:bg-\[\#222b38\]:is(.dark *) {
4206
- --tw-bg-opacity: 1;
4207
- background-color: rgb(34 43 56 / var(--tw-bg-opacity, 1));
4208
- }
4209
- .dark\:bg-\[\#3e4a5d\]:is(.dark *) {
4210
- --tw-bg-opacity: 1;
4211
- background-color: rgb(62 74 93 / var(--tw-bg-opacity, 1));
4212
- }
4213
- .dark\:bg-\[\#5a1822\]:is(.dark *) {
4214
- --tw-bg-opacity: 1;
4215
- background-color: rgb(90 24 34 / var(--tw-bg-opacity, 1));
4216
- }
4217
- .dark\:bg-\[\#dc4d61\]:is(.dark *) {
4218
- --tw-bg-opacity: 1;
4219
- background-color: rgb(220 77 97 / var(--tw-bg-opacity, 1));
4220
- }
4221
- .dark\:bg-destructive\/15:is(.dark *) {
4222
- background-color: hsl(var(--najm-destructive) / 0.15);
4223
- }
4224
- .dark\:bg-destructive\/60:is(.dark *) {
4225
- background-color: hsl(var(--najm-destructive) / 0.6);
4226
- }
4227
- .dark\:bg-green-500\/10:is(.dark *) {
4228
- background-color: rgb(34 197 94 / 0.1);
4229
- }
4230
- .dark\:bg-input\/30:is(.dark *) {
4231
- background-color: hsl(var(--najm-input) / 0.3);
4232
- }
4233
- .dark\:bg-transparent:is(.dark *) {
4234
- background-color: transparent;
4235
- }
4236
- .dark\:bg-yellow-500\/10:is(.dark *) {
4237
- background-color: rgb(234 179 8 / 0.1);
4238
- }
4239
- .dark\:text-\[\#aab4c2\]:is(.dark *) {
4240
- --tw-text-opacity: 1;
4241
- color: rgb(170 180 194 / var(--tw-text-opacity, 1));
4242
- }
4243
- .dark\:text-amber-300:is(.dark *) {
4244
- --tw-text-opacity: 1;
4245
- color: rgb(252 211 77 / var(--tw-text-opacity, 1));
4246
- }
4247
- .dark\:text-emerald-300:is(.dark *) {
4248
- --tw-text-opacity: 1;
4249
- color: rgb(110 231 183 / var(--tw-text-opacity, 1));
4250
- }
4251
- .dark\:text-green-300:is(.dark *) {
4252
- --tw-text-opacity: 1;
4253
- color: rgb(134 239 172 / var(--tw-text-opacity, 1));
4254
- }
4255
- .dark\:text-red-300:is(.dark *) {
4256
- --tw-text-opacity: 1;
4257
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
4258
- }
4259
- .dark\:text-sky-300:is(.dark *) {
4260
- --tw-text-opacity: 1;
4261
- color: rgb(125 211 252 / var(--tw-text-opacity, 1));
4262
- }
4263
- .dark\:text-white:is(.dark *) {
4264
- --tw-text-opacity: 1;
4265
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4266
- }
4267
- .dark\:text-yellow-300:is(.dark *) {
4268
- --tw-text-opacity: 1;
4269
- color: rgb(253 224 71 / var(--tw-text-opacity, 1));
4270
- }
4271
- .dark\:hover\:bg-\[\#4b586c\]:hover:is(.dark *) {
4272
- --tw-bg-opacity: 1;
4273
- background-color: rgb(75 88 108 / var(--tw-bg-opacity, 1));
4274
- }
4275
- .dark\:hover\:bg-\[\#e15f70\]:hover:is(.dark *) {
4276
- --tw-bg-opacity: 1;
4277
- background-color: rgb(225 95 112 / var(--tw-bg-opacity, 1));
4278
- }
4279
- .dark\:hover\:bg-accent\/50:hover:is(.dark *) {
4280
- background-color: hsl(var(--najm-accent) / 0.5);
4281
- }
4282
- .dark\:hover\:bg-input\/50:hover:is(.dark *) {
4283
- background-color: hsl(var(--najm-input) / 0.5);
4284
- }
4285
- .dark\:hover\:text-white:hover:is(.dark *) {
4286
- --tw-text-opacity: 1;
4287
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4288
- }
4289
- .dark\:focus-visible\:ring-\[\#dc4d61\]\/40:focus-visible:is(.dark *) {
4290
- --tw-ring-color: rgb(220 77 97 / 0.4);
4291
- }
4292
- .dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *) {
4293
- --tw-ring-color: hsl(var(--najm-destructive) / 0.4);
4294
- }
4295
- .dark\:data-\[state\=active\]\:bg-card[data-state="active"]:is(.dark *) {
4296
- background-color: hsl(var(--najm-card));
4297
- }
4298
- .dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"]:is(.dark *) {
4299
- background-color: hsl(var(--najm-primary));
4300
- }
4301
- .dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state="unchecked"]:is(.dark *) {
4302
- background-color: hsl(var(--najm-input) / 0.8);
4303
- }
4304
- .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant="destructive"]:is(.dark *) {
4305
- background-color: hsl(var(--najm-destructive) / 0.2);
4306
- }
4307
- @media (min-width: 640px) {
4308
-
4309
- .sm\:bottom-0 {
4310
- bottom: 0px;
4311
- }
4312
-
4313
- .sm\:end-0 {
4314
- inset-inline-end: 0px;
4315
- }
4316
-
4317
- .sm\:start-0 {
4318
- inset-inline-start: 0px;
4319
- }
4320
-
4321
- .sm\:start-1\/2 {
4322
- inset-inline-start: 50%;
4323
- }
4324
-
4325
- .sm\:top-0 {
4326
- top: 0px;
4327
- }
4328
-
4329
- .sm\:top-1\/2 {
4330
- top: 50%;
4331
- }
4332
-
4333
- .sm\:inline {
4334
- display: inline;
4335
- }
4336
-
4337
- .sm\:flex {
4338
- display: flex;
4339
- }
4340
-
4341
- .sm\:hidden {
4342
- display: none;
4343
- }
4344
-
4345
- .sm\:w-40 {
4346
- width: 10rem;
4347
- }
4348
-
4349
- .sm\:max-w-sm {
4350
- max-width: 24rem;
4351
- }
4352
-
4353
- .sm\:flex-1 {
4354
- flex: 1 1 0%;
4355
- }
4356
-
4357
- .sm\:-translate-x-1\/2 {
4358
- --tw-translate-x: -50%;
4359
- 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));
4360
- }
4361
-
4362
- .sm\:-translate-y-1\/2 {
4363
- --tw-translate-y: -50%;
4364
- 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));
4365
- }
4366
-
4367
- .sm\:translate-x-1\/2 {
4368
- --tw-translate-x: 50%;
4369
- 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));
4370
- }
4371
-
4372
- .sm\:translate-y-1\/2 {
4373
- --tw-translate-y: 50%;
4374
- 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));
4375
- }
4376
-
4377
- .sm\:grid-cols-2 {
4378
- grid-template-columns: repeat(2, minmax(0, 1fr));
4379
- }
4380
-
4381
- .sm\:flex-row {
4382
- flex-direction: row;
4383
- }
4384
-
4385
- .sm\:items-center {
4386
- align-items: center;
4387
- }
4388
-
4389
- .sm\:justify-end {
4390
- justify-content: flex-end;
4391
- }
4392
-
4393
- .sm\:justify-center {
4394
- justify-content: center;
4395
- }
4396
-
4397
- .sm\:justify-between {
4398
- justify-content: space-between;
4399
- }
4400
-
4401
- .sm\:gap-3 {
4402
- gap: 0.75rem;
4403
- }
4404
-
4405
- .sm\:px-3 {
4406
- padding-left: 0.75rem;
4407
- padding-right: 0.75rem;
4408
- }
4409
-
4410
- .sm\:px-4 {
4411
- padding-left: 1rem;
4412
- padding-right: 1rem;
4413
- }
4414
-
4415
- .sm\:px-5 {
4416
- padding-left: 1.25rem;
4417
- padding-right: 1.25rem;
4418
- }
4419
-
4420
- .sm\:py-1\.5 {
4421
- padding-top: 0.375rem;
4422
- padding-bottom: 0.375rem;
4423
- }
4424
-
4425
- .sm\:pb-5 {
4426
- padding-bottom: 1.25rem;
4427
- }
4428
-
4429
- .sm\:text-left {
4430
- text-align: left;
4431
- }
4432
-
4433
- .sm\:text-center {
4434
- text-align: center;
4435
- }
4436
-
4437
- .sm\:text-sm {
4438
- font-size: 0.875rem;
4439
- line-height: 1.25rem;
4440
- }
4441
-
4442
- .sm\:leading-normal {
4443
- line-height: 1.5;
4444
- }
4445
- }
4446
- @media (min-width: 768px) {
4447
-
4448
- .md\:bottom-0 {
4449
- bottom: 0px;
4450
- }
4451
-
4452
- .md\:end-0 {
4453
- inset-inline-end: 0px;
4454
- }
4455
-
4456
- .md\:start-0 {
4457
- inset-inline-start: 0px;
4458
- }
4459
-
4460
- .md\:start-1\/2 {
4461
- inset-inline-start: 50%;
4462
- }
4463
-
4464
- .md\:top-0 {
4465
- top: 0px;
4466
- }
4467
-
4468
- .md\:top-1\/2 {
4469
- top: 50%;
4470
- }
4471
-
4472
- .md\:flex {
4473
- display: flex;
4474
- }
4475
-
4476
- .md\:hidden {
4477
- display: none;
4478
- }
4479
-
4480
- .md\:-translate-x-1\/2 {
4481
- --tw-translate-x: -50%;
4482
- 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));
4483
- }
4484
-
4485
- .md\:-translate-y-1\/2 {
4486
- --tw-translate-y: -50%;
4487
- 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));
4488
- }
4489
-
4490
- .md\:translate-x-1\/2 {
4491
- --tw-translate-x: 50%;
4492
- 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));
4493
- }
4494
-
4495
- .md\:translate-y-1\/2 {
4496
- --tw-translate-y: 50%;
4497
- 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));
4498
- }
4499
-
4500
- .md\:pl-5 {
4501
- padding-left: 1.25rem;
4502
- }
4503
-
4504
- .md\:text-sm {
4505
- font-size: 0.875rem;
4506
- line-height: 1.25rem;
4507
- }
4508
- }
4509
- @media (min-width: 1024px) {
4510
-
4511
- .lg\:bottom-0 {
4512
- bottom: 0px;
4513
- }
4514
-
4515
- .lg\:end-0 {
4516
- inset-inline-end: 0px;
4517
- }
4518
-
4519
- .lg\:start-0 {
4520
- inset-inline-start: 0px;
4521
- }
4522
-
4523
- .lg\:start-1\/2 {
4524
- inset-inline-start: 50%;
4525
- }
4526
-
4527
- .lg\:top-0 {
4528
- top: 0px;
4529
- }
4530
-
4531
- .lg\:top-1\/2 {
4532
- top: 50%;
4533
- }
4534
-
4535
- .lg\:flex {
4536
- display: flex;
4537
- }
4538
-
4539
- .lg\:hidden {
4540
- display: none;
4541
- }
4542
-
4543
- .lg\:h-\[40vh\] {
4544
- height: 40vh;
4545
- }
4546
-
4547
- .lg\:h-\[60vh\] {
4548
- height: 60vh;
4549
- }
4550
-
4551
- .lg\:h-\[70vh\] {
4552
- height: 70vh;
4553
- }
4554
-
4555
- .lg\:h-\[80vh\] {
4556
- height: 80vh;
4557
- }
4558
-
4559
- .lg\:h-\[95vh\] {
4560
- height: 95vh;
4561
- }
4562
-
4563
- .lg\:h-auto {
4564
- height: auto;
4565
- }
4566
-
4567
- .lg\:max-h-\[95vh\] {
4568
- max-height: 95vh;
4569
- }
4570
-
4571
- .lg\:w-auto {
4572
- width: auto;
4573
- }
4574
-
4575
- .lg\:max-w-2xl {
4576
- max-width: 42rem;
4577
- }
4578
-
4579
- .lg\:max-w-3xl {
4580
- max-width: 48rem;
4581
- }
4582
-
4583
- .lg\:max-w-4xl {
4584
- max-width: 56rem;
4585
- }
4586
-
4587
- .lg\:max-w-5xl {
4588
- max-width: 64rem;
4589
- }
4590
-
4591
- .lg\:max-w-6xl {
4592
- max-width: 72rem;
4593
- }
4594
-
4595
- .lg\:max-w-7xl {
4596
- max-width: 80rem;
4597
- }
4598
-
4599
- .lg\:max-w-lg {
4600
- max-width: 32rem;
4601
- }
4602
-
4603
- .lg\:max-w-md {
4604
- max-width: 28rem;
4605
- }
4606
-
4607
- .lg\:max-w-sm {
4608
- max-width: 24rem;
4609
- }
4610
-
4611
- .lg\:max-w-xl {
4612
- max-width: 36rem;
4613
- }
4614
-
4615
- .lg\:-translate-x-1\/2 {
4616
- --tw-translate-x: -50%;
4617
- 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));
4618
- }
4619
-
4620
- .lg\:-translate-y-1\/2 {
4621
- --tw-translate-y: -50%;
4622
- 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));
4623
- }
4624
-
4625
- .lg\:translate-x-1\/2 {
4626
- --tw-translate-x: 50%;
4627
- 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));
4628
- }
4629
-
4630
- .lg\:translate-y-1\/2 {
4631
- --tw-translate-y: 50%;
4632
- 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));
4633
- }
4634
-
4635
- .lg\:grid-cols-3 {
4636
- grid-template-columns: repeat(3, minmax(0, 1fr));
4637
- }
4638
-
4639
- .lg\:flex-nowrap {
4640
- flex-wrap: nowrap;
4641
- }
4642
-
4643
- .lg\:gap-6 {
4644
- gap: 1.5rem;
4645
- }
4646
- }
4647
- @media (min-width: 1280px) {
4648
-
4649
- .xl\:bottom-0 {
4650
- bottom: 0px;
4651
- }
4652
-
4653
- .xl\:end-0 {
4654
- inset-inline-end: 0px;
4655
- }
4656
-
4657
- .xl\:start-0 {
4658
- inset-inline-start: 0px;
4659
- }
4660
-
4661
- .xl\:start-1\/2 {
4662
- inset-inline-start: 50%;
4663
- }
4664
-
4665
- .xl\:top-0 {
4666
- top: 0px;
4667
- }
4668
-
4669
- .xl\:top-1\/2 {
4670
- top: 50%;
4671
- }
4672
-
4673
- .xl\:-translate-x-1\/2 {
4674
- --tw-translate-x: -50%;
4675
- 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));
4676
- }
4677
-
4678
- .xl\:-translate-y-1\/2 {
4679
- --tw-translate-y: -50%;
4680
- 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));
4681
- }
4682
-
4683
- .xl\:translate-x-1\/2 {
4684
- --tw-translate-x: 50%;
4685
- 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));
4686
- }
4687
-
4688
- .xl\:translate-y-1\/2 {
4689
- --tw-translate-y: 50%;
4690
- 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));
4691
- }
4692
-
4693
- .xl\:grid-cols-4 {
4694
- grid-template-columns: repeat(4, minmax(0, 1fr));
4695
- }
4696
-
4697
- .xl\:grid-cols-5 {
4698
- grid-template-columns: repeat(5, minmax(0, 1fr));
4699
- }
4700
- }
4701
- @media (min-width: 1536px) {
4702
-
4703
- .\32xl\:bottom-0 {
4704
- bottom: 0px;
4705
- }
4706
-
4707
- .\32xl\:end-0 {
4708
- inset-inline-end: 0px;
4709
- }
4710
-
4711
- .\32xl\:start-0 {
4712
- inset-inline-start: 0px;
4713
- }
4714
-
4715
- .\32xl\:start-1\/2 {
4716
- inset-inline-start: 50%;
4717
- }
4718
-
4719
- .\32xl\:top-0 {
4720
- top: 0px;
4721
- }
4722
-
4723
- .\32xl\:top-1\/2 {
4724
- top: 50%;
4725
- }
4726
-
4727
- .\32xl\:-translate-x-1\/2 {
4728
- --tw-translate-x: -50%;
4729
- 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));
4730
- }
4731
-
4732
- .\32xl\:-translate-y-1\/2 {
4733
- --tw-translate-y: -50%;
4734
- 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));
4735
- }
4736
-
4737
- .\32xl\:translate-x-1\/2 {
4738
- --tw-translate-x: 50%;
4739
- 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));
4740
- }
4741
-
4742
- .\32xl\:translate-y-1\/2 {
4743
- --tw-translate-y: 50%;
4744
- 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));
4745
- }
4746
- }
4747
- .rtl\:-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4748
- --tw-translate-x: -50%;
4749
- 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));
4750
- }
4751
- .rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4752
- --tw-translate-x: 50%;
4753
- 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));
4754
- }
4755
- @media (min-width: 640px) {
4756
-
4757
- .sm\:rtl\:-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4758
- --tw-translate-x: -50%;
4759
- 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));
4760
- }
4761
-
4762
- .sm\:rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4763
- --tw-translate-x: 50%;
4764
- 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));
4765
- }
4766
- }
4767
- @media (min-width: 768px) {
4768
-
4769
- .md\:rtl\:-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4770
- --tw-translate-x: -50%;
4771
- 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));
4772
- }
4773
-
4774
- .md\:rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4775
- --tw-translate-x: 50%;
4776
- 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));
4777
- }
4778
- }
4779
- @media (min-width: 1024px) {
4780
-
4781
- .lg\:rtl\:-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4782
- --tw-translate-x: -50%;
4783
- 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));
4784
- }
4785
-
4786
- .lg\:rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4787
- --tw-translate-x: 50%;
4788
- 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));
4789
- }
4790
- }
4791
- @media (min-width: 1280px) {
4792
-
4793
- .xl\:rtl\:-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4794
- --tw-translate-x: -50%;
4795
- 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));
4796
- }
4797
-
4798
- .xl\:rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4799
- --tw-translate-x: 50%;
4800
- 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));
4801
- }
4802
- }
4803
- @media (min-width: 1536px) {
4804
-
4805
- .\32xl\:rtl\:-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4806
- --tw-translate-x: -50%;
4807
- 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));
4808
- }
4809
-
4810
- .\32xl\:rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
4811
- --tw-translate-x: 50%;
4812
- 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));
4813
- }
4814
- }
4815
- .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
4816
- background-color: hsl(var(--najm-accent));
4817
- }
4818
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
4819
- padding-right: 0px;
4820
- }
4821
- .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
4822
- --tw-translate-y: 2px;
4823
- 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));
4824
- }
4825
- .\[\&\>button\]\:right-4>button {
4826
- right: 1rem;
4827
- }
4828
- .\[\&\>button\]\:top-4>button {
4829
- top: 1rem;
4830
- }
4831
- .\[\&\>button\]\:flex>button {
4832
- display: flex;
4833
- }
4834
- .\[\&\>button\]\:size-6>button {
4835
- width: 1.5rem;
4836
- height: 1.5rem;
4837
- }
4838
- .\[\&\>button\]\:items-center>button {
4839
- align-items: center;
4840
- }
4841
- .\[\&\>button\]\:justify-center>button {
4842
- justify-content: center;
4843
- }
4844
- .\[\&\>button\]\:rounded-full>button {
4845
- border-radius: 9999px;
4846
- }
4847
- .\[\&\>button\]\:bg-muted>button {
4848
- background-color: hsl(var(--najm-muted));
4849
- }
4850
- .\[\&\>button\]\:text-muted-foreground>button {
4851
- color: hsl(var(--najm-muted-foreground));
4852
- }
4853
- .\[\&\>button\]\:opacity-100>button {
4854
- opacity: 1;
4855
- }
4856
- .\[\&\>button\]\:ring-offset-0>button {
4857
- --tw-ring-offset-width: 0px;
4858
- }
4859
- .\[\&\>button\]\:hover\:bg-secondary:hover>button {
4860
- background-color: hsl(var(--najm-secondary));
4861
- }
4862
- .\[\&\>button\]\:hover\:text-foreground:hover>button {
4863
- color: hsl(var(--najm-foreground));
4864
- }
4865
- .dark\:\[\&\>button\]\:bg-\[\#4d5a6d\]>button:is(.dark *) {
4866
- --tw-bg-opacity: 1;
4867
- background-color: rgb(77 90 109 / var(--tw-bg-opacity, 1));
4868
- }
4869
- .dark\:\[\&\>button\]\:text-white>button:is(.dark *) {
4870
- --tw-text-opacity: 1;
4871
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4872
- }
4873
- .dark\:\[\&\>button\]\:hover\:bg-\[\#647186\]:hover>button:is(.dark *) {
4874
- --tw-bg-opacity: 1;
4875
- background-color: rgb(100 113 134 / var(--tw-bg-opacity, 1));
4876
- }
4877
- .dark\:\[\&\>button\]\:hover\:text-white:hover>button:is(.dark *) {
4878
- --tw-text-opacity: 1;
4879
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4880
- }
4881
- .\[\&\>svg\]\:pointer-events-none>svg {
4882
- pointer-events: none;
4883
- }
4884
- .\[\&\>svg\]\:size-3>svg {
4885
- width: 0.75rem;
4886
- height: 0.75rem;
4887
- }
4888
- .\[\&\>svg\]\:opacity-50>svg {
4889
- opacity: 0.5;
4890
- }
4891
- .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
4892
- border-bottom-width: 0px;
4893
- }
4894
- .\[\&\[data-state\=on\]\]\:rotate-180[data-state=on] {
4895
- --tw-rotate: 180deg;
4896
- 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));
4897
- }
4898
- .\[\&\[data-state\=on\]\]\:\[transform\:rotateY\(180deg\)\][data-state=on] {
4899
- transform: rotateY(180deg);
4900
- }
4901
- .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
4902
- padding-left: 0.5rem;
4903
- padding-right: 0.5rem;
4904
- }
4905
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
4906
- padding-top: 0.375rem;
4907
- padding-bottom: 0.375rem;
4908
- }
4909
- .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
4910
- font-size: 0.75rem;
4911
- line-height: 1rem;
4912
- }
4913
- .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
4914
- font-weight: 500;
4915
- }
4916
- .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
4917
- color: hsl(var(--najm-muted-foreground));
4918
- }
4919
- .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
4920
- padding-left: 0.5rem;
4921
- padding-right: 0.5rem;
4922
- }
4923
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
4924
- height: 1.25rem;
4925
- }
4926
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
4927
- width: 1.25rem;
4928
- }
4929
- .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
4930
- height: 3rem;
4931
- }
4932
- .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
4933
- padding-left: 0.5rem;
4934
- padding-right: 0.5rem;
4935
- }
4936
- .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
4937
- padding-top: 0.75rem;
4938
- padding-bottom: 0.75rem;
4939
- }
4940
- .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
4941
- height: 1.25rem;
4942
- }
4943
- .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
4944
- width: 1.25rem;
4945
- }
4946
- .\[\&_\[data-description\]\]\:\!text-white\/80 [data-description] {
4947
- color: rgb(255 255 255 / 0.8) !important;
4948
- }
4949
- .\[\&_button\]\:h-6 button {
4950
- height: 1.5rem;
4951
- }
4952
- .\[\&_button\]\:h-7 button {
4953
- height: 1.75rem;
4954
- }
4955
- .\[\&_button\]\:px-1\.5 button {
4956
- padding-left: 0.375rem;
4957
- padding-right: 0.375rem;
4958
- }
4959
- .\[\&_button\]\:px-2 button {
4960
- padding-left: 0.5rem;
4961
- padding-right: 0.5rem;
4962
- }
4963
- .\[\&_button\]\:text-sm button {
4964
- font-size: 0.875rem;
4965
- line-height: 1.25rem;
4966
- }
4967
- .\[\&_button\]\:text-xs button {
4968
- font-size: 0.75rem;
4969
- line-height: 1rem;
4970
- }
4971
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
4972
- width: 0.75rem;
4973
- height: 0.75rem;
4974
- }
4975
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
4976
- width: 1rem;
4977
- height: 1rem;
4978
- }
4979
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*='size-']) {
4980
- width: 1.25rem;
4981
- height: 1.25rem;
4982
- }
4983
- .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
4984
- color: hsl(var(--najm-muted-foreground));
4985
- }
4986
- .\[\&_svg\]\:pointer-events-none svg {
4987
- pointer-events: none;
4988
- }
4989
- .\[\&_svg\]\:shrink-0 svg {
4990
- flex-shrink: 0;
4991
- }
4992
- .\[\&_th\]\:text-amber-800 th {
4993
- --tw-text-opacity: 1;
4994
- color: rgb(146 64 14 / var(--tw-text-opacity, 1));
4995
- }
4996
- .\[\&_th\]\:text-blue-800 th {
4997
- --tw-text-opacity: 1;
4998
- color: rgb(30 64 175 / var(--tw-text-opacity, 1));
4999
- }
5000
- .\[\&_th\]\:text-emerald-800 th {
5001
- --tw-text-opacity: 1;
5002
- color: rgb(6 95 70 / var(--tw-text-opacity, 1));
5003
- }
5004
- .\[\&_th\]\:text-primary th {
5005
- color: hsl(var(--najm-primary));
5006
- }
5007
- .\[\&_th\]\:text-rose-800 th {
5008
- --tw-text-opacity: 1;
5009
- color: rgb(159 18 57 / var(--tw-text-opacity, 1));
5010
- }
5011
- .\[\&_th\]\:text-slate-100 th {
5012
- --tw-text-opacity: 1;
5013
- color: rgb(241 245 249 / var(--tw-text-opacity, 1));
5014
- }
5015
- .\[\&_th\]\:text-violet-800 th {
5016
- --tw-text-opacity: 1;
5017
- color: rgb(91 33 182 / var(--tw-text-opacity, 1));
5018
- }
5019
- .dark\:\[\&_th\]\:text-amber-300 th:is(.dark *) {
5020
- --tw-text-opacity: 1;
5021
- color: rgb(252 211 77 / var(--tw-text-opacity, 1));
5022
- }
5023
- .dark\:\[\&_th\]\:text-blue-300 th:is(.dark *) {
5024
- --tw-text-opacity: 1;
5025
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
5026
- }
5027
- .dark\:\[\&_th\]\:text-emerald-400 th:is(.dark *) {
5028
- --tw-text-opacity: 1;
5029
- color: rgb(52 211 153 / var(--tw-text-opacity, 1));
5030
- }
5031
- .dark\:\[\&_th\]\:text-rose-300 th:is(.dark *) {
5032
- --tw-text-opacity: 1;
5033
- color: rgb(253 164 175 / var(--tw-text-opacity, 1));
5034
- }
5035
- .dark\:\[\&_th\]\:text-slate-400 th:is(.dark *) {
5036
- --tw-text-opacity: 1;
5037
- color: rgb(148 163 184 / var(--tw-text-opacity, 1));
5038
- }
5039
- .dark\:\[\&_th\]\:text-violet-300 th:is(.dark *) {
5040
- --tw-text-opacity: 1;
5041
- color: rgb(196 181 253 / var(--tw-text-opacity, 1));
5042
- }
5043
- .\[\&_tr\:last-child\]\:border-0 tr:last-child {
5044
- border-width: 0px;
5045
- }
5046
- .\[\&_tr\]\:border-b tr {
5047
- border-bottom-width: 1px;
5048
- }
5049
- .\[\&_tr\]\:border-border tr {
5050
- border-color: hsl(var(--najm-border));
5051
- }
5052
- .\[\&_tr\]\:border-border\/40 tr {
5053
- border-color: hsl(var(--najm-border) / 0.4);
5054
- }
5055
- a.\[a\&\]\:hover\:bg-accent\/50:hover {
5056
- background-color: hsl(var(--najm-accent) / 0.5);
5057
- }
5058
- a.\[a\&\]\:hover\:bg-destructive\/20:hover {
5059
- background-color: hsl(var(--najm-destructive) / 0.2);
5060
- }
5061
- a.\[a\&\]\:hover\:bg-green-500\/15:hover {
5062
- background-color: rgb(34 197 94 / 0.15);
5063
- }
5064
- a.\[a\&\]\:hover\:bg-primary\/90:hover {
5065
- background-color: hsl(var(--najm-primary) / 0.9);
5066
- }
5067
- a.\[a\&\]\:hover\:bg-secondary\/60:hover {
5068
- background-color: hsl(var(--najm-secondary) / 0.6);
5069
- }
5070
- a.\[a\&\]\:hover\:bg-yellow-500\/15:hover {
5071
- background-color: rgb(234 179 8 / 0.15);
5072
- }
5073
- a.\[a\&\]\:hover\:text-accent-foreground:hover {
5074
- color: hsl(var(--najm-accent-foreground));
5075
- }
5076
-
5077
- /* react-international-phone */
5078
- .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)}