react-tailwind-email-editor 0.0.13 → 0.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +10 -0
  2. package/dist/index.d.cts +1 -23
  3. package/dist/index.d.ts +1 -23
  4. package/dist/index.js +497 -576
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +474 -548
  7. package/dist/index.mjs.map +1 -1
  8. package/dist/style.css +2196 -2252
  9. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,2593 +1,2537 @@
1
1
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- /* layer-start */
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
2
+ :root, :host {
3
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
4
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
5
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
6
  "Courier New", monospace;
10
- --color-red-50: oklch(97.1% 0.013 17.38);
11
- --color-red-300: oklch(80.8% 0.114 19.571);
12
- --color-red-400: oklch(70.4% 0.191 22.216);
13
- --color-red-600: oklch(57.7% 0.245 27.325);
14
- --color-black: #000;
15
- --color-white: #fff;
16
- --spacing: 0.25rem;
17
- --container-sm: 24rem;
18
- --container-lg: 32rem;
19
- --container-4xl: 56rem;
20
- --container-5xl: 64rem;
21
- --text-xs: 0.75rem;
22
- --text-xs--line-height: calc(1 / 0.75);
23
- --text-sm: 0.875rem;
24
- --text-sm--line-height: calc(1.25 / 0.875);
25
- --text-base: 1rem;
26
- --text-base--line-height: calc(1.5 / 1);
27
- --text-lg: 1.125rem;
28
- --text-lg--line-height: calc(1.75 / 1.125);
29
- --text-2xl: 1.5rem;
30
- --text-2xl--line-height: calc(2 / 1.5);
31
- --font-weight-normal: 400;
32
- --font-weight-medium: 500;
33
- --font-weight-semibold: 600;
34
- --tracking-tight: -0.025em;
35
- --tracking-wider: 0.05em;
36
- --tracking-widest: 0.1em;
37
- --leading-relaxed: 1.625;
38
- --radius-sm: 0.25rem;
39
- --radius-md: 0.375rem;
40
- --radius-lg: 0.5rem;
41
- --radius-xl: 0.75rem;
42
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
43
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
44
- --aspect-video: 16 / 9;
45
- --default-transition-duration: 150ms;
46
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
47
- --default-font-family: var(--font-sans);
48
- --default-mono-font-family: var(--font-mono);
49
- }
50
- /* layer-end */
51
- /* layer-start */
52
- *, ::after, ::before, ::backdrop, ::file-selector-button {
53
- box-sizing: border-box;
54
- margin: 0;
55
- padding: 0;
56
- border: 0 solid;
57
- }
58
- html, :host {
59
- line-height: 1.5;
60
- -webkit-text-size-adjust: 100%;
61
- -moz-tab-size: 4;
62
- -o-tab-size: 4;
63
- tab-size: 4;
64
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
65
- font-feature-settings: var(--default-font-feature-settings, normal);
66
- font-variation-settings: var(--default-font-variation-settings, normal);
67
- -webkit-tap-highlight-color: transparent;
68
- }
69
- hr {
70
- height: 0;
71
- color: inherit;
72
- border-top-width: 1px;
73
- }
74
- abbr:where([title]) {
75
- -webkit-text-decoration: underline dotted;
76
- text-decoration: underline dotted;
77
- }
78
- h1, h2, h3, h4, h5, h6 {
79
- font-size: inherit;
80
- font-weight: inherit;
81
- }
82
- a {
83
- color: inherit;
84
- -webkit-text-decoration: inherit;
85
- text-decoration: inherit;
86
- }
87
- b, strong {
88
- font-weight: bolder;
89
- }
90
- code, kbd, samp, pre {
91
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
92
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
93
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
94
- font-size: 1em;
95
- }
96
- small {
97
- font-size: 80%;
98
- }
99
- sub, sup {
100
- font-size: 75%;
101
- line-height: 0;
102
- position: relative;
103
- vertical-align: baseline;
104
- }
105
- sub {
106
- bottom: -0.25em;
107
- }
108
- sup {
109
- top: -0.5em;
110
- }
111
- table {
112
- text-indent: 0;
113
- border-color: inherit;
114
- border-collapse: collapse;
115
- }
116
- :-moz-focusring {
117
- outline: auto;
118
- }
119
- progress {
120
- vertical-align: baseline;
121
- }
122
- summary {
123
- display: list-item;
124
- }
125
- ol, ul, menu {
126
- list-style: none;
127
- }
128
- img, svg, video, canvas, audio, iframe, embed, object {
129
- display: block;
130
- vertical-align: middle;
131
- }
132
- img, video {
133
- max-width: 100%;
134
- height: auto;
135
- }
136
- button, input, select, optgroup, textarea, ::file-selector-button {
137
- font: inherit;
138
- font-feature-settings: inherit;
139
- font-variation-settings: inherit;
140
- letter-spacing: inherit;
141
- color: inherit;
142
- border-radius: 0;
143
- background-color: transparent;
144
- opacity: 1;
145
- }
146
- :where(select:is([multiple], [size])) optgroup {
147
- font-weight: bolder;
148
- }
149
- :where(select:is([multiple], [size])) optgroup option {
150
- padding-inline-start: 20px;
151
- }
152
- ::file-selector-button {
153
- margin-inline-end: 4px;
154
- }
155
- ::-moz-placeholder {
156
- opacity: 1;
157
- }
158
- ::placeholder {
159
- opacity: 1;
160
- }
161
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
162
- ::-moz-placeholder {
163
- color: currentcolor;
164
- @supports (color: color-mix(in lab, red, red)) {
165
- color: color-mix(in oklab, currentcolor 50%, transparent);
166
- }
167
- }
168
- ::placeholder {
169
- color: currentcolor;
170
- @supports (color: color-mix(in lab, red, red)) {
171
- color: color-mix(in oklab, currentcolor 50%, transparent);
172
- }
173
- }
174
- }
175
- textarea {
176
- resize: vertical;
177
- }
178
- ::-webkit-search-decoration {
179
- -webkit-appearance: none;
180
- }
181
- ::-webkit-date-and-time-value {
182
- min-height: 1lh;
183
- text-align: inherit;
184
- }
185
- ::-webkit-datetime-edit {
186
- display: inline-flex;
187
- }
188
- ::-webkit-datetime-edit-fields-wrapper {
189
- padding: 0;
190
- }
191
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
192
- padding-block: 0;
193
- }
194
- ::-webkit-calendar-picker-indicator {
195
- line-height: 1;
196
- }
197
- :-moz-ui-invalid {
198
- box-shadow: none;
199
- }
200
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
201
- -webkit-appearance: button;
202
- -moz-appearance: button;
203
- appearance: button;
204
- }
205
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
206
- height: auto;
207
- }
208
- [hidden]:where(:not([hidden="until-found"])) {
209
- display: none !important;
210
- }
211
- /* layer-end */
212
- /* layer-start */
213
- .pointer-events-auto {
214
- pointer-events: auto;
215
- }
216
- .pointer-events-none {
217
- pointer-events: none;
218
- }
219
- .collapse {
220
- visibility: collapse;
221
- }
222
- .invisible {
223
- visibility: hidden;
224
- }
225
- .sr-only {
226
- position: absolute;
227
- width: 1px;
228
- height: 1px;
229
- padding: 0;
230
- margin: -1px;
231
- overflow: hidden;
232
- clip-path: inset(50%);
233
- white-space: nowrap;
234
- border-width: 0;
235
- }
236
- .absolute {
237
- position: absolute;
238
- }
239
- .fixed {
240
- position: fixed;
241
- }
242
- .relative {
243
- position: relative;
244
- }
245
- .static {
246
- position: static;
247
- }
248
- .inset-0 {
249
- inset: calc(var(--spacing) * 0);
250
- }
251
- .inset-x-0 {
252
- inset-inline: calc(var(--spacing) * 0);
253
- }
254
- .inset-y-0 {
255
- inset-block: calc(var(--spacing) * 0);
256
- }
257
- .start {
258
- inset-inline-start: var(--spacing);
259
- }
260
- .end {
261
- inset-inline-end: var(--spacing);
262
- }
263
- .-top-7 {
264
- top: calc(var(--spacing) * -7);
265
- }
266
- .-top-12 {
267
- top: calc(var(--spacing) * -12);
268
- }
269
- .top-0 {
270
- top: calc(var(--spacing) * 0);
271
- }
272
- .top-1\.5 {
273
- top: calc(var(--spacing) * 1.5);
274
- }
275
- .top-1\/2 {
276
- top: calc(1 / 2 * 100%);
277
- }
278
- .top-2 {
279
- top: calc(var(--spacing) * 2);
280
- }
281
- .top-3\.5 {
282
- top: calc(var(--spacing) * 3.5);
283
- }
284
- .top-4 {
285
- top: calc(var(--spacing) * 4);
286
- }
287
- .top-\[1px\] {
288
- top: 1px;
289
- }
290
- .top-\[50\%\] {
291
- top: 50%;
292
- }
293
- .top-\[60\%\] {
294
- top: 60%;
295
- }
296
- .top-full {
297
- top: 100%;
298
- }
299
- .-right-12 {
300
- right: calc(var(--spacing) * -12);
301
- }
302
- .right-0 {
303
- right: calc(var(--spacing) * 0);
304
- }
305
- .right-1 {
306
- right: calc(var(--spacing) * 1);
307
- }
308
- .right-2 {
309
- right: calc(var(--spacing) * 2);
310
- }
311
- .right-3 {
312
- right: calc(var(--spacing) * 3);
313
- }
314
- .right-4 {
315
- right: calc(var(--spacing) * 4);
316
- }
317
- .-bottom-12 {
318
- bottom: calc(var(--spacing) * -12);
319
- }
320
- .bottom-0 {
321
- bottom: calc(var(--spacing) * 0);
322
- }
323
- .-left-12 {
324
- left: calc(var(--spacing) * -12);
325
- }
326
- .left-0 {
327
- left: calc(var(--spacing) * 0);
328
- }
329
- .left-1 {
330
- left: calc(var(--spacing) * 1);
331
- }
332
- .left-1\/2 {
333
- left: calc(1 / 2 * 100%);
334
- }
335
- .left-2 {
336
- left: calc(var(--spacing) * 2);
337
- }
338
- .left-\[50\%\] {
339
- left: 50%;
340
- }
341
- .z-10 {
342
- z-index: 10;
343
- }
344
- .z-20 {
345
- z-index: 20;
346
- }
347
- .z-50 {
348
- z-index: 50;
349
- }
350
- .z-\[1\] {
351
- z-index: 1;
352
- }
353
- .z-\[100\] {
354
- z-index: 100;
355
- }
356
- .-mx-1 {
357
- margin-inline: calc(var(--spacing) * -1);
358
- }
359
- .mx-2 {
360
- margin-inline: calc(var(--spacing) * 2);
361
- }
362
- .mx-3\.5 {
363
- margin-inline: calc(var(--spacing) * 3.5);
364
- }
365
- .mx-auto {
366
- margin-inline: auto;
367
- }
368
- .my-0\.5 {
369
- margin-block: calc(var(--spacing) * 0.5);
370
- }
371
- .my-1 {
372
- margin-block: calc(var(--spacing) * 1);
373
- }
374
- .-mt-4 {
375
- margin-top: calc(var(--spacing) * -4);
376
- }
377
- .mt-0 {
378
- margin-top: calc(var(--spacing) * 0);
379
- }
380
- .mt-1\.5 {
381
- margin-top: calc(var(--spacing) * 1.5);
382
- }
383
- .mt-2 {
384
- margin-top: calc(var(--spacing) * 2);
385
- }
386
- .mt-3 {
387
- margin-top: calc(var(--spacing) * 3);
388
- }
389
- .mt-4 {
390
- margin-top: calc(var(--spacing) * 4);
391
- }
392
- .mt-24 {
393
- margin-top: calc(var(--spacing) * 24);
394
- }
395
- .mt-auto {
396
- margin-top: auto;
397
- }
398
- .mr-1 {
399
- margin-right: calc(var(--spacing) * 1);
400
- }
401
- .mr-2 {
402
- margin-right: calc(var(--spacing) * 2);
403
- }
404
- .mb-1 {
405
- margin-bottom: calc(var(--spacing) * 1);
406
- }
407
- .mb-1\.5 {
408
- margin-bottom: calc(var(--spacing) * 1.5);
409
- }
410
- .mb-2 {
411
- margin-bottom: calc(var(--spacing) * 2);
412
- }
413
- .mb-3 {
414
- margin-bottom: calc(var(--spacing) * 3);
415
- }
416
- .mb-4 {
417
- margin-bottom: calc(var(--spacing) * 4);
418
- }
419
- .-ml-4 {
420
- margin-left: calc(var(--spacing) * -4);
421
- }
422
- .ml-1 {
423
- margin-left: calc(var(--spacing) * 1);
424
- }
425
- .ml-auto {
426
- margin-left: auto;
427
- }
428
- .block {
429
- display: block;
430
- }
431
- .flex {
432
- display: flex;
433
- }
434
- .grid {
435
- display: grid;
436
- }
437
- .hidden {
438
- display: none;
439
- }
440
- .inline-block {
441
- display: inline-block;
442
- }
443
- .inline-flex {
444
- display: inline-flex;
445
- }
446
- .table {
447
- display: table;
448
- }
449
- .aspect-square {
450
- aspect-ratio: 1 / 1;
451
- }
452
- .aspect-video {
453
- aspect-ratio: var(--aspect-video);
454
- }
455
- .size-4 {
456
- width: calc(var(--spacing) * 4);
457
- height: calc(var(--spacing) * 4);
458
- }
459
- .h-1 {
460
- height: calc(var(--spacing) * 1);
461
- }
462
- .h-1\.5 {
463
- height: calc(var(--spacing) * 1.5);
464
- }
465
- .h-2 {
466
- height: calc(var(--spacing) * 2);
467
- }
468
- .h-2\.5 {
469
- height: calc(var(--spacing) * 2.5);
470
- }
471
- .h-3 {
472
- height: calc(var(--spacing) * 3);
473
- }
474
- .h-3\.5 {
475
- height: calc(var(--spacing) * 3.5);
476
- }
477
- .h-4 {
478
- height: calc(var(--spacing) * 4);
479
- }
480
- .h-5 {
481
- height: calc(var(--spacing) * 5);
482
- }
483
- .h-6 {
484
- height: calc(var(--spacing) * 6);
485
- }
486
- .h-7 {
487
- height: calc(var(--spacing) * 7);
488
- }
489
- .h-8 {
490
- height: calc(var(--spacing) * 8);
491
- }
492
- .h-9 {
493
- height: calc(var(--spacing) * 9);
494
- }
495
- .h-10 {
496
- height: calc(var(--spacing) * 10);
497
- }
498
- .h-11 {
499
- height: calc(var(--spacing) * 11);
500
- }
501
- .h-12 {
502
- height: calc(var(--spacing) * 12);
503
- }
504
- .h-16 {
505
- height: calc(var(--spacing) * 16);
506
- }
507
- .h-\[1px\] {
508
- height: 1px;
509
- }
510
- .h-\[400px\] {
511
- height: 400px;
512
- }
513
- .h-\[600px\] {
514
- height: 600px;
515
- }
516
- .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
517
- height: var(--radix-navigation-menu-viewport-height);
518
- }
519
- .h-\[var\(--radix-select-trigger-height\)\] {
520
- height: var(--radix-select-trigger-height);
521
- }
522
- .h-auto {
523
- height: auto;
524
- }
525
- .h-full {
526
- height: 100%;
527
- }
528
- .h-px {
529
- height: 1px;
530
- }
531
- .h-screen {
532
- height: 100vh;
533
- }
534
- .h-svh {
535
- height: 100svh;
536
- }
537
- .max-h-96 {
538
- max-height: calc(var(--spacing) * 96);
539
- }
540
- .max-h-\[80vh\] {
541
- max-height: 80vh;
542
- }
543
- .max-h-\[90vh\] {
544
- max-height: 90vh;
545
- }
546
- .max-h-\[180vh\] {
547
- max-height: 180vh;
548
- }
549
- .max-h-\[300px\] {
550
- max-height: 300px;
551
- }
552
- .max-h-screen {
553
- max-height: 100vh;
554
- }
555
- .min-h-0 {
556
- min-height: calc(var(--spacing) * 0);
557
- }
558
- .min-h-\[60px\] {
559
- min-height: 60px;
560
- }
561
- .min-h-\[80px\] {
562
- min-height: 80px;
563
- }
564
- .min-h-\[500px\] {
565
- min-height: 500px;
566
- }
567
- .min-h-svh {
568
- min-height: 100svh;
569
- }
570
- .w-0 {
571
- width: calc(var(--spacing) * 0);
572
- }
573
- .w-1 {
574
- width: calc(var(--spacing) * 1);
575
- }
576
- .w-2 {
577
- width: calc(var(--spacing) * 2);
578
- }
579
- .w-2\.5 {
580
- width: calc(var(--spacing) * 2.5);
581
- }
582
- .w-3 {
583
- width: calc(var(--spacing) * 3);
584
- }
585
- .w-3\.5 {
586
- width: calc(var(--spacing) * 3.5);
587
- }
588
- .w-3\/4 {
589
- width: calc(3 / 4 * 100%);
590
- }
591
- .w-4 {
592
- width: calc(var(--spacing) * 4);
593
- }
594
- .w-5 {
595
- width: calc(var(--spacing) * 5);
596
- }
597
- .w-7 {
598
- width: calc(var(--spacing) * 7);
599
- }
600
- .w-8 {
601
- width: calc(var(--spacing) * 8);
602
- }
603
- .w-9 {
604
- width: calc(var(--spacing) * 9);
605
- }
606
- .w-10 {
607
- width: calc(var(--spacing) * 10);
608
- }
609
- .w-11 {
610
- width: calc(var(--spacing) * 11);
611
- }
612
- .w-16 {
613
- width: calc(var(--spacing) * 16);
614
- }
615
- .w-20 {
616
- width: calc(var(--spacing) * 20);
617
- }
618
- .w-56 {
619
- width: calc(var(--spacing) * 56);
620
- }
621
- .w-64 {
622
- width: calc(var(--spacing) * 64);
623
- }
624
- .w-72 {
625
- width: calc(var(--spacing) * 72);
626
- }
627
- .w-\[--sidebar-width\] {
628
- width: --sidebar-width;
629
- }
630
- .w-\[1px\] {
631
- width: 1px;
632
- }
633
- .w-\[100px\] {
634
- width: 100px;
635
- }
636
- .w-auto {
637
- width: auto;
638
- }
639
- .w-full {
640
- width: 100%;
641
- }
642
- .w-max {
643
- width: -moz-max-content;
644
- width: max-content;
645
- }
646
- .w-px {
647
- width: 1px;
648
- }
649
- .max-w-4xl {
650
- max-width: var(--container-4xl);
651
- }
652
- .max-w-5xl {
653
- max-width: var(--container-5xl);
654
- }
655
- .max-w-96 {
656
- max-width: calc(var(--spacing) * 96);
657
- }
658
- .max-w-\[--skeleton-width\] {
659
- max-width: --skeleton-width;
660
- }
661
- .max-w-\[375px\] {
662
- max-width: 375px;
663
- }
664
- .max-w-full {
665
- max-width: 100%;
666
- }
667
- .max-w-lg {
668
- max-width: var(--container-lg);
669
- }
670
- .max-w-max {
671
- max-width: -moz-max-content;
672
- max-width: max-content;
673
- }
674
- .min-w-0 {
675
- min-width: calc(var(--spacing) * 0);
676
- }
677
- .min-w-5 {
678
- min-width: calc(var(--spacing) * 5);
679
- }
680
- .min-w-\[8rem\] {
681
- min-width: 8rem;
682
- }
683
- .min-w-\[12rem\] {
684
- min-width: 12rem;
685
- }
686
- .min-w-\[var\(--radix-select-trigger-width\)\] {
687
- min-width: var(--radix-select-trigger-width);
688
- }
689
- .flex-1 {
690
- flex: 1;
691
- }
692
- .flex-shrink-0 {
693
- flex-shrink: 0;
694
- }
695
- .shrink-0 {
696
- flex-shrink: 0;
697
- }
698
- .grow {
699
- flex-grow: 1;
700
- }
701
- .grow-0 {
702
- flex-grow: 0;
703
- }
704
- .basis-full {
705
- flex-basis: 100%;
706
- }
707
- .caption-bottom {
708
- caption-side: bottom;
709
- }
710
- .border-collapse {
711
- border-collapse: collapse;
712
- }
713
- .-translate-x-1\/2 {
714
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
715
- translate: var(--tw-translate-x) var(--tw-translate-y);
716
- }
717
- .-translate-x-px {
718
- --tw-translate-x: -1px;
719
- translate: var(--tw-translate-x) var(--tw-translate-y);
720
- }
721
- .translate-x-\[-50\%\] {
722
- --tw-translate-x: -50%;
723
- translate: var(--tw-translate-x) var(--tw-translate-y);
724
- }
725
- .translate-x-px {
726
- --tw-translate-x: 1px;
727
- translate: var(--tw-translate-x) var(--tw-translate-y);
728
- }
729
- .-translate-y-1\/2 {
730
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
731
- translate: var(--tw-translate-x) var(--tw-translate-y);
732
- }
733
- .translate-y-\[-50\%\] {
734
- --tw-translate-y: -50%;
735
- translate: var(--tw-translate-x) var(--tw-translate-y);
736
- }
737
- .rotate-45 {
738
- rotate: 45deg;
739
- }
740
- .rotate-90 {
741
- rotate: 90deg;
742
- }
743
- .transform {
744
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
745
- }
746
- .animate-pulse {
747
- animation: var(--animate-pulse);
748
- }
749
- .cursor-default {
750
- cursor: default;
751
- }
752
- .cursor-grab {
753
- cursor: grab;
754
- }
755
- .cursor-pointer {
756
- cursor: pointer;
757
- }
758
- .touch-none {
759
- touch-action: none;
760
- }
761
- .list-none {
762
- list-style-type: none;
763
- }
764
- .grid-cols-2 {
765
- grid-template-columns: repeat(2, minmax(0, 1fr));
766
- }
767
- .grid-cols-4 {
768
- grid-template-columns: repeat(4, minmax(0, 1fr));
769
- }
770
- .flex-col {
771
- flex-direction: column;
772
- }
773
- .flex-col-reverse {
774
- flex-direction: column-reverse;
775
- }
776
- .flex-row {
777
- flex-direction: row;
778
- }
779
- .flex-wrap {
780
- flex-wrap: wrap;
781
- }
782
- .items-center {
783
- align-items: center;
784
- }
785
- .items-end {
786
- align-items: flex-end;
787
- }
788
- .items-start {
789
- align-items: flex-start;
790
- }
791
- .items-stretch {
792
- align-items: stretch;
793
- }
794
- .justify-between {
795
- justify-content: space-between;
796
- }
797
- .justify-center {
798
- justify-content: center;
799
- }
800
- .gap-0\.5 {
801
- gap: calc(var(--spacing) * 0.5);
802
- }
803
- .gap-1 {
804
- gap: calc(var(--spacing) * 1);
805
- }
806
- .gap-1\.5 {
807
- gap: calc(var(--spacing) * 1.5);
808
- }
809
- .gap-2 {
810
- gap: calc(var(--spacing) * 2);
811
- }
812
- .gap-3 {
813
- gap: calc(var(--spacing) * 3);
814
- }
815
- .gap-4 {
816
- gap: calc(var(--spacing) * 4);
817
- }
818
- .space-y-1 {
819
- :where(& > :not(:last-child)) {
820
- --tw-space-y-reverse: 0;
821
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
822
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
823
- }
824
- }
825
- .space-y-1\.5 {
826
- :where(& > :not(:last-child)) {
827
- --tw-space-y-reverse: 0;
828
- margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
829
- margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
830
- }
831
- }
832
- .space-y-2 {
833
- :where(& > :not(:last-child)) {
834
- --tw-space-y-reverse: 0;
835
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
836
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
837
- }
838
- }
839
- .space-y-3 {
840
- :where(& > :not(:last-child)) {
841
- --tw-space-y-reverse: 0;
842
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
843
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
844
- }
845
- }
846
- .space-y-4 {
847
- :where(& > :not(:last-child)) {
848
- --tw-space-y-reverse: 0;
849
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
850
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
851
- }
852
- }
853
- .space-x-1 {
854
- :where(& > :not(:last-child)) {
855
- --tw-space-x-reverse: 0;
856
- margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
857
- margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
858
- }
859
- }
860
- .space-x-4 {
861
- :where(& > :not(:last-child)) {
862
- --tw-space-x-reverse: 0;
863
- margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
864
- margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
865
- }
866
- }
867
- .truncate {
868
- overflow: hidden;
869
- text-overflow: ellipsis;
870
- white-space: nowrap;
871
- }
872
- .overflow-auto {
873
- overflow: auto;
874
- }
875
- .overflow-hidden {
876
- overflow: hidden;
877
- }
878
- .overflow-x-hidden {
879
- overflow-x: hidden;
880
- }
881
- .overflow-y-auto {
882
- overflow-y: auto;
883
- }
884
- .rounded {
885
- border-radius: 0.25rem;
886
- }
887
- .rounded-\[2px\] {
888
- border-radius: 2px;
889
- }
890
- .rounded-\[inherit\] {
891
- border-radius: inherit;
892
- }
893
- .rounded-full {
894
- border-radius: calc(infinity * 1px);
895
- }
896
- .rounded-lg {
897
- border-radius: var(--radius-lg);
898
- }
899
- .rounded-md {
900
- border-radius: var(--radius-md);
901
- }
902
- .rounded-sm {
903
- border-radius: var(--radius-sm);
904
- }
905
- .rounded-t-\[10px\] {
906
- border-top-left-radius: 10px;
907
- border-top-right-radius: 10px;
908
- }
909
- .rounded-tl-sm {
910
- border-top-left-radius: var(--radius-sm);
911
- }
912
- .border {
913
- border-style: var(--tw-border-style);
914
- border-width: 1px;
915
- }
916
- .border-2 {
917
- border-style: var(--tw-border-style);
918
- border-width: 2px;
919
- }
920
- .border-\[1\.5px\] {
921
- border-style: var(--tw-border-style);
922
- border-width: 1.5px;
923
- }
924
- .border-y {
925
- border-block-style: var(--tw-border-style);
926
- border-block-width: 1px;
927
- }
928
- .border-t {
929
- border-top-style: var(--tw-border-style);
930
- border-top-width: 1px;
931
- }
932
- .border-r {
933
- border-right-style: var(--tw-border-style);
934
- border-right-width: 1px;
935
- }
936
- .border-b {
937
- border-bottom-style: var(--tw-border-style);
938
- border-bottom-width: 1px;
939
- }
940
- .border-b-0 {
941
- border-bottom-style: var(--tw-border-style);
942
- border-bottom-width: 0px;
943
- }
944
- .border-l {
945
- border-left-style: var(--tw-border-style);
946
- border-left-width: 1px;
947
- }
948
- .border-dashed {
949
- --tw-border-style: dashed;
950
- border-style: dashed;
951
- }
952
- .border-\[--color-border\] {
953
- border-color: --color-border;
954
- }
955
- .border-transparent {
956
- border-color: transparent;
957
- }
958
- .border-t-transparent {
959
- border-top-color: transparent;
960
- }
961
- .border-l-transparent {
962
- border-left-color: transparent;
963
- }
964
- .bg-\[--color-bg\] {
965
- background-color: --color-bg;
966
- }
967
- .bg-black\/80 {
968
- background-color: color-mix(in srgb, #000 80%, transparent);
969
- @supports (color: color-mix(in lab, red, red)) {
970
- background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
971
- }
972
- }
973
- .bg-transparent {
974
- background-color: transparent;
975
- }
976
- .bg-white {
977
- background-color: var(--color-white);
978
- }
979
- .fill-current {
980
- fill: currentcolor;
981
- }
982
- .p-0 {
983
- padding: calc(var(--spacing) * 0);
984
- }
985
- .p-0\.5 {
986
- padding: calc(var(--spacing) * 0.5);
987
- }
988
- .p-1 {
989
- padding: calc(var(--spacing) * 1);
990
- }
991
- .p-2 {
992
- padding: calc(var(--spacing) * 2);
993
- }
994
- .p-2\.5 {
995
- padding: calc(var(--spacing) * 2.5);
996
- }
997
- .p-3 {
998
- padding: calc(var(--spacing) * 3);
999
- }
1000
- .p-4 {
1001
- padding: calc(var(--spacing) * 4);
1002
- }
1003
- .p-5 {
1004
- padding: calc(var(--spacing) * 5);
1005
- }
1006
- .p-6 {
1007
- padding: calc(var(--spacing) * 6);
1008
- }
1009
- .p-8 {
1010
- padding: calc(var(--spacing) * 8);
1011
- }
1012
- .p-\[1px\] {
1013
- padding: 1px;
1014
- }
1015
- .px-1 {
1016
- padding-inline: calc(var(--spacing) * 1);
1017
- }
1018
- .px-2 {
1019
- padding-inline: calc(var(--spacing) * 2);
1020
- }
1021
- .px-2\.5 {
1022
- padding-inline: calc(var(--spacing) * 2.5);
1023
- }
1024
- .px-3 {
1025
- padding-inline: calc(var(--spacing) * 3);
1026
- }
1027
- .px-4 {
1028
- padding-inline: calc(var(--spacing) * 4);
1029
- }
1030
- .px-5 {
1031
- padding-inline: calc(var(--spacing) * 5);
1032
- }
1033
- .px-8 {
1034
- padding-inline: calc(var(--spacing) * 8);
1035
- }
1036
- .py-0\.5 {
1037
- padding-block: calc(var(--spacing) * 0.5);
1038
- }
1039
- .py-1 {
1040
- padding-block: calc(var(--spacing) * 1);
1041
- }
1042
- .py-1\.5 {
1043
- padding-block: calc(var(--spacing) * 1.5);
1044
- }
1045
- .py-2 {
1046
- padding-block: calc(var(--spacing) * 2);
1047
- }
1048
- .py-2\.5 {
1049
- padding-block: calc(var(--spacing) * 2.5);
1050
- }
1051
- .py-3 {
1052
- padding-block: calc(var(--spacing) * 3);
1053
- }
1054
- .py-4 {
1055
- padding-block: calc(var(--spacing) * 4);
1056
- }
1057
- .py-6 {
1058
- padding-block: calc(var(--spacing) * 6);
1059
- }
1060
- .py-8 {
1061
- padding-block: calc(var(--spacing) * 8);
1062
- }
1063
- .pt-0 {
1064
- padding-top: calc(var(--spacing) * 0);
1065
- }
1066
- .pt-1 {
1067
- padding-top: calc(var(--spacing) * 1);
1068
- }
1069
- .pt-2 {
1070
- padding-top: calc(var(--spacing) * 2);
1071
- }
1072
- .pt-3 {
1073
- padding-top: calc(var(--spacing) * 3);
1074
- }
1075
- .pt-4 {
1076
- padding-top: calc(var(--spacing) * 4);
1077
- }
1078
- .pr-2 {
1079
- padding-right: calc(var(--spacing) * 2);
1080
- }
1081
- .pr-2\.5 {
1082
- padding-right: calc(var(--spacing) * 2.5);
1083
- }
1084
- .pr-8 {
1085
- padding-right: calc(var(--spacing) * 8);
1086
- }
1087
- .pb-3 {
1088
- padding-bottom: calc(var(--spacing) * 3);
1089
- }
1090
- .pb-4 {
1091
- padding-bottom: calc(var(--spacing) * 4);
1092
- }
1093
- .pl-2\.5 {
1094
- padding-left: calc(var(--spacing) * 2.5);
1095
- }
1096
- .pl-4 {
1097
- padding-left: calc(var(--spacing) * 4);
1098
- }
1099
- .pl-8 {
1100
- padding-left: calc(var(--spacing) * 8);
1101
- }
1102
- .text-center {
1103
- text-align: center;
1104
- }
1105
- .text-left {
1106
- text-align: left;
1107
- }
1108
- .align-middle {
1109
- vertical-align: middle;
1110
- }
1111
- .font-mono {
1112
- font-family: var(--font-mono);
1113
- }
1114
- .text-2xl {
1115
- font-size: var(--text-2xl);
1116
- line-height: var(--tw-leading, var(--text-2xl--line-height));
1117
- }
1118
- .text-base {
1119
- font-size: var(--text-base);
1120
- line-height: var(--tw-leading, var(--text-base--line-height));
1121
- }
1122
- .text-lg {
1123
- font-size: var(--text-lg);
1124
- line-height: var(--tw-leading, var(--text-lg--line-height));
1125
- }
1126
- .text-sm {
1127
- font-size: var(--text-sm);
1128
- line-height: var(--tw-leading, var(--text-sm--line-height));
1129
- }
1130
- .text-xs {
1131
- font-size: var(--text-xs);
1132
- line-height: var(--tw-leading, var(--text-xs--line-height));
1133
- }
1134
- .text-\[0\.8rem\] {
1135
- font-size: 0.8rem;
1136
- }
1137
- .text-\[10px\] {
1138
- font-size: 10px;
1139
- }
1140
- .leading-none {
1141
- --tw-leading: 1;
1142
- line-height: 1;
1143
- }
1144
- .font-medium {
1145
- --tw-font-weight: var(--font-weight-medium);
1146
- font-weight: var(--font-weight-medium);
1147
- }
1148
- .font-normal {
1149
- --tw-font-weight: var(--font-weight-normal);
1150
- font-weight: var(--font-weight-normal);
1151
- }
1152
- .font-semibold {
1153
- --tw-font-weight: var(--font-weight-semibold);
1154
- font-weight: var(--font-weight-semibold);
1155
- }
1156
- .tracking-tight {
1157
- --tw-tracking: var(--tracking-tight);
1158
- letter-spacing: var(--tracking-tight);
1159
- }
1160
- .tracking-wider {
1161
- --tw-tracking: var(--tracking-wider);
1162
- letter-spacing: var(--tracking-wider);
1163
- }
1164
- .tracking-widest {
1165
- --tw-tracking: var(--tracking-widest);
1166
- letter-spacing: var(--tracking-widest);
1167
- }
1168
- .break-words {
1169
- overflow-wrap: break-word;
1170
- }
1171
- .whitespace-nowrap {
1172
- white-space: nowrap;
1173
- }
1174
- .whitespace-pre-wrap {
1175
- white-space: pre-wrap;
1176
- }
1177
- .text-current {
7
+ --color-red-50: oklch(97.1% 0.013 17.38);
8
+ --color-red-300: oklch(80.8% 0.114 19.571);
9
+ --color-red-400: oklch(70.4% 0.191 22.216);
10
+ --color-red-600: oklch(57.7% 0.245 27.325);
11
+ --color-black: #000;
12
+ --spacing: 0.25rem;
13
+ --container-sm: 24rem;
14
+ --container-lg: 32rem;
15
+ --text-xs: 0.75rem;
16
+ --text-xs--line-height: calc(1 / 0.75);
17
+ --text-sm: 0.875rem;
18
+ --text-sm--line-height: calc(1.25 / 0.875);
19
+ --text-base: 1rem;
20
+ --text-base--line-height: calc(1.5 / 1);
21
+ --text-lg: 1.125rem;
22
+ --text-lg--line-height: calc(1.75 / 1.125);
23
+ --text-2xl: 1.5rem;
24
+ --text-2xl--line-height: calc(2 / 1.5);
25
+ --font-weight-normal: 400;
26
+ --font-weight-medium: 500;
27
+ --font-weight-semibold: 600;
28
+ --tracking-tight: -0.025em;
29
+ --tracking-wider: 0.05em;
30
+ --tracking-widest: 0.1em;
31
+ --leading-relaxed: 1.625;
32
+ --radius-sm: 0.25rem;
33
+ --radius-md: 0.375rem;
34
+ --radius-lg: 0.5rem;
35
+ --radius-xl: 0.75rem;
36
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
37
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
38
+ --aspect-video: 16 / 9;
39
+ --default-transition-duration: 150ms;
40
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
41
+ --default-font-family: var(--font-sans);
42
+ --default-mono-font-family: var(--font-mono);
43
+ }
44
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
45
+ box-sizing: border-box;
46
+ margin: 0;
47
+ padding: 0;
48
+ border: 0 solid;
49
+ }
50
+ html, :host {
51
+ line-height: 1.5;
52
+ -webkit-text-size-adjust: 100%;
53
+ -moz-tab-size: 4;
54
+ -o-tab-size: 4;
55
+ tab-size: 4;
56
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
57
+ font-feature-settings: var(--default-font-feature-settings, normal);
58
+ font-variation-settings: var(--default-font-variation-settings, normal);
59
+ -webkit-tap-highlight-color: transparent;
60
+ }
61
+ hr {
62
+ height: 0;
63
+ color: inherit;
64
+ border-top-width: 1px;
65
+ }
66
+ abbr:where([title]) {
67
+ -webkit-text-decoration: underline dotted;
68
+ text-decoration: underline dotted;
69
+ }
70
+ h1, h2, h3, h4, h5, h6 {
71
+ font-size: inherit;
72
+ font-weight: inherit;
73
+ }
74
+ a {
75
+ color: inherit;
76
+ -webkit-text-decoration: inherit;
77
+ text-decoration: inherit;
78
+ }
79
+ b, strong {
80
+ font-weight: bolder;
81
+ }
82
+ code, kbd, samp, pre {
83
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
84
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
85
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
86
+ font-size: 1em;
87
+ }
88
+ small {
89
+ font-size: 80%;
90
+ }
91
+ sub, sup {
92
+ font-size: 75%;
93
+ line-height: 0;
94
+ position: relative;
95
+ vertical-align: baseline;
96
+ }
97
+ sub {
98
+ bottom: -0.25em;
99
+ }
100
+ sup {
101
+ top: -0.5em;
102
+ }
103
+ table {
104
+ text-indent: 0;
105
+ border-color: inherit;
106
+ border-collapse: collapse;
107
+ }
108
+ :-moz-focusring {
109
+ outline: auto;
110
+ }
111
+ progress {
112
+ vertical-align: baseline;
113
+ }
114
+ summary {
115
+ display: list-item;
116
+ }
117
+ ol, ul, menu {
118
+ list-style: none;
119
+ }
120
+ img, svg, video, canvas, audio, iframe, embed, object {
121
+ display: block;
122
+ vertical-align: middle;
123
+ }
124
+ img, video {
125
+ max-width: 100%;
126
+ height: auto;
127
+ }
128
+ button, input, select, optgroup, textarea, ::file-selector-button {
129
+ font: inherit;
130
+ font-feature-settings: inherit;
131
+ font-variation-settings: inherit;
132
+ letter-spacing: inherit;
133
+ color: inherit;
134
+ border-radius: 0;
135
+ background-color: transparent;
136
+ opacity: 1;
137
+ }
138
+ :where(select:is([multiple], [size])) optgroup {
139
+ font-weight: bolder;
140
+ }
141
+ :where(select:is([multiple], [size])) optgroup option {
142
+ padding-inline-start: 20px;
143
+ }
144
+ ::file-selector-button {
145
+ margin-inline-end: 4px;
146
+ }
147
+ ::-moz-placeholder {
148
+ opacity: 1;
149
+ }
150
+ ::placeholder {
151
+ opacity: 1;
152
+ }
153
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
154
+ ::-moz-placeholder {
1178
155
  color: currentcolor;
1179
- }
1180
- .capitalize {
1181
- text-transform: capitalize;
1182
- }
1183
- .uppercase {
1184
- text-transform: uppercase;
1185
- }
1186
- .italic {
1187
- font-style: italic;
1188
- }
1189
- .tabular-nums {
1190
- --tw-numeric-spacing: tabular-nums;
1191
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1192
- }
1193
- .underline-offset-4 {
1194
- text-underline-offset: 4px;
1195
- }
1196
- .opacity-0 {
1197
- opacity: 0%;
1198
- }
1199
- .opacity-50 {
1200
- opacity: 50%;
1201
- }
1202
- .opacity-60 {
1203
- opacity: 60%;
1204
- }
1205
- .opacity-70 {
1206
- opacity: 70%;
1207
- }
1208
- .opacity-90 {
1209
- opacity: 90%;
1210
- }
1211
- .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
1212
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
1213
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1214
- }
1215
- .shadow-lg {
1216
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1217
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1218
- }
1219
- .shadow-md {
1220
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1221
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1222
- }
1223
- .shadow-none {
1224
- --tw-shadow: 0 0 #0000;
1225
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1226
- }
1227
- .shadow-sm {
1228
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1229
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1230
- }
1231
- .shadow-xl {
1232
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1233
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1234
- }
1235
- .ring-0 {
1236
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1237
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1238
- }
1239
- .ring-2 {
1240
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1241
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1242
- }
1243
- .outline {
1244
- outline-style: var(--tw-outline-style);
1245
- outline-width: 1px;
1246
- }
1247
- .transition {
1248
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1249
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1250
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1251
- }
1252
- .transition-\[left\,right\,width\] {
1253
- transition-property: left,right,width;
1254
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1255
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1256
- }
1257
- .transition-\[margin\,opa\] {
1258
- transition-property: margin,opa;
1259
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1260
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1261
- }
1262
- .transition-\[width\,height\,padding\] {
1263
- transition-property: width,height,padding;
1264
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1265
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1266
- }
1267
- .transition-\[width\] {
1268
- transition-property: width;
1269
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1270
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1271
- }
1272
- .transition-all {
1273
- transition-property: all;
1274
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1275
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1276
- }
1277
- .transition-colors {
1278
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1279
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1280
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1281
- }
1282
- .transition-opacity {
1283
- transition-property: opacity;
1284
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1285
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1286
- }
1287
- .transition-transform {
1288
- transition-property: transform, translate, scale, rotate;
1289
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1290
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1291
- }
1292
- .duration-200 {
1293
- --tw-duration: 200ms;
1294
- transition-duration: 200ms;
1295
- }
1296
- .duration-300 {
1297
- --tw-duration: 300ms;
1298
- transition-duration: 300ms;
1299
- }
1300
- .duration-1000 {
1301
- --tw-duration: 1000ms;
1302
- transition-duration: 1000ms;
1303
- }
1304
- .ease-in-out {
1305
- --tw-ease: var(--ease-in-out);
1306
- transition-timing-function: var(--ease-in-out);
1307
- }
1308
- .ease-linear {
1309
- --tw-ease: linear;
1310
- transition-timing-function: linear;
1311
- }
1312
- .outline-none {
1313
- --tw-outline-style: none;
1314
- outline-style: none;
1315
- }
1316
- .select-none {
1317
- -webkit-user-select: none;
1318
- -moz-user-select: none;
1319
- user-select: none;
1320
- }
1321
- .group-focus-within\/menu-item\:opacity-100 {
1322
- &:is(:where(.group\/menu-item):focus-within *) {
1323
- opacity: 100%;
1324
- }
1325
- }
1326
- .group-hover\:opacity-100 {
1327
- &:is(:where(.group):hover *) {
1328
- @media (hover: hover) {
1329
- opacity: 100%;
1330
- }
1331
- }
1332
- }
1333
- .group-hover\/menu-item\:opacity-100 {
1334
- &:is(:where(.group\/menu-item):hover *) {
1335
- @media (hover: hover) {
1336
- opacity: 100%;
1337
- }
156
+ @supports (color: color-mix(in lab, red, red)) {
157
+ color: color-mix(in oklab, currentcolor 50%, transparent);
1338
158
  }
1339
159
  }
1340
- .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
1341
- &:is(:where(.group\/menu-item):has(*:is([data-sidebar=menu-action])) *) {
1342
- padding-right: calc(var(--spacing) * 8);
160
+ ::placeholder {
161
+ color: currentcolor;
162
+ @supports (color: color-mix(in lab, red, red)) {
163
+ color: color-mix(in oklab, currentcolor 50%, transparent);
164
+ }
165
+ }
166
+ }
167
+ textarea {
168
+ resize: vertical;
169
+ }
170
+ ::-webkit-search-decoration {
171
+ -webkit-appearance: none;
172
+ }
173
+ ::-webkit-date-and-time-value {
174
+ min-height: 1lh;
175
+ text-align: inherit;
176
+ }
177
+ ::-webkit-datetime-edit {
178
+ display: inline-flex;
179
+ }
180
+ ::-webkit-datetime-edit-fields-wrapper {
181
+ padding: 0;
182
+ }
183
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
184
+ padding-block: 0;
185
+ }
186
+ ::-webkit-calendar-picker-indicator {
187
+ line-height: 1;
188
+ }
189
+ :-moz-ui-invalid {
190
+ box-shadow: none;
191
+ }
192
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
193
+ -webkit-appearance: button;
194
+ -moz-appearance: button;
195
+ appearance: button;
196
+ }
197
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
198
+ height: auto;
199
+ }
200
+ [hidden]:where(:not([hidden="until-found"])) {
201
+ display: none !important;
202
+ }
203
+ .pointer-events-auto {
204
+ pointer-events: auto;
205
+ }
206
+ .pointer-events-none {
207
+ pointer-events: none;
208
+ }
209
+ .collapse {
210
+ visibility: collapse;
211
+ }
212
+ .invisible {
213
+ visibility: hidden;
214
+ }
215
+ .sr-only {
216
+ position: absolute;
217
+ width: 1px;
218
+ height: 1px;
219
+ padding: 0;
220
+ margin: -1px;
221
+ overflow: hidden;
222
+ clip-path: inset(50%);
223
+ white-space: nowrap;
224
+ border-width: 0;
225
+ }
226
+ .absolute {
227
+ position: absolute;
228
+ }
229
+ .fixed {
230
+ position: fixed;
231
+ }
232
+ .relative {
233
+ position: relative;
234
+ }
235
+ .static {
236
+ position: static;
237
+ }
238
+ .inset-0 {
239
+ inset: calc(var(--spacing) * 0);
240
+ }
241
+ .inset-x-0 {
242
+ inset-inline: calc(var(--spacing) * 0);
243
+ }
244
+ .inset-y-0 {
245
+ inset-block: calc(var(--spacing) * 0);
246
+ }
247
+ .start {
248
+ inset-inline-start: var(--spacing);
249
+ }
250
+ .end {
251
+ inset-inline-end: var(--spacing);
252
+ }
253
+ .-top-7 {
254
+ top: calc(var(--spacing) * -7);
255
+ }
256
+ .-top-12 {
257
+ top: calc(var(--spacing) * -12);
258
+ }
259
+ .top-0 {
260
+ top: calc(var(--spacing) * 0);
261
+ }
262
+ .top-1\.5 {
263
+ top: calc(var(--spacing) * 1.5);
264
+ }
265
+ .top-1\/2 {
266
+ top: calc(1 / 2 * 100%);
267
+ }
268
+ .top-2 {
269
+ top: calc(var(--spacing) * 2);
270
+ }
271
+ .top-3\.5 {
272
+ top: calc(var(--spacing) * 3.5);
273
+ }
274
+ .top-4 {
275
+ top: calc(var(--spacing) * 4);
276
+ }
277
+ .top-\[1px\] {
278
+ top: 1px;
279
+ }
280
+ .top-\[50\%\] {
281
+ top: 50%;
282
+ }
283
+ .top-\[60\%\] {
284
+ top: 60%;
285
+ }
286
+ .top-full {
287
+ top: 100%;
288
+ }
289
+ .-right-12 {
290
+ right: calc(var(--spacing) * -12);
291
+ }
292
+ .right-0 {
293
+ right: calc(var(--spacing) * 0);
294
+ }
295
+ .right-1 {
296
+ right: calc(var(--spacing) * 1);
297
+ }
298
+ .right-2 {
299
+ right: calc(var(--spacing) * 2);
300
+ }
301
+ .right-3 {
302
+ right: calc(var(--spacing) * 3);
303
+ }
304
+ .right-4 {
305
+ right: calc(var(--spacing) * 4);
306
+ }
307
+ .-bottom-12 {
308
+ bottom: calc(var(--spacing) * -12);
309
+ }
310
+ .bottom-0 {
311
+ bottom: calc(var(--spacing) * 0);
312
+ }
313
+ .-left-12 {
314
+ left: calc(var(--spacing) * -12);
315
+ }
316
+ .left-0 {
317
+ left: calc(var(--spacing) * 0);
318
+ }
319
+ .left-1 {
320
+ left: calc(var(--spacing) * 1);
321
+ }
322
+ .left-1\/2 {
323
+ left: calc(1 / 2 * 100%);
324
+ }
325
+ .left-2 {
326
+ left: calc(var(--spacing) * 2);
327
+ }
328
+ .left-\[50\%\] {
329
+ left: 50%;
330
+ }
331
+ .z-10 {
332
+ z-index: 10;
333
+ }
334
+ .z-20 {
335
+ z-index: 20;
336
+ }
337
+ .z-50 {
338
+ z-index: 50;
339
+ }
340
+ .z-\[1\] {
341
+ z-index: 1;
342
+ }
343
+ .z-\[100\] {
344
+ z-index: 100;
345
+ }
346
+ .-mx-1 {
347
+ margin-inline: calc(var(--spacing) * -1);
348
+ }
349
+ .mx-2 {
350
+ margin-inline: calc(var(--spacing) * 2);
351
+ }
352
+ .mx-3\.5 {
353
+ margin-inline: calc(var(--spacing) * 3.5);
354
+ }
355
+ .mx-auto {
356
+ margin-inline: auto;
357
+ }
358
+ .my-0\.5 {
359
+ margin-block: calc(var(--spacing) * 0.5);
360
+ }
361
+ .my-1 {
362
+ margin-block: calc(var(--spacing) * 1);
363
+ }
364
+ .-mt-4 {
365
+ margin-top: calc(var(--spacing) * -4);
366
+ }
367
+ .mt-0 {
368
+ margin-top: calc(var(--spacing) * 0);
369
+ }
370
+ .mt-1\.5 {
371
+ margin-top: calc(var(--spacing) * 1.5);
372
+ }
373
+ .mt-2 {
374
+ margin-top: calc(var(--spacing) * 2);
375
+ }
376
+ .mt-3 {
377
+ margin-top: calc(var(--spacing) * 3);
378
+ }
379
+ .mt-4 {
380
+ margin-top: calc(var(--spacing) * 4);
381
+ }
382
+ .mt-24 {
383
+ margin-top: calc(var(--spacing) * 24);
384
+ }
385
+ .mt-auto {
386
+ margin-top: auto;
387
+ }
388
+ .mr-1 {
389
+ margin-right: calc(var(--spacing) * 1);
390
+ }
391
+ .mr-2 {
392
+ margin-right: calc(var(--spacing) * 2);
393
+ }
394
+ .mb-1 {
395
+ margin-bottom: calc(var(--spacing) * 1);
396
+ }
397
+ .mb-1\.5 {
398
+ margin-bottom: calc(var(--spacing) * 1.5);
399
+ }
400
+ .mb-2 {
401
+ margin-bottom: calc(var(--spacing) * 2);
402
+ }
403
+ .mb-3 {
404
+ margin-bottom: calc(var(--spacing) * 3);
405
+ }
406
+ .mb-4 {
407
+ margin-bottom: calc(var(--spacing) * 4);
408
+ }
409
+ .-ml-4 {
410
+ margin-left: calc(var(--spacing) * -4);
411
+ }
412
+ .ml-1 {
413
+ margin-left: calc(var(--spacing) * 1);
414
+ }
415
+ .ml-auto {
416
+ margin-left: auto;
417
+ }
418
+ .block {
419
+ display: block;
420
+ }
421
+ .flex {
422
+ display: flex;
423
+ }
424
+ .grid {
425
+ display: grid;
426
+ }
427
+ .hidden {
428
+ display: none;
429
+ }
430
+ .inline-block {
431
+ display: inline-block;
432
+ }
433
+ .inline-flex {
434
+ display: inline-flex;
435
+ }
436
+ .table {
437
+ display: table;
438
+ }
439
+ .aspect-square {
440
+ aspect-ratio: 1 / 1;
441
+ }
442
+ .aspect-video {
443
+ aspect-ratio: var(--aspect-video);
444
+ }
445
+ .size-4 {
446
+ width: calc(var(--spacing) * 4);
447
+ height: calc(var(--spacing) * 4);
448
+ }
449
+ .h-1\.5 {
450
+ height: calc(var(--spacing) * 1.5);
451
+ }
452
+ .h-2 {
453
+ height: calc(var(--spacing) * 2);
454
+ }
455
+ .h-2\.5 {
456
+ height: calc(var(--spacing) * 2.5);
457
+ }
458
+ .h-3 {
459
+ height: calc(var(--spacing) * 3);
460
+ }
461
+ .h-3\.5 {
462
+ height: calc(var(--spacing) * 3.5);
463
+ }
464
+ .h-4 {
465
+ height: calc(var(--spacing) * 4);
466
+ }
467
+ .h-5 {
468
+ height: calc(var(--spacing) * 5);
469
+ }
470
+ .h-6 {
471
+ height: calc(var(--spacing) * 6);
472
+ }
473
+ .h-7 {
474
+ height: calc(var(--spacing) * 7);
475
+ }
476
+ .h-8 {
477
+ height: calc(var(--spacing) * 8);
478
+ }
479
+ .h-9 {
480
+ height: calc(var(--spacing) * 9);
481
+ }
482
+ .h-10 {
483
+ height: calc(var(--spacing) * 10);
484
+ }
485
+ .h-11 {
486
+ height: calc(var(--spacing) * 11);
487
+ }
488
+ .h-12 {
489
+ height: calc(var(--spacing) * 12);
490
+ }
491
+ .h-16 {
492
+ height: calc(var(--spacing) * 16);
493
+ }
494
+ .h-\[1px\] {
495
+ height: 1px;
496
+ }
497
+ .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
498
+ height: var(--radix-navigation-menu-viewport-height);
499
+ }
500
+ .h-\[var\(--radix-select-trigger-height\)\] {
501
+ height: var(--radix-select-trigger-height);
502
+ }
503
+ .h-auto {
504
+ height: auto;
505
+ }
506
+ .h-full {
507
+ height: 100%;
508
+ }
509
+ .h-px {
510
+ height: 1px;
511
+ }
512
+ .h-screen {
513
+ height: 100vh;
514
+ }
515
+ .h-svh {
516
+ height: 100svh;
517
+ }
518
+ .max-h-96 {
519
+ max-height: calc(var(--spacing) * 96);
520
+ }
521
+ .max-h-\[180vh\] {
522
+ max-height: 180vh;
523
+ }
524
+ .max-h-\[300px\] {
525
+ max-height: 300px;
526
+ }
527
+ .max-h-screen {
528
+ max-height: 100vh;
529
+ }
530
+ .min-h-0 {
531
+ min-height: calc(var(--spacing) * 0);
532
+ }
533
+ .min-h-\[60px\] {
534
+ min-height: 60px;
535
+ }
536
+ .min-h-\[80px\] {
537
+ min-height: 80px;
538
+ }
539
+ .min-h-svh {
540
+ min-height: 100svh;
541
+ }
542
+ .w-0 {
543
+ width: calc(var(--spacing) * 0);
544
+ }
545
+ .w-1 {
546
+ width: calc(var(--spacing) * 1);
547
+ }
548
+ .w-2 {
549
+ width: calc(var(--spacing) * 2);
550
+ }
551
+ .w-2\.5 {
552
+ width: calc(var(--spacing) * 2.5);
553
+ }
554
+ .w-3 {
555
+ width: calc(var(--spacing) * 3);
556
+ }
557
+ .w-3\.5 {
558
+ width: calc(var(--spacing) * 3.5);
559
+ }
560
+ .w-3\/4 {
561
+ width: calc(3 / 4 * 100%);
562
+ }
563
+ .w-4 {
564
+ width: calc(var(--spacing) * 4);
565
+ }
566
+ .w-5 {
567
+ width: calc(var(--spacing) * 5);
568
+ }
569
+ .w-7 {
570
+ width: calc(var(--spacing) * 7);
571
+ }
572
+ .w-8 {
573
+ width: calc(var(--spacing) * 8);
574
+ }
575
+ .w-9 {
576
+ width: calc(var(--spacing) * 9);
577
+ }
578
+ .w-10 {
579
+ width: calc(var(--spacing) * 10);
580
+ }
581
+ .w-11 {
582
+ width: calc(var(--spacing) * 11);
583
+ }
584
+ .w-16 {
585
+ width: calc(var(--spacing) * 16);
586
+ }
587
+ .w-20 {
588
+ width: calc(var(--spacing) * 20);
589
+ }
590
+ .w-64 {
591
+ width: calc(var(--spacing) * 64);
592
+ }
593
+ .w-72 {
594
+ width: calc(var(--spacing) * 72);
595
+ }
596
+ .w-\[--sidebar-width\] {
597
+ width: --sidebar-width;
598
+ }
599
+ .w-\[1px\] {
600
+ width: 1px;
601
+ }
602
+ .w-\[100px\] {
603
+ width: 100px;
604
+ }
605
+ .w-auto {
606
+ width: auto;
607
+ }
608
+ .w-full {
609
+ width: 100%;
610
+ }
611
+ .w-max {
612
+ width: -moz-max-content;
613
+ width: max-content;
614
+ }
615
+ .w-px {
616
+ width: 1px;
617
+ }
618
+ .max-w-96 {
619
+ max-width: calc(var(--spacing) * 96);
620
+ }
621
+ .max-w-\[--skeleton-width\] {
622
+ max-width: --skeleton-width;
623
+ }
624
+ .max-w-lg {
625
+ max-width: var(--container-lg);
626
+ }
627
+ .max-w-max {
628
+ max-width: -moz-max-content;
629
+ max-width: max-content;
630
+ }
631
+ .min-w-0 {
632
+ min-width: calc(var(--spacing) * 0);
633
+ }
634
+ .min-w-5 {
635
+ min-width: calc(var(--spacing) * 5);
636
+ }
637
+ .min-w-\[8rem\] {
638
+ min-width: 8rem;
639
+ }
640
+ .min-w-\[12rem\] {
641
+ min-width: 12rem;
642
+ }
643
+ .min-w-\[var\(--radix-select-trigger-width\)\] {
644
+ min-width: var(--radix-select-trigger-width);
645
+ }
646
+ .flex-1 {
647
+ flex: 1;
648
+ }
649
+ .flex-shrink-0 {
650
+ flex-shrink: 0;
651
+ }
652
+ .shrink-0 {
653
+ flex-shrink: 0;
654
+ }
655
+ .grow {
656
+ flex-grow: 1;
657
+ }
658
+ .grow-0 {
659
+ flex-grow: 0;
660
+ }
661
+ .basis-full {
662
+ flex-basis: 100%;
663
+ }
664
+ .caption-bottom {
665
+ caption-side: bottom;
666
+ }
667
+ .border-collapse {
668
+ border-collapse: collapse;
669
+ }
670
+ .-translate-x-1\/2 {
671
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
672
+ translate: var(--tw-translate-x) var(--tw-translate-y);
673
+ }
674
+ .-translate-x-px {
675
+ --tw-translate-x: -1px;
676
+ translate: var(--tw-translate-x) var(--tw-translate-y);
677
+ }
678
+ .translate-x-\[-50\%\] {
679
+ --tw-translate-x: -50%;
680
+ translate: var(--tw-translate-x) var(--tw-translate-y);
681
+ }
682
+ .translate-x-px {
683
+ --tw-translate-x: 1px;
684
+ translate: var(--tw-translate-x) var(--tw-translate-y);
685
+ }
686
+ .-translate-y-1\/2 {
687
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
688
+ translate: var(--tw-translate-x) var(--tw-translate-y);
689
+ }
690
+ .translate-y-\[-50\%\] {
691
+ --tw-translate-y: -50%;
692
+ translate: var(--tw-translate-x) var(--tw-translate-y);
693
+ }
694
+ .rotate-45 {
695
+ rotate: 45deg;
696
+ }
697
+ .rotate-90 {
698
+ rotate: 90deg;
699
+ }
700
+ .transform {
701
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
702
+ }
703
+ .animate-pulse {
704
+ animation: var(--animate-pulse);
705
+ }
706
+ .cursor-default {
707
+ cursor: default;
708
+ }
709
+ .cursor-grab {
710
+ cursor: grab;
711
+ }
712
+ .cursor-pointer {
713
+ cursor: pointer;
714
+ }
715
+ .touch-none {
716
+ touch-action: none;
717
+ }
718
+ .list-none {
719
+ list-style-type: none;
720
+ }
721
+ .grid-cols-2 {
722
+ grid-template-columns: repeat(2, minmax(0, 1fr));
723
+ }
724
+ .grid-cols-4 {
725
+ grid-template-columns: repeat(4, minmax(0, 1fr));
726
+ }
727
+ .flex-col {
728
+ flex-direction: column;
729
+ }
730
+ .flex-col-reverse {
731
+ flex-direction: column-reverse;
732
+ }
733
+ .flex-row {
734
+ flex-direction: row;
735
+ }
736
+ .flex-wrap {
737
+ flex-wrap: wrap;
738
+ }
739
+ .items-center {
740
+ align-items: center;
741
+ }
742
+ .items-end {
743
+ align-items: flex-end;
744
+ }
745
+ .items-start {
746
+ align-items: flex-start;
747
+ }
748
+ .items-stretch {
749
+ align-items: stretch;
750
+ }
751
+ .justify-between {
752
+ justify-content: space-between;
753
+ }
754
+ .justify-center {
755
+ justify-content: center;
756
+ }
757
+ .gap-0\.5 {
758
+ gap: calc(var(--spacing) * 0.5);
759
+ }
760
+ .gap-1 {
761
+ gap: calc(var(--spacing) * 1);
762
+ }
763
+ .gap-1\.5 {
764
+ gap: calc(var(--spacing) * 1.5);
765
+ }
766
+ .gap-2 {
767
+ gap: calc(var(--spacing) * 2);
768
+ }
769
+ .gap-3 {
770
+ gap: calc(var(--spacing) * 3);
771
+ }
772
+ .gap-4 {
773
+ gap: calc(var(--spacing) * 4);
774
+ }
775
+ .space-y-1 {
776
+ :where(& > :not(:last-child)) {
777
+ --tw-space-y-reverse: 0;
778
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
779
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
780
+ }
781
+ }
782
+ .space-y-1\.5 {
783
+ :where(& > :not(:last-child)) {
784
+ --tw-space-y-reverse: 0;
785
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
786
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
787
+ }
788
+ }
789
+ .space-y-2 {
790
+ :where(& > :not(:last-child)) {
791
+ --tw-space-y-reverse: 0;
792
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
793
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
794
+ }
795
+ }
796
+ .space-y-3 {
797
+ :where(& > :not(:last-child)) {
798
+ --tw-space-y-reverse: 0;
799
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
800
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
801
+ }
802
+ }
803
+ .space-y-4 {
804
+ :where(& > :not(:last-child)) {
805
+ --tw-space-y-reverse: 0;
806
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
807
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
808
+ }
809
+ }
810
+ .space-x-1 {
811
+ :where(& > :not(:last-child)) {
812
+ --tw-space-x-reverse: 0;
813
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
814
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
815
+ }
816
+ }
817
+ .space-x-4 {
818
+ :where(& > :not(:last-child)) {
819
+ --tw-space-x-reverse: 0;
820
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
821
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
822
+ }
823
+ }
824
+ .truncate {
825
+ overflow: hidden;
826
+ text-overflow: ellipsis;
827
+ white-space: nowrap;
828
+ }
829
+ .overflow-auto {
830
+ overflow: auto;
831
+ }
832
+ .overflow-hidden {
833
+ overflow: hidden;
834
+ }
835
+ .overflow-x-hidden {
836
+ overflow-x: hidden;
837
+ }
838
+ .overflow-y-auto {
839
+ overflow-y: auto;
840
+ }
841
+ .rounded {
842
+ border-radius: 0.25rem;
843
+ }
844
+ .rounded-\[2px\] {
845
+ border-radius: 2px;
846
+ }
847
+ .rounded-\[inherit\] {
848
+ border-radius: inherit;
849
+ }
850
+ .rounded-full {
851
+ border-radius: calc(infinity * 1px);
852
+ }
853
+ .rounded-lg {
854
+ border-radius: var(--radius-lg);
855
+ }
856
+ .rounded-md {
857
+ border-radius: var(--radius-md);
858
+ }
859
+ .rounded-sm {
860
+ border-radius: var(--radius-sm);
861
+ }
862
+ .rounded-t-\[10px\] {
863
+ border-top-left-radius: 10px;
864
+ border-top-right-radius: 10px;
865
+ }
866
+ .rounded-tl-sm {
867
+ border-top-left-radius: var(--radius-sm);
868
+ }
869
+ .border {
870
+ border-style: var(--tw-border-style);
871
+ border-width: 1px;
872
+ }
873
+ .border-2 {
874
+ border-style: var(--tw-border-style);
875
+ border-width: 2px;
876
+ }
877
+ .border-\[1\.5px\] {
878
+ border-style: var(--tw-border-style);
879
+ border-width: 1.5px;
880
+ }
881
+ .border-y {
882
+ border-block-style: var(--tw-border-style);
883
+ border-block-width: 1px;
884
+ }
885
+ .border-t {
886
+ border-top-style: var(--tw-border-style);
887
+ border-top-width: 1px;
888
+ }
889
+ .border-r {
890
+ border-right-style: var(--tw-border-style);
891
+ border-right-width: 1px;
892
+ }
893
+ .border-b {
894
+ border-bottom-style: var(--tw-border-style);
895
+ border-bottom-width: 1px;
896
+ }
897
+ .border-b-0 {
898
+ border-bottom-style: var(--tw-border-style);
899
+ border-bottom-width: 0px;
900
+ }
901
+ .border-l {
902
+ border-left-style: var(--tw-border-style);
903
+ border-left-width: 1px;
904
+ }
905
+ .border-dashed {
906
+ --tw-border-style: dashed;
907
+ border-style: dashed;
908
+ }
909
+ .border-\[--color-border\] {
910
+ border-color: --color-border;
911
+ }
912
+ .border-transparent {
913
+ border-color: transparent;
914
+ }
915
+ .border-t-transparent {
916
+ border-top-color: transparent;
917
+ }
918
+ .border-l-transparent {
919
+ border-left-color: transparent;
920
+ }
921
+ .bg-\[--color-bg\] {
922
+ background-color: --color-bg;
923
+ }
924
+ .bg-black\/80 {
925
+ background-color: color-mix(in srgb, #000 80%, transparent);
926
+ @supports (color: color-mix(in lab, red, red)) {
927
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
928
+ }
929
+ }
930
+ .bg-transparent {
931
+ background-color: transparent;
932
+ }
933
+ .fill-current {
934
+ fill: currentcolor;
935
+ }
936
+ .p-0 {
937
+ padding: calc(var(--spacing) * 0);
938
+ }
939
+ .p-0\.5 {
940
+ padding: calc(var(--spacing) * 0.5);
941
+ }
942
+ .p-1 {
943
+ padding: calc(var(--spacing) * 1);
944
+ }
945
+ .p-2 {
946
+ padding: calc(var(--spacing) * 2);
947
+ }
948
+ .p-2\.5 {
949
+ padding: calc(var(--spacing) * 2.5);
950
+ }
951
+ .p-3 {
952
+ padding: calc(var(--spacing) * 3);
953
+ }
954
+ .p-4 {
955
+ padding: calc(var(--spacing) * 4);
956
+ }
957
+ .p-5 {
958
+ padding: calc(var(--spacing) * 5);
959
+ }
960
+ .p-6 {
961
+ padding: calc(var(--spacing) * 6);
962
+ }
963
+ .p-8 {
964
+ padding: calc(var(--spacing) * 8);
965
+ }
966
+ .p-\[1px\] {
967
+ padding: 1px;
968
+ }
969
+ .px-1 {
970
+ padding-inline: calc(var(--spacing) * 1);
971
+ }
972
+ .px-2 {
973
+ padding-inline: calc(var(--spacing) * 2);
974
+ }
975
+ .px-2\.5 {
976
+ padding-inline: calc(var(--spacing) * 2.5);
977
+ }
978
+ .px-3 {
979
+ padding-inline: calc(var(--spacing) * 3);
980
+ }
981
+ .px-4 {
982
+ padding-inline: calc(var(--spacing) * 4);
983
+ }
984
+ .px-5 {
985
+ padding-inline: calc(var(--spacing) * 5);
986
+ }
987
+ .px-8 {
988
+ padding-inline: calc(var(--spacing) * 8);
989
+ }
990
+ .py-0\.5 {
991
+ padding-block: calc(var(--spacing) * 0.5);
992
+ }
993
+ .py-1 {
994
+ padding-block: calc(var(--spacing) * 1);
995
+ }
996
+ .py-1\.5 {
997
+ padding-block: calc(var(--spacing) * 1.5);
998
+ }
999
+ .py-2 {
1000
+ padding-block: calc(var(--spacing) * 2);
1001
+ }
1002
+ .py-2\.5 {
1003
+ padding-block: calc(var(--spacing) * 2.5);
1004
+ }
1005
+ .py-3 {
1006
+ padding-block: calc(var(--spacing) * 3);
1007
+ }
1008
+ .py-4 {
1009
+ padding-block: calc(var(--spacing) * 4);
1010
+ }
1011
+ .py-6 {
1012
+ padding-block: calc(var(--spacing) * 6);
1013
+ }
1014
+ .py-8 {
1015
+ padding-block: calc(var(--spacing) * 8);
1016
+ }
1017
+ .pt-0 {
1018
+ padding-top: calc(var(--spacing) * 0);
1019
+ }
1020
+ .pt-1 {
1021
+ padding-top: calc(var(--spacing) * 1);
1022
+ }
1023
+ .pt-2 {
1024
+ padding-top: calc(var(--spacing) * 2);
1025
+ }
1026
+ .pt-3 {
1027
+ padding-top: calc(var(--spacing) * 3);
1028
+ }
1029
+ .pt-4 {
1030
+ padding-top: calc(var(--spacing) * 4);
1031
+ }
1032
+ .pr-2 {
1033
+ padding-right: calc(var(--spacing) * 2);
1034
+ }
1035
+ .pr-2\.5 {
1036
+ padding-right: calc(var(--spacing) * 2.5);
1037
+ }
1038
+ .pr-8 {
1039
+ padding-right: calc(var(--spacing) * 8);
1040
+ }
1041
+ .pb-3 {
1042
+ padding-bottom: calc(var(--spacing) * 3);
1043
+ }
1044
+ .pb-4 {
1045
+ padding-bottom: calc(var(--spacing) * 4);
1046
+ }
1047
+ .pl-2\.5 {
1048
+ padding-left: calc(var(--spacing) * 2.5);
1049
+ }
1050
+ .pl-4 {
1051
+ padding-left: calc(var(--spacing) * 4);
1052
+ }
1053
+ .pl-8 {
1054
+ padding-left: calc(var(--spacing) * 8);
1055
+ }
1056
+ .text-center {
1057
+ text-align: center;
1058
+ }
1059
+ .text-left {
1060
+ text-align: left;
1061
+ }
1062
+ .align-middle {
1063
+ vertical-align: middle;
1064
+ }
1065
+ .font-mono {
1066
+ font-family: var(--font-mono);
1067
+ }
1068
+ .text-2xl {
1069
+ font-size: var(--text-2xl);
1070
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1071
+ }
1072
+ .text-base {
1073
+ font-size: var(--text-base);
1074
+ line-height: var(--tw-leading, var(--text-base--line-height));
1075
+ }
1076
+ .text-lg {
1077
+ font-size: var(--text-lg);
1078
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1079
+ }
1080
+ .text-sm {
1081
+ font-size: var(--text-sm);
1082
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1083
+ }
1084
+ .text-xs {
1085
+ font-size: var(--text-xs);
1086
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1087
+ }
1088
+ .text-\[0\.8rem\] {
1089
+ font-size: 0.8rem;
1090
+ }
1091
+ .text-\[10px\] {
1092
+ font-size: 10px;
1093
+ }
1094
+ .leading-none {
1095
+ --tw-leading: 1;
1096
+ line-height: 1;
1097
+ }
1098
+ .font-medium {
1099
+ --tw-font-weight: var(--font-weight-medium);
1100
+ font-weight: var(--font-weight-medium);
1101
+ }
1102
+ .font-normal {
1103
+ --tw-font-weight: var(--font-weight-normal);
1104
+ font-weight: var(--font-weight-normal);
1105
+ }
1106
+ .font-semibold {
1107
+ --tw-font-weight: var(--font-weight-semibold);
1108
+ font-weight: var(--font-weight-semibold);
1109
+ }
1110
+ .tracking-tight {
1111
+ --tw-tracking: var(--tracking-tight);
1112
+ letter-spacing: var(--tracking-tight);
1113
+ }
1114
+ .tracking-wider {
1115
+ --tw-tracking: var(--tracking-wider);
1116
+ letter-spacing: var(--tracking-wider);
1117
+ }
1118
+ .tracking-widest {
1119
+ --tw-tracking: var(--tracking-widest);
1120
+ letter-spacing: var(--tracking-widest);
1121
+ }
1122
+ .break-words {
1123
+ overflow-wrap: break-word;
1124
+ }
1125
+ .whitespace-nowrap {
1126
+ white-space: nowrap;
1127
+ }
1128
+ .text-current {
1129
+ color: currentcolor;
1130
+ }
1131
+ .capitalize {
1132
+ text-transform: capitalize;
1133
+ }
1134
+ .uppercase {
1135
+ text-transform: uppercase;
1136
+ }
1137
+ .italic {
1138
+ font-style: italic;
1139
+ }
1140
+ .tabular-nums {
1141
+ --tw-numeric-spacing: tabular-nums;
1142
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1143
+ }
1144
+ .underline-offset-4 {
1145
+ text-underline-offset: 4px;
1146
+ }
1147
+ .opacity-0 {
1148
+ opacity: 0%;
1149
+ }
1150
+ .opacity-50 {
1151
+ opacity: 50%;
1152
+ }
1153
+ .opacity-60 {
1154
+ opacity: 60%;
1155
+ }
1156
+ .opacity-70 {
1157
+ opacity: 70%;
1158
+ }
1159
+ .opacity-90 {
1160
+ opacity: 90%;
1161
+ }
1162
+ .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
1163
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
1164
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1165
+ }
1166
+ .shadow-lg {
1167
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1168
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1169
+ }
1170
+ .shadow-md {
1171
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1172
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1173
+ }
1174
+ .shadow-none {
1175
+ --tw-shadow: 0 0 #0000;
1176
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1177
+ }
1178
+ .shadow-sm {
1179
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1180
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1181
+ }
1182
+ .shadow-xl {
1183
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1184
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1185
+ }
1186
+ .ring-0 {
1187
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1188
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1189
+ }
1190
+ .ring-2 {
1191
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1192
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1193
+ }
1194
+ .outline {
1195
+ outline-style: var(--tw-outline-style);
1196
+ outline-width: 1px;
1197
+ }
1198
+ .transition {
1199
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1200
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1201
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1202
+ }
1203
+ .transition-\[left\,right\,width\] {
1204
+ transition-property: left,right,width;
1205
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1206
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1207
+ }
1208
+ .transition-\[margin\,opa\] {
1209
+ transition-property: margin,opa;
1210
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1211
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1212
+ }
1213
+ .transition-\[width\,height\,padding\] {
1214
+ transition-property: width,height,padding;
1215
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1216
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1217
+ }
1218
+ .transition-\[width\] {
1219
+ transition-property: width;
1220
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1221
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1222
+ }
1223
+ .transition-all {
1224
+ transition-property: all;
1225
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1226
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1227
+ }
1228
+ .transition-colors {
1229
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1230
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1231
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1232
+ }
1233
+ .transition-opacity {
1234
+ transition-property: opacity;
1235
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1236
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1237
+ }
1238
+ .transition-transform {
1239
+ transition-property: transform, translate, scale, rotate;
1240
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1241
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1242
+ }
1243
+ .duration-200 {
1244
+ --tw-duration: 200ms;
1245
+ transition-duration: 200ms;
1246
+ }
1247
+ .duration-1000 {
1248
+ --tw-duration: 1000ms;
1249
+ transition-duration: 1000ms;
1250
+ }
1251
+ .ease-in-out {
1252
+ --tw-ease: var(--ease-in-out);
1253
+ transition-timing-function: var(--ease-in-out);
1254
+ }
1255
+ .ease-linear {
1256
+ --tw-ease: linear;
1257
+ transition-timing-function: linear;
1258
+ }
1259
+ .outline-none {
1260
+ --tw-outline-style: none;
1261
+ outline-style: none;
1262
+ }
1263
+ .select-none {
1264
+ -webkit-user-select: none;
1265
+ -moz-user-select: none;
1266
+ user-select: none;
1267
+ }
1268
+ .group-focus-within\/menu-item\:opacity-100 {
1269
+ &:is(:where(.group\/menu-item):focus-within *) {
1270
+ opacity: 100%;
1271
+ }
1272
+ }
1273
+ .group-hover\:opacity-100 {
1274
+ &:is(:where(.group):hover *) {
1275
+ @media (hover: hover) {
1276
+ opacity: 100%;
1343
1277
  }
1344
1278
  }
1345
- .group-data-\[collapsible\=icon\]\:-mt-8 {
1346
- &:is(:where(.group)[data-collapsible="icon"] *) {
1347
- margin-top: calc(var(--spacing) * -8);
1279
+ }
1280
+ .group-hover\/menu-item\:opacity-100 {
1281
+ &:is(:where(.group\/menu-item):hover *) {
1282
+ @media (hover: hover) {
1283
+ opacity: 100%;
1348
1284
  }
1349
1285
  }
1350
- .group-data-\[collapsible\=icon\]\:hidden {
1351
- &:is(:where(.group)[data-collapsible="icon"] *) {
1352
- display: none;
1353
- }
1286
+ }
1287
+ .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
1288
+ &:is(:where(.group\/menu-item):has(*:is([data-sidebar=menu-action])) *) {
1289
+ padding-right: calc(var(--spacing) * 8);
1354
1290
  }
1355
- .group-data-\[collapsible\=icon\]\:\!size-8 {
1356
- &:is(:where(.group)[data-collapsible="icon"] *) {
1357
- width: calc(var(--spacing) * 8) !important;
1358
- height: calc(var(--spacing) * 8) !important;
1359
- }
1291
+ }
1292
+ .group-data-\[collapsible\=icon\]\:-mt-8 {
1293
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1294
+ margin-top: calc(var(--spacing) * -8);
1360
1295
  }
1361
- .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
1362
- &:is(:where(.group)[data-collapsible="icon"] *) {
1363
- width: --sidebar-width-icon;
1364
- }
1296
+ }
1297
+ .group-data-\[collapsible\=icon\]\:hidden {
1298
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1299
+ display: none;
1365
1300
  }
1366
- .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
1367
- &:is(:where(.group)[data-collapsible="icon"] *) {
1368
- width: calc(var(--sidebar-width-icon) + 1rem);
1369
- }
1301
+ }
1302
+ .group-data-\[collapsible\=icon\]\:\!size-8 {
1303
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1304
+ width: calc(var(--spacing) * 8) !important;
1305
+ height: calc(var(--spacing) * 8) !important;
1306
+ }
1307
+ }
1308
+ .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
1309
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1310
+ width: --sidebar-width-icon;
1311
+ }
1312
+ }
1313
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
1314
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1315
+ width: calc(var(--sidebar-width-icon) + 1rem);
1316
+ }
1317
+ }
1318
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
1319
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1320
+ width: calc(var(--sidebar-width-icon) + 1rem + 2px);
1321
+ }
1322
+ }
1323
+ .group-data-\[collapsible\=icon\]\:overflow-hidden {
1324
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1325
+ overflow: hidden;
1370
1326
  }
1371
- .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
1372
- &:is(:where(.group)[data-collapsible="icon"] *) {
1373
- width: calc(var(--sidebar-width-icon) + 1rem + 2px);
1374
- }
1327
+ }
1328
+ .group-data-\[collapsible\=icon\]\:\!p-0 {
1329
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1330
+ padding: calc(var(--spacing) * 0) !important;
1375
1331
  }
1376
- .group-data-\[collapsible\=icon\]\:overflow-hidden {
1377
- &:is(:where(.group)[data-collapsible="icon"] *) {
1378
- overflow: hidden;
1379
- }
1332
+ }
1333
+ .group-data-\[collapsible\=icon\]\:\!p-2 {
1334
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1335
+ padding: calc(var(--spacing) * 2) !important;
1380
1336
  }
1381
- .group-data-\[collapsible\=icon\]\:\!p-0 {
1382
- &:is(:where(.group)[data-collapsible="icon"] *) {
1383
- padding: calc(var(--spacing) * 0) !important;
1384
- }
1337
+ }
1338
+ .group-data-\[collapsible\=icon\]\:opacity-0 {
1339
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1340
+ opacity: 0%;
1385
1341
  }
1386
- .group-data-\[collapsible\=icon\]\:\!p-2 {
1387
- &:is(:where(.group)[data-collapsible="icon"] *) {
1388
- padding: calc(var(--spacing) * 2) !important;
1389
- }
1342
+ }
1343
+ .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
1344
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1345
+ right: calc(var(--sidebar-width) * -1);
1390
1346
  }
1391
- .group-data-\[collapsible\=icon\]\:opacity-0 {
1392
- &:is(:where(.group)[data-collapsible="icon"] *) {
1393
- opacity: 0%;
1394
- }
1347
+ }
1348
+ .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
1349
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1350
+ left: calc(var(--sidebar-width) * -1);
1395
1351
  }
1396
- .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
1397
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1398
- right: calc(var(--sidebar-width) * -1);
1399
- }
1352
+ }
1353
+ .group-data-\[collapsible\=offcanvas\]\:w-0 {
1354
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1355
+ width: calc(var(--spacing) * 0);
1400
1356
  }
1401
- .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
1402
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1403
- left: calc(var(--sidebar-width) * -1);
1404
- }
1357
+ }
1358
+ .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
1359
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1360
+ --tw-translate-x: calc(var(--spacing) * 0);
1361
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1405
1362
  }
1406
- .group-data-\[collapsible\=offcanvas\]\:w-0 {
1407
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1408
- width: calc(var(--spacing) * 0);
1409
- }
1363
+ }
1364
+ .group-data-\[side\=left\]\:-right-4 {
1365
+ &:is(:where(.group)[data-side="left"] *) {
1366
+ right: calc(var(--spacing) * -4);
1410
1367
  }
1411
- .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
1412
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1413
- --tw-translate-x: calc(var(--spacing) * 0);
1414
- translate: var(--tw-translate-x) var(--tw-translate-y);
1415
- }
1368
+ }
1369
+ .group-data-\[side\=left\]\:border-r {
1370
+ &:is(:where(.group)[data-side="left"] *) {
1371
+ border-right-style: var(--tw-border-style);
1372
+ border-right-width: 1px;
1416
1373
  }
1417
- .group-data-\[side\=left\]\:-right-4 {
1418
- &:is(:where(.group)[data-side="left"] *) {
1419
- right: calc(var(--spacing) * -4);
1420
- }
1374
+ }
1375
+ .group-data-\[side\=right\]\:left-0 {
1376
+ &:is(:where(.group)[data-side="right"] *) {
1377
+ left: calc(var(--spacing) * 0);
1421
1378
  }
1422
- .group-data-\[side\=left\]\:border-r {
1423
- &:is(:where(.group)[data-side="left"] *) {
1424
- border-right-style: var(--tw-border-style);
1425
- border-right-width: 1px;
1426
- }
1379
+ }
1380
+ .group-data-\[side\=right\]\:rotate-180 {
1381
+ &:is(:where(.group)[data-side="right"] *) {
1382
+ rotate: 180deg;
1427
1383
  }
1428
- .group-data-\[side\=right\]\:left-0 {
1429
- &:is(:where(.group)[data-side="right"] *) {
1430
- left: calc(var(--spacing) * 0);
1431
- }
1384
+ }
1385
+ .group-data-\[side\=right\]\:border-l {
1386
+ &:is(:where(.group)[data-side="right"] *) {
1387
+ border-left-style: var(--tw-border-style);
1388
+ border-left-width: 1px;
1432
1389
  }
1433
- .group-data-\[side\=right\]\:rotate-180 {
1434
- &:is(:where(.group)[data-side="right"] *) {
1435
- rotate: 180deg;
1436
- }
1390
+ }
1391
+ .group-data-\[state\=open\]\:rotate-180 {
1392
+ &:is(:where(.group)[data-state="open"] *) {
1393
+ rotate: 180deg;
1437
1394
  }
1438
- .group-data-\[side\=right\]\:border-l {
1439
- &:is(:where(.group)[data-side="right"] *) {
1440
- border-left-style: var(--tw-border-style);
1441
- border-left-width: 1px;
1442
- }
1395
+ }
1396
+ .group-data-\[variant\=floating\]\:rounded-lg {
1397
+ &:is(:where(.group)[data-variant="floating"] *) {
1398
+ border-radius: var(--radius-lg);
1443
1399
  }
1444
- .group-data-\[state\=open\]\:rotate-180 {
1445
- &:is(:where(.group)[data-state="open"] *) {
1446
- rotate: 180deg;
1447
- }
1400
+ }
1401
+ .group-data-\[variant\=floating\]\:border {
1402
+ &:is(:where(.group)[data-variant="floating"] *) {
1403
+ border-style: var(--tw-border-style);
1404
+ border-width: 1px;
1448
1405
  }
1449
- .group-data-\[variant\=floating\]\:rounded-lg {
1450
- &:is(:where(.group)[data-variant="floating"] *) {
1451
- border-radius: var(--radius-lg);
1452
- }
1406
+ }
1407
+ .group-data-\[variant\=floating\]\:shadow {
1408
+ &:is(:where(.group)[data-variant="floating"] *) {
1409
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1410
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1453
1411
  }
1454
- .group-data-\[variant\=floating\]\:border {
1455
- &:is(:where(.group)[data-variant="floating"] *) {
1456
- border-style: var(--tw-border-style);
1457
- border-width: 1px;
1458
- }
1412
+ }
1413
+ .group-\[\.destructive\]\:text-red-300 {
1414
+ &:is(:where(.group):is(.destructive) *) {
1415
+ color: var(--color-red-300);
1459
1416
  }
1460
- .group-data-\[variant\=floating\]\:shadow {
1461
- &:is(:where(.group)[data-variant="floating"] *) {
1462
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1463
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1464
- }
1417
+ }
1418
+ .group-\[\.toaster\]\:shadow-lg {
1419
+ &:is(:where(.group):is(.toaster) *) {
1420
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1421
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1465
1422
  }
1466
- .group-\[\.destructive\]\:text-red-300 {
1467
- &:is(:where(.group):is(.destructive) *) {
1468
- color: var(--color-red-300);
1469
- }
1423
+ }
1424
+ .peer-disabled\:cursor-not-allowed {
1425
+ &:is(:where(.peer):disabled ~ *) {
1426
+ cursor: not-allowed;
1470
1427
  }
1471
- .group-\[\.toaster\]\:shadow-lg {
1472
- &:is(:where(.group):is(.toaster) *) {
1473
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1474
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1475
- }
1428
+ }
1429
+ .peer-disabled\:opacity-70 {
1430
+ &:is(:where(.peer):disabled ~ *) {
1431
+ opacity: 70%;
1476
1432
  }
1477
- .peer-disabled\:cursor-not-allowed {
1478
- &:is(:where(.peer):disabled ~ *) {
1479
- cursor: not-allowed;
1480
- }
1433
+ }
1434
+ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
1435
+ &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
1436
+ top: calc(var(--spacing) * 1.5);
1481
1437
  }
1482
- .peer-disabled\:opacity-70 {
1483
- &:is(:where(.peer):disabled ~ *) {
1484
- opacity: 70%;
1485
- }
1438
+ }
1439
+ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
1440
+ &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
1441
+ top: calc(var(--spacing) * 2.5);
1486
1442
  }
1487
- .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
1488
- &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
1489
- top: calc(var(--spacing) * 1.5);
1490
- }
1443
+ }
1444
+ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
1445
+ &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
1446
+ top: calc(var(--spacing) * 1);
1491
1447
  }
1492
- .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
1493
- &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
1494
- top: calc(var(--spacing) * 2.5);
1495
- }
1448
+ }
1449
+ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
1450
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
1451
+ min-height: calc(100svh - 1rem);
1496
1452
  }
1497
- .peer-data-\[size\=sm\]\/menu-button\:top-1 {
1498
- &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
1499
- top: calc(var(--spacing) * 1);
1500
- }
1453
+ }
1454
+ .file\:border-0 {
1455
+ &::file-selector-button {
1456
+ border-style: var(--tw-border-style);
1457
+ border-width: 0px;
1501
1458
  }
1502
- .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
1503
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
1504
- min-height: calc(100svh - 1rem);
1505
- }
1459
+ }
1460
+ .file\:bg-transparent {
1461
+ &::file-selector-button {
1462
+ background-color: transparent;
1506
1463
  }
1507
- .file\:border-0 {
1508
- &::file-selector-button {
1509
- border-style: var(--tw-border-style);
1510
- border-width: 0px;
1511
- }
1464
+ }
1465
+ .file\:text-sm {
1466
+ &::file-selector-button {
1467
+ font-size: var(--text-sm);
1468
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1512
1469
  }
1513
- .file\:bg-transparent {
1514
- &::file-selector-button {
1515
- background-color: transparent;
1516
- }
1470
+ }
1471
+ .file\:font-medium {
1472
+ &::file-selector-button {
1473
+ --tw-font-weight: var(--font-weight-medium);
1474
+ font-weight: var(--font-weight-medium);
1517
1475
  }
1518
- .file\:text-sm {
1519
- &::file-selector-button {
1520
- font-size: var(--text-sm);
1521
- line-height: var(--tw-leading, var(--text-sm--line-height));
1522
- }
1476
+ }
1477
+ .after\:absolute {
1478
+ &::after {
1479
+ content: var(--tw-content);
1480
+ position: absolute;
1523
1481
  }
1524
- .file\:font-medium {
1525
- &::file-selector-button {
1526
- --tw-font-weight: var(--font-weight-medium);
1527
- font-weight: var(--font-weight-medium);
1528
- }
1482
+ }
1483
+ .after\:-inset-2 {
1484
+ &::after {
1485
+ content: var(--tw-content);
1486
+ inset: calc(var(--spacing) * -2);
1529
1487
  }
1530
- .after\:absolute {
1531
- &::after {
1532
- content: var(--tw-content);
1533
- position: absolute;
1534
- }
1488
+ }
1489
+ .after\:inset-y-0 {
1490
+ &::after {
1491
+ content: var(--tw-content);
1492
+ inset-block: calc(var(--spacing) * 0);
1535
1493
  }
1536
- .after\:-inset-2 {
1537
- &::after {
1538
- content: var(--tw-content);
1539
- inset: calc(var(--spacing) * -2);
1540
- }
1494
+ }
1495
+ .after\:left-1\/2 {
1496
+ &::after {
1497
+ content: var(--tw-content);
1498
+ left: calc(1 / 2 * 100%);
1541
1499
  }
1542
- .after\:inset-y-0 {
1543
- &::after {
1544
- content: var(--tw-content);
1545
- inset-block: calc(var(--spacing) * 0);
1546
- }
1500
+ }
1501
+ .after\:w-1 {
1502
+ &::after {
1503
+ content: var(--tw-content);
1504
+ width: calc(var(--spacing) * 1);
1547
1505
  }
1548
- .after\:left-1\/2 {
1549
- &::after {
1550
- content: var(--tw-content);
1551
- left: calc(1 / 2 * 100%);
1552
- }
1506
+ }
1507
+ .after\:w-\[2px\] {
1508
+ &::after {
1509
+ content: var(--tw-content);
1510
+ width: 2px;
1553
1511
  }
1554
- .after\:w-1 {
1555
- &::after {
1556
- content: var(--tw-content);
1557
- width: calc(var(--spacing) * 1);
1558
- }
1512
+ }
1513
+ .after\:-translate-x-1\/2 {
1514
+ &::after {
1515
+ content: var(--tw-content);
1516
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1517
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1559
1518
  }
1560
- .after\:w-\[2px\] {
1519
+ }
1520
+ .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
1521
+ &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1561
1522
  &::after {
1562
1523
  content: var(--tw-content);
1563
- width: 2px;
1524
+ left: 100%;
1564
1525
  }
1565
1526
  }
1566
- .after\:-translate-x-1\/2 {
1567
- &::after {
1568
- content: var(--tw-content);
1569
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1570
- translate: var(--tw-translate-x) var(--tw-translate-y);
1571
- }
1527
+ }
1528
+ .first\:rounded-l-md {
1529
+ &:first-child {
1530
+ border-top-left-radius: var(--radius-md);
1531
+ border-bottom-left-radius: var(--radius-md);
1572
1532
  }
1573
- .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
1574
- &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1575
- &::after {
1576
- content: var(--tw-content);
1577
- left: 100%;
1578
- }
1579
- }
1533
+ }
1534
+ .first\:border-l {
1535
+ &:first-child {
1536
+ border-left-style: var(--tw-border-style);
1537
+ border-left-width: 1px;
1580
1538
  }
1581
- .first\:rounded-l-md {
1582
- &:first-child {
1583
- border-top-left-radius: var(--radius-md);
1584
- border-bottom-left-radius: var(--radius-md);
1585
- }
1539
+ }
1540
+ .last\:rounded-r-md {
1541
+ &:last-child {
1542
+ border-top-right-radius: var(--radius-md);
1543
+ border-bottom-right-radius: var(--radius-md);
1586
1544
  }
1587
- .first\:border-l {
1588
- &:first-child {
1589
- border-left-style: var(--tw-border-style);
1590
- border-left-width: 1px;
1591
- }
1545
+ }
1546
+ .focus-within\:relative {
1547
+ &:focus-within {
1548
+ position: relative;
1592
1549
  }
1593
- .last\:rounded-r-md {
1594
- &:last-child {
1595
- border-top-right-radius: var(--radius-md);
1596
- border-bottom-right-radius: var(--radius-md);
1597
- }
1550
+ }
1551
+ .focus-within\:z-20 {
1552
+ &:focus-within {
1553
+ z-index: 20;
1598
1554
  }
1599
- .focus-within\:relative {
1600
- &:focus-within {
1601
- position: relative;
1555
+ }
1556
+ .hover\:no-underline {
1557
+ &:hover {
1558
+ @media (hover: hover) {
1559
+ text-decoration-line: none;
1602
1560
  }
1603
1561
  }
1604
- .focus-within\:z-20 {
1605
- &:focus-within {
1606
- z-index: 20;
1562
+ }
1563
+ .hover\:underline {
1564
+ &:hover {
1565
+ @media (hover: hover) {
1566
+ text-decoration-line: underline;
1607
1567
  }
1608
1568
  }
1609
- .hover\:no-underline {
1610
- &:hover {
1611
- @media (hover: hover) {
1612
- text-decoration-line: none;
1613
- }
1569
+ }
1570
+ .hover\:opacity-100 {
1571
+ &:hover {
1572
+ @media (hover: hover) {
1573
+ opacity: 100%;
1614
1574
  }
1615
1575
  }
1616
- .hover\:underline {
1617
- &:hover {
1618
- @media (hover: hover) {
1619
- text-decoration-line: underline;
1620
- }
1576
+ }
1577
+ .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
1578
+ &:hover {
1579
+ @media (hover: hover) {
1580
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
1581
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1621
1582
  }
1622
1583
  }
1623
- .hover\:opacity-100 {
1584
+ }
1585
+ .group-\[\.destructive\]\:hover\:text-red-50 {
1586
+ &:is(:where(.group):is(.destructive) *) {
1624
1587
  &:hover {
1625
1588
  @media (hover: hover) {
1626
- opacity: 100%;
1589
+ color: var(--color-red-50);
1627
1590
  }
1628
1591
  }
1629
1592
  }
1630
- .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
1631
- &:hover {
1632
- @media (hover: hover) {
1633
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
1634
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1635
- }
1636
- }
1593
+ }
1594
+ .focus\:opacity-100 {
1595
+ &:focus {
1596
+ opacity: 100%;
1637
1597
  }
1638
- .group-\[\.destructive\]\:hover\:text-red-50 {
1639
- &:is(:where(.group):is(.destructive) *) {
1640
- &:hover {
1641
- @media (hover: hover) {
1642
- color: var(--color-red-50);
1643
- }
1644
- }
1645
- }
1598
+ }
1599
+ .focus\:ring-2 {
1600
+ &:focus {
1601
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1602
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1646
1603
  }
1647
- .focus\:opacity-100 {
1648
- &:focus {
1649
- opacity: 100%;
1650
- }
1604
+ }
1605
+ .focus\:ring-offset-2 {
1606
+ &:focus {
1607
+ --tw-ring-offset-width: 2px;
1608
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1651
1609
  }
1652
- .focus\:ring-2 {
1653
- &:focus {
1654
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1655
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1656
- }
1610
+ }
1611
+ .focus\:outline-none {
1612
+ &:focus {
1613
+ --tw-outline-style: none;
1614
+ outline-style: none;
1657
1615
  }
1658
- .focus\:ring-offset-2 {
1616
+ }
1617
+ .group-\[\.destructive\]\:focus\:ring-red-400 {
1618
+ &:is(:where(.group):is(.destructive) *) {
1659
1619
  &:focus {
1660
- --tw-ring-offset-width: 2px;
1661
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1620
+ --tw-ring-color: var(--color-red-400);
1662
1621
  }
1663
1622
  }
1664
- .focus\:outline-none {
1623
+ }
1624
+ .group-\[\.destructive\]\:focus\:ring-offset-red-600 {
1625
+ &:is(:where(.group):is(.destructive) *) {
1665
1626
  &:focus {
1666
- --tw-outline-style: none;
1667
- outline-style: none;
1668
- }
1669
- }
1670
- .group-\[\.destructive\]\:focus\:ring-red-400 {
1671
- &:is(:where(.group):is(.destructive) *) {
1672
- &:focus {
1673
- --tw-ring-color: var(--color-red-400);
1674
- }
1675
- }
1676
- }
1677
- .group-\[\.destructive\]\:focus\:ring-offset-red-600 {
1678
- &:is(:where(.group):is(.destructive) *) {
1679
- &:focus {
1680
- --tw-ring-offset-color: var(--color-red-600);
1681
- }
1682
- }
1683
- }
1684
- .focus-visible\:ring-1 {
1685
- &:focus-visible {
1686
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1687
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1688
- }
1689
- }
1690
- .focus-visible\:ring-2 {
1691
- &:focus-visible {
1692
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1693
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1694
- }
1695
- }
1696
- .focus-visible\:ring-offset-1 {
1697
- &:focus-visible {
1698
- --tw-ring-offset-width: 1px;
1699
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1700
- }
1701
- }
1702
- .focus-visible\:ring-offset-2 {
1703
- &:focus-visible {
1704
- --tw-ring-offset-width: 2px;
1705
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1706
- }
1707
- }
1708
- .focus-visible\:outline-none {
1709
- &:focus-visible {
1710
- --tw-outline-style: none;
1711
- outline-style: none;
1712
- }
1713
- }
1714
- .disabled\:pointer-events-none {
1715
- &:disabled {
1716
- pointer-events: none;
1717
- }
1718
- }
1719
- .disabled\:cursor-not-allowed {
1720
- &:disabled {
1721
- cursor: not-allowed;
1722
- }
1723
- }
1724
- .disabled\:opacity-50 {
1725
- &:disabled {
1726
- opacity: 50%;
1727
- }
1728
- }
1729
- .has-\[\:disabled\]\:opacity-50 {
1730
- &:has(*:is(:disabled)) {
1731
- opacity: 50%;
1732
- }
1733
- }
1734
- .aria-disabled\:pointer-events-none {
1735
- &[aria-disabled="true"] {
1736
- pointer-events: none;
1627
+ --tw-ring-offset-color: var(--color-red-600);
1737
1628
  }
1738
1629
  }
1739
- .aria-disabled\:opacity-50 {
1740
- &[aria-disabled="true"] {
1741
- opacity: 50%;
1742
- }
1743
- }
1744
- .aria-selected\:opacity-30 {
1745
- &[aria-selected="true"] {
1746
- opacity: 30%;
1747
- }
1748
- }
1749
- .aria-selected\:opacity-100 {
1750
- &[aria-selected="true"] {
1751
- opacity: 100%;
1752
- }
1753
- }
1754
- .data-\[active\=true\]\:font-medium {
1755
- &[data-active="true"] {
1756
- --tw-font-weight: var(--font-weight-medium);
1757
- font-weight: var(--font-weight-medium);
1758
- }
1630
+ }
1631
+ .focus-visible\:ring-1 {
1632
+ &:focus-visible {
1633
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1634
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1759
1635
  }
1760
- .data-\[disabled\]\:pointer-events-none {
1761
- &[data-disabled] {
1762
- pointer-events: none;
1763
- }
1636
+ }
1637
+ .focus-visible\:ring-2 {
1638
+ &:focus-visible {
1639
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1640
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1764
1641
  }
1765
- .data-\[disabled\]\:opacity-50 {
1766
- &[data-disabled] {
1767
- opacity: 50%;
1768
- }
1642
+ }
1643
+ .focus-visible\:ring-offset-1 {
1644
+ &:focus-visible {
1645
+ --tw-ring-offset-width: 1px;
1646
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1647
+ }
1648
+ }
1649
+ .focus-visible\:ring-offset-2 {
1650
+ &:focus-visible {
1651
+ --tw-ring-offset-width: 2px;
1652
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1653
+ }
1654
+ }
1655
+ .focus-visible\:outline-none {
1656
+ &:focus-visible {
1657
+ --tw-outline-style: none;
1658
+ outline-style: none;
1769
1659
  }
1770
- .data-\[disabled\=true\]\:pointer-events-none {
1771
- &[data-disabled="true"] {
1772
- pointer-events: none;
1773
- }
1660
+ }
1661
+ .disabled\:pointer-events-none {
1662
+ &:disabled {
1663
+ pointer-events: none;
1774
1664
  }
1775
- .data-\[disabled\=true\]\:opacity-50 {
1776
- &[data-disabled="true"] {
1777
- opacity: 50%;
1778
- }
1665
+ }
1666
+ .disabled\:cursor-not-allowed {
1667
+ &:disabled {
1668
+ cursor: not-allowed;
1779
1669
  }
1780
- .data-\[panel-group-direction\=vertical\]\:h-px {
1781
- &[data-panel-group-direction="vertical"] {
1782
- height: 1px;
1783
- }
1670
+ }
1671
+ .disabled\:opacity-50 {
1672
+ &:disabled {
1673
+ opacity: 50%;
1784
1674
  }
1785
- .data-\[panel-group-direction\=vertical\]\:w-full {
1786
- &[data-panel-group-direction="vertical"] {
1787
- width: 100%;
1788
- }
1675
+ }
1676
+ .has-\[\:disabled\]\:opacity-50 {
1677
+ &:has(*:is(:disabled)) {
1678
+ opacity: 50%;
1789
1679
  }
1790
- .data-\[panel-group-direction\=vertical\]\:flex-col {
1791
- &[data-panel-group-direction="vertical"] {
1792
- flex-direction: column;
1793
- }
1680
+ }
1681
+ .aria-disabled\:pointer-events-none {
1682
+ &[aria-disabled="true"] {
1683
+ pointer-events: none;
1794
1684
  }
1795
- .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
1796
- &[data-panel-group-direction="vertical"] {
1797
- &::after {
1798
- content: var(--tw-content);
1799
- left: calc(var(--spacing) * 0);
1800
- }
1801
- }
1685
+ }
1686
+ .aria-disabled\:opacity-50 {
1687
+ &[aria-disabled="true"] {
1688
+ opacity: 50%;
1802
1689
  }
1803
- .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
1804
- &[data-panel-group-direction="vertical"] {
1805
- &::after {
1806
- content: var(--tw-content);
1807
- height: calc(var(--spacing) * 1);
1808
- }
1809
- }
1690
+ }
1691
+ .aria-selected\:opacity-30 {
1692
+ &[aria-selected="true"] {
1693
+ opacity: 30%;
1810
1694
  }
1811
- .data-\[panel-group-direction\=vertical\]\:after\:w-full {
1812
- &[data-panel-group-direction="vertical"] {
1813
- &::after {
1814
- content: var(--tw-content);
1815
- width: 100%;
1816
- }
1817
- }
1695
+ }
1696
+ .aria-selected\:opacity-100 {
1697
+ &[aria-selected="true"] {
1698
+ opacity: 100%;
1818
1699
  }
1819
- .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
1820
- &[data-panel-group-direction="vertical"] {
1821
- &::after {
1822
- content: var(--tw-content);
1823
- --tw-translate-x: calc(var(--spacing) * 0);
1824
- translate: var(--tw-translate-x) var(--tw-translate-y);
1825
- }
1826
- }
1700
+ }
1701
+ .data-\[active\=true\]\:font-medium {
1702
+ &[data-active="true"] {
1703
+ --tw-font-weight: var(--font-weight-medium);
1704
+ font-weight: var(--font-weight-medium);
1827
1705
  }
1828
- .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
1829
- &[data-panel-group-direction="vertical"] {
1830
- &::after {
1831
- content: var(--tw-content);
1832
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1833
- translate: var(--tw-translate-x) var(--tw-translate-y);
1834
- }
1835
- }
1706
+ }
1707
+ .data-\[disabled\]\:pointer-events-none {
1708
+ &[data-disabled] {
1709
+ pointer-events: none;
1836
1710
  }
1837
- .data-\[side\=bottom\]\:translate-y-1 {
1838
- &[data-side="bottom"] {
1839
- --tw-translate-y: calc(var(--spacing) * 1);
1840
- translate: var(--tw-translate-x) var(--tw-translate-y);
1841
- }
1711
+ }
1712
+ .data-\[disabled\]\:opacity-50 {
1713
+ &[data-disabled] {
1714
+ opacity: 50%;
1842
1715
  }
1843
- .data-\[side\=left\]\:-translate-x-1 {
1844
- &[data-side="left"] {
1845
- --tw-translate-x: calc(var(--spacing) * -1);
1846
- translate: var(--tw-translate-x) var(--tw-translate-y);
1847
- }
1716
+ }
1717
+ .data-\[disabled\=true\]\:pointer-events-none {
1718
+ &[data-disabled="true"] {
1719
+ pointer-events: none;
1848
1720
  }
1849
- .data-\[side\=right\]\:translate-x-1 {
1850
- &[data-side="right"] {
1851
- --tw-translate-x: calc(var(--spacing) * 1);
1852
- translate: var(--tw-translate-x) var(--tw-translate-y);
1853
- }
1721
+ }
1722
+ .data-\[disabled\=true\]\:opacity-50 {
1723
+ &[data-disabled="true"] {
1724
+ opacity: 50%;
1854
1725
  }
1855
- .data-\[side\=top\]\:-translate-y-1 {
1856
- &[data-side="top"] {
1857
- --tw-translate-y: calc(var(--spacing) * -1);
1858
- translate: var(--tw-translate-x) var(--tw-translate-y);
1859
- }
1726
+ }
1727
+ .data-\[panel-group-direction\=vertical\]\:h-px {
1728
+ &[data-panel-group-direction="vertical"] {
1729
+ height: 1px;
1860
1730
  }
1861
- .data-\[state\=active\]\:shadow-sm {
1862
- &[data-state="active"] {
1863
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1864
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1865
- }
1731
+ }
1732
+ .data-\[panel-group-direction\=vertical\]\:w-full {
1733
+ &[data-panel-group-direction="vertical"] {
1734
+ width: 100%;
1866
1735
  }
1867
- .data-\[state\=checked\]\:translate-x-5 {
1868
- &[data-state="checked"] {
1869
- --tw-translate-x: calc(var(--spacing) * 5);
1870
- translate: var(--tw-translate-x) var(--tw-translate-y);
1871
- }
1736
+ }
1737
+ .data-\[panel-group-direction\=vertical\]\:flex-col {
1738
+ &[data-panel-group-direction="vertical"] {
1739
+ flex-direction: column;
1872
1740
  }
1873
- .data-\[state\=closed\]\:duration-300 {
1874
- &[data-state="closed"] {
1875
- --tw-duration: 300ms;
1876
- transition-duration: 300ms;
1741
+ }
1742
+ .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
1743
+ &[data-panel-group-direction="vertical"] {
1744
+ &::after {
1745
+ content: var(--tw-content);
1746
+ left: calc(var(--spacing) * 0);
1877
1747
  }
1878
1748
  }
1879
- .data-\[state\=open\]\:opacity-100 {
1880
- &[data-state="open"] {
1881
- opacity: 100%;
1749
+ }
1750
+ .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
1751
+ &[data-panel-group-direction="vertical"] {
1752
+ &::after {
1753
+ content: var(--tw-content);
1754
+ height: calc(var(--spacing) * 1);
1882
1755
  }
1883
1756
  }
1884
- .data-\[state\=open\]\:duration-500 {
1885
- &[data-state="open"] {
1886
- --tw-duration: 500ms;
1887
- transition-duration: 500ms;
1757
+ }
1758
+ .data-\[panel-group-direction\=vertical\]\:after\:w-full {
1759
+ &[data-panel-group-direction="vertical"] {
1760
+ &::after {
1761
+ content: var(--tw-content);
1762
+ width: 100%;
1888
1763
  }
1889
1764
  }
1890
- .data-\[state\=unchecked\]\:translate-x-0 {
1891
- &[data-state="unchecked"] {
1765
+ }
1766
+ .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
1767
+ &[data-panel-group-direction="vertical"] {
1768
+ &::after {
1769
+ content: var(--tw-content);
1892
1770
  --tw-translate-x: calc(var(--spacing) * 0);
1893
1771
  translate: var(--tw-translate-x) var(--tw-translate-y);
1894
1772
  }
1895
1773
  }
1896
- .data-\[swipe\=cancel\]\:translate-x-0 {
1897
- &[data-swipe="cancel"] {
1898
- --tw-translate-x: calc(var(--spacing) * 0);
1774
+ }
1775
+ .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
1776
+ &[data-panel-group-direction="vertical"] {
1777
+ &::after {
1778
+ content: var(--tw-content);
1779
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1899
1780
  translate: var(--tw-translate-x) var(--tw-translate-y);
1900
1781
  }
1901
1782
  }
1902
- .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\] {
1903
- &[data-swipe="end"] {
1904
- --tw-translate-x: var(--radix-toast-swipe-end-x);
1905
- translate: var(--tw-translate-x) var(--tw-translate-y);
1906
- }
1783
+ }
1784
+ .data-\[side\=bottom\]\:translate-y-1 {
1785
+ &[data-side="bottom"] {
1786
+ --tw-translate-y: calc(var(--spacing) * 1);
1787
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1907
1788
  }
1908
- .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\] {
1909
- &[data-swipe="move"] {
1910
- --tw-translate-x: var(--radix-toast-swipe-move-x);
1911
- translate: var(--tw-translate-x) var(--tw-translate-y);
1912
- }
1789
+ }
1790
+ .data-\[side\=left\]\:-translate-x-1 {
1791
+ &[data-side="left"] {
1792
+ --tw-translate-x: calc(var(--spacing) * -1);
1793
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1913
1794
  }
1914
- .data-\[swipe\=move\]\:transition-none {
1915
- &[data-swipe="move"] {
1916
- transition-property: none;
1917
- }
1795
+ }
1796
+ .data-\[side\=right\]\:translate-x-1 {
1797
+ &[data-side="right"] {
1798
+ --tw-translate-x: calc(var(--spacing) * 1);
1799
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1918
1800
  }
1919
- .sm\:top-auto {
1920
- @media (width >= 40rem) {
1921
- top: auto;
1922
- }
1801
+ }
1802
+ .data-\[side\=top\]\:-translate-y-1 {
1803
+ &[data-side="top"] {
1804
+ --tw-translate-y: calc(var(--spacing) * -1);
1805
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1923
1806
  }
1924
- .sm\:right-0 {
1925
- @media (width >= 40rem) {
1926
- right: calc(var(--spacing) * 0);
1927
- }
1807
+ }
1808
+ .data-\[state\=active\]\:shadow-sm {
1809
+ &[data-state="active"] {
1810
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1811
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1928
1812
  }
1929
- .sm\:bottom-0 {
1930
- @media (width >= 40rem) {
1931
- bottom: calc(var(--spacing) * 0);
1932
- }
1813
+ }
1814
+ .data-\[state\=checked\]\:translate-x-5 {
1815
+ &[data-state="checked"] {
1816
+ --tw-translate-x: calc(var(--spacing) * 5);
1817
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1933
1818
  }
1934
- .sm\:mt-0 {
1935
- @media (width >= 40rem) {
1936
- margin-top: calc(var(--spacing) * 0);
1937
- }
1819
+ }
1820
+ .data-\[state\=closed\]\:duration-300 {
1821
+ &[data-state="closed"] {
1822
+ --tw-duration: 300ms;
1823
+ transition-duration: 300ms;
1938
1824
  }
1939
- .sm\:flex {
1940
- @media (width >= 40rem) {
1941
- display: flex;
1942
- }
1825
+ }
1826
+ .data-\[state\=open\]\:opacity-100 {
1827
+ &[data-state="open"] {
1828
+ opacity: 100%;
1829
+ }
1830
+ }
1831
+ .data-\[state\=open\]\:duration-500 {
1832
+ &[data-state="open"] {
1833
+ --tw-duration: 500ms;
1834
+ transition-duration: 500ms;
1835
+ }
1836
+ }
1837
+ .data-\[state\=unchecked\]\:translate-x-0 {
1838
+ &[data-state="unchecked"] {
1839
+ --tw-translate-x: calc(var(--spacing) * 0);
1840
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1943
1841
  }
1944
- .sm\:max-w-sm {
1945
- @media (width >= 40rem) {
1946
- max-width: var(--container-sm);
1947
- }
1842
+ }
1843
+ .data-\[swipe\=cancel\]\:translate-x-0 {
1844
+ &[data-swipe="cancel"] {
1845
+ --tw-translate-x: calc(var(--spacing) * 0);
1846
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1948
1847
  }
1949
- .sm\:flex-col {
1950
- @media (width >= 40rem) {
1951
- flex-direction: column;
1952
- }
1848
+ }
1849
+ .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\] {
1850
+ &[data-swipe="end"] {
1851
+ --tw-translate-x: var(--radix-toast-swipe-end-x);
1852
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1953
1853
  }
1954
- .sm\:flex-row {
1955
- @media (width >= 40rem) {
1956
- flex-direction: row;
1957
- }
1854
+ }
1855
+ .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\] {
1856
+ &[data-swipe="move"] {
1857
+ --tw-translate-x: var(--radix-toast-swipe-move-x);
1858
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1958
1859
  }
1959
- .sm\:justify-end {
1960
- @media (width >= 40rem) {
1961
- justify-content: flex-end;
1962
- }
1860
+ }
1861
+ .data-\[swipe\=move\]\:transition-none {
1862
+ &[data-swipe="move"] {
1863
+ transition-property: none;
1963
1864
  }
1964
- .sm\:gap-2\.5 {
1965
- @media (width >= 40rem) {
1966
- gap: calc(var(--spacing) * 2.5);
1967
- }
1865
+ }
1866
+ .sm\:top-auto {
1867
+ @media (width >= 40rem) {
1868
+ top: auto;
1968
1869
  }
1969
- .sm\:space-y-0 {
1970
- @media (width >= 40rem) {
1971
- :where(& > :not(:last-child)) {
1972
- --tw-space-y-reverse: 0;
1973
- margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
1974
- margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
1975
- }
1976
- }
1870
+ }
1871
+ .sm\:right-0 {
1872
+ @media (width >= 40rem) {
1873
+ right: calc(var(--spacing) * 0);
1977
1874
  }
1978
- .sm\:space-x-2 {
1979
- @media (width >= 40rem) {
1980
- :where(& > :not(:last-child)) {
1981
- --tw-space-x-reverse: 0;
1982
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1983
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1984
- }
1985
- }
1875
+ }
1876
+ .sm\:bottom-0 {
1877
+ @media (width >= 40rem) {
1878
+ bottom: calc(var(--spacing) * 0);
1986
1879
  }
1987
- .sm\:space-x-4 {
1988
- @media (width >= 40rem) {
1989
- :where(& > :not(:last-child)) {
1990
- --tw-space-x-reverse: 0;
1991
- margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
1992
- margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
1993
- }
1994
- }
1880
+ }
1881
+ .sm\:mt-0 {
1882
+ @media (width >= 40rem) {
1883
+ margin-top: calc(var(--spacing) * 0);
1995
1884
  }
1996
- .sm\:rounded-lg {
1997
- @media (width >= 40rem) {
1998
- border-radius: var(--radius-lg);
1999
- }
1885
+ }
1886
+ .sm\:flex {
1887
+ @media (width >= 40rem) {
1888
+ display: flex;
2000
1889
  }
2001
- .sm\:text-left {
2002
- @media (width >= 40rem) {
2003
- text-align: left;
2004
- }
1890
+ }
1891
+ .sm\:max-w-sm {
1892
+ @media (width >= 40rem) {
1893
+ max-width: var(--container-sm);
2005
1894
  }
2006
- .md\:absolute {
2007
- @media (width >= 48rem) {
2008
- position: absolute;
2009
- }
1895
+ }
1896
+ .sm\:flex-col {
1897
+ @media (width >= 40rem) {
1898
+ flex-direction: column;
2010
1899
  }
2011
- .md\:block {
2012
- @media (width >= 48rem) {
2013
- display: block;
2014
- }
1900
+ }
1901
+ .sm\:flex-row {
1902
+ @media (width >= 40rem) {
1903
+ flex-direction: row;
2015
1904
  }
2016
- .md\:flex {
2017
- @media (width >= 48rem) {
2018
- display: flex;
2019
- }
1905
+ }
1906
+ .sm\:justify-end {
1907
+ @media (width >= 40rem) {
1908
+ justify-content: flex-end;
2020
1909
  }
2021
- .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
2022
- @media (width >= 48rem) {
2023
- width: var(--radix-navigation-menu-viewport-width);
2024
- }
1910
+ }
1911
+ .sm\:gap-2\.5 {
1912
+ @media (width >= 40rem) {
1913
+ gap: calc(var(--spacing) * 2.5);
2025
1914
  }
2026
- .md\:w-auto {
2027
- @media (width >= 48rem) {
2028
- width: auto;
1915
+ }
1916
+ .sm\:space-y-0 {
1917
+ @media (width >= 40rem) {
1918
+ :where(& > :not(:last-child)) {
1919
+ --tw-space-y-reverse: 0;
1920
+ margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
1921
+ margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
2029
1922
  }
2030
1923
  }
2031
- .md\:max-w-\[420px\] {
2032
- @media (width >= 48rem) {
2033
- max-width: 420px;
1924
+ }
1925
+ .sm\:space-x-2 {
1926
+ @media (width >= 40rem) {
1927
+ :where(& > :not(:last-child)) {
1928
+ --tw-space-x-reverse: 0;
1929
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1930
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
2034
1931
  }
2035
1932
  }
2036
- .md\:text-sm {
2037
- @media (width >= 48rem) {
2038
- font-size: var(--text-sm);
2039
- line-height: var(--tw-leading, var(--text-sm--line-height));
1933
+ }
1934
+ .sm\:space-x-4 {
1935
+ @media (width >= 40rem) {
1936
+ :where(& > :not(:last-child)) {
1937
+ --tw-space-x-reverse: 0;
1938
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
1939
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
2040
1940
  }
2041
1941
  }
2042
- .md\:opacity-0 {
2043
- @media (width >= 48rem) {
2044
- opacity: 0%;
2045
- }
1942
+ }
1943
+ .sm\:rounded-lg {
1944
+ @media (width >= 40rem) {
1945
+ border-radius: var(--radius-lg);
2046
1946
  }
2047
- .md\:peer-data-\[variant\=inset\]\:m-2 {
2048
- @media (width >= 48rem) {
2049
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
2050
- margin: calc(var(--spacing) * 2);
2051
- }
2052
- }
1947
+ }
1948
+ .sm\:text-left {
1949
+ @media (width >= 40rem) {
1950
+ text-align: left;
2053
1951
  }
2054
- .md\:peer-data-\[variant\=inset\]\:ml-0 {
2055
- @media (width >= 48rem) {
2056
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
2057
- margin-left: calc(var(--spacing) * 0);
2058
- }
2059
- }
1952
+ }
1953
+ .md\:absolute {
1954
+ @media (width >= 48rem) {
1955
+ position: absolute;
2060
1956
  }
2061
- .md\:peer-data-\[variant\=inset\]\:rounded-xl {
2062
- @media (width >= 48rem) {
2063
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
2064
- border-radius: var(--radius-xl);
2065
- }
2066
- }
1957
+ }
1958
+ .md\:block {
1959
+ @media (width >= 48rem) {
1960
+ display: block;
2067
1961
  }
2068
- .md\:peer-data-\[variant\=inset\]\:shadow {
2069
- @media (width >= 48rem) {
2070
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
2071
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2072
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2073
- }
2074
- }
1962
+ }
1963
+ .md\:flex {
1964
+ @media (width >= 48rem) {
1965
+ display: flex;
2075
1966
  }
2076
- .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
2077
- @media (width >= 48rem) {
2078
- &:is(:where(.peer)[data-state="collapsed"] ~ *) {
2079
- &:is(:where(.peer)[data-variant="inset"] ~ *) {
2080
- margin-left: calc(var(--spacing) * 2);
2081
- }
2082
- }
2083
- }
1967
+ }
1968
+ .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
1969
+ @media (width >= 48rem) {
1970
+ width: var(--radix-navigation-menu-viewport-width);
2084
1971
  }
2085
- .after\:md\:hidden {
2086
- &::after {
2087
- content: var(--tw-content);
2088
- @media (width >= 48rem) {
2089
- display: none;
2090
- }
2091
- }
1972
+ }
1973
+ .md\:w-auto {
1974
+ @media (width >= 48rem) {
1975
+ width: auto;
2092
1976
  }
2093
- .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
2094
- & .recharts-dot[stroke='#fff'] {
2095
- stroke: transparent;
2096
- }
1977
+ }
1978
+ .md\:max-w-\[420px\] {
1979
+ @media (width >= 48rem) {
1980
+ max-width: 420px;
2097
1981
  }
2098
- .\[\&_\.recharts-layer\]\:outline-none {
2099
- & .recharts-layer {
2100
- --tw-outline-style: none;
2101
- outline-style: none;
2102
- }
1982
+ }
1983
+ .md\:text-sm {
1984
+ @media (width >= 48rem) {
1985
+ font-size: var(--text-sm);
1986
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2103
1987
  }
2104
- .\[\&_\.recharts-sector\]\:outline-none {
2105
- & .recharts-sector {
2106
- --tw-outline-style: none;
2107
- outline-style: none;
2108
- }
1988
+ }
1989
+ .md\:opacity-0 {
1990
+ @media (width >= 48rem) {
1991
+ opacity: 0%;
2109
1992
  }
2110
- .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
2111
- & .recharts-sector[stroke='#fff'] {
2112
- stroke: transparent;
1993
+ }
1994
+ .md\:peer-data-\[variant\=inset\]\:m-2 {
1995
+ @media (width >= 48rem) {
1996
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
1997
+ margin: calc(var(--spacing) * 2);
2113
1998
  }
2114
1999
  }
2115
- .\[\&_\.recharts-surface\]\:outline-none {
2116
- & .recharts-surface {
2117
- --tw-outline-style: none;
2118
- outline-style: none;
2000
+ }
2001
+ .md\:peer-data-\[variant\=inset\]\:ml-0 {
2002
+ @media (width >= 48rem) {
2003
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
2004
+ margin-left: calc(var(--spacing) * 0);
2119
2005
  }
2120
2006
  }
2121
- .\[\&_\[cmdk-group-heading\]\]\:px-2 {
2122
- & [cmdk-group-heading] {
2123
- padding-inline: calc(var(--spacing) * 2);
2007
+ }
2008
+ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
2009
+ @media (width >= 48rem) {
2010
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
2011
+ border-radius: var(--radius-xl);
2124
2012
  }
2125
2013
  }
2126
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
2127
- & [cmdk-group-heading] {
2128
- padding-block: calc(var(--spacing) * 1.5);
2014
+ }
2015
+ .md\:peer-data-\[variant\=inset\]\:shadow {
2016
+ @media (width >= 48rem) {
2017
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
2018
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2019
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2129
2020
  }
2130
2021
  }
2131
- .\[\&_\[cmdk-group-heading\]\]\:text-xs {
2132
- & [cmdk-group-heading] {
2133
- font-size: var(--text-xs);
2134
- line-height: var(--tw-leading, var(--text-xs--line-height));
2022
+ }
2023
+ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
2024
+ @media (width >= 48rem) {
2025
+ &:is(:where(.peer)[data-state="collapsed"] ~ *) {
2026
+ &:is(:where(.peer)[data-variant="inset"] ~ *) {
2027
+ margin-left: calc(var(--spacing) * 2);
2028
+ }
2135
2029
  }
2136
2030
  }
2137
- .\[\&_\[cmdk-group-heading\]\]\:font-medium {
2138
- & [cmdk-group-heading] {
2139
- --tw-font-weight: var(--font-weight-medium);
2140
- font-weight: var(--font-weight-medium);
2031
+ }
2032
+ .after\:md\:hidden {
2033
+ &::after {
2034
+ content: var(--tw-content);
2035
+ @media (width >= 48rem) {
2036
+ display: none;
2141
2037
  }
2142
2038
  }
2143
- .\[\&_\[cmdk-group\]\]\:px-2 {
2144
- & [cmdk-group] {
2145
- padding-inline: calc(var(--spacing) * 2);
2146
- }
2039
+ }
2040
+ .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
2041
+ & .recharts-dot[stroke='#fff'] {
2042
+ stroke: transparent;
2147
2043
  }
2148
- .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
2149
- & [cmdk-group]:not([hidden]) ~[cmdk-group] {
2150
- padding-top: calc(var(--spacing) * 0);
2151
- }
2044
+ }
2045
+ .\[\&_\.recharts-layer\]\:outline-none {
2046
+ & .recharts-layer {
2047
+ --tw-outline-style: none;
2048
+ outline-style: none;
2152
2049
  }
2153
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
2154
- & [cmdk-input-wrapper] svg {
2155
- height: calc(var(--spacing) * 5);
2156
- }
2050
+ }
2051
+ .\[\&_\.recharts-sector\]\:outline-none {
2052
+ & .recharts-sector {
2053
+ --tw-outline-style: none;
2054
+ outline-style: none;
2157
2055
  }
2158
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
2159
- & [cmdk-input-wrapper] svg {
2160
- width: calc(var(--spacing) * 5);
2161
- }
2056
+ }
2057
+ .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
2058
+ & .recharts-sector[stroke='#fff'] {
2059
+ stroke: transparent;
2162
2060
  }
2163
- .\[\&_\[cmdk-input\]\]\:h-12 {
2164
- & [cmdk-input] {
2165
- height: calc(var(--spacing) * 12);
2166
- }
2061
+ }
2062
+ .\[\&_\.recharts-surface\]\:outline-none {
2063
+ & .recharts-surface {
2064
+ --tw-outline-style: none;
2065
+ outline-style: none;
2167
2066
  }
2168
- .\[\&_\[cmdk-item\]\]\:px-2 {
2169
- & [cmdk-item] {
2170
- padding-inline: calc(var(--spacing) * 2);
2171
- }
2067
+ }
2068
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 {
2069
+ & [cmdk-group-heading] {
2070
+ padding-inline: calc(var(--spacing) * 2);
2172
2071
  }
2173
- .\[\&_\[cmdk-item\]\]\:py-3 {
2174
- & [cmdk-item] {
2175
- padding-block: calc(var(--spacing) * 3);
2176
- }
2072
+ }
2073
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
2074
+ & [cmdk-group-heading] {
2075
+ padding-block: calc(var(--spacing) * 1.5);
2177
2076
  }
2178
- .\[\&_\[cmdk-item\]_svg\]\:h-5 {
2179
- & [cmdk-item] svg {
2180
- height: calc(var(--spacing) * 5);
2181
- }
2077
+ }
2078
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs {
2079
+ & [cmdk-group-heading] {
2080
+ font-size: var(--text-xs);
2081
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2182
2082
  }
2183
- .\[\&_\[cmdk-item\]_svg\]\:w-5 {
2184
- & [cmdk-item] svg {
2185
- width: calc(var(--spacing) * 5);
2186
- }
2083
+ }
2084
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
2085
+ & [cmdk-group-heading] {
2086
+ --tw-font-weight: var(--font-weight-medium);
2087
+ font-weight: var(--font-weight-medium);
2187
2088
  }
2188
- .\[\&_p\]\:leading-relaxed {
2189
- & p {
2190
- --tw-leading: var(--leading-relaxed);
2191
- line-height: var(--leading-relaxed);
2192
- }
2089
+ }
2090
+ .\[\&_\[cmdk-group\]\]\:px-2 {
2091
+ & [cmdk-group] {
2092
+ padding-inline: calc(var(--spacing) * 2);
2193
2093
  }
2194
- .\[\&_svg\]\:pointer-events-none {
2195
- & svg {
2196
- pointer-events: none;
2197
- }
2094
+ }
2095
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
2096
+ & [cmdk-group]:not([hidden]) ~[cmdk-group] {
2097
+ padding-top: calc(var(--spacing) * 0);
2198
2098
  }
2199
- .\[\&_svg\]\:size-4 {
2200
- & svg {
2201
- width: calc(var(--spacing) * 4);
2202
- height: calc(var(--spacing) * 4);
2203
- }
2099
+ }
2100
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
2101
+ & [cmdk-input-wrapper] svg {
2102
+ height: calc(var(--spacing) * 5);
2204
2103
  }
2205
- .\[\&_svg\]\:shrink-0 {
2206
- & svg {
2207
- flex-shrink: 0;
2208
- }
2104
+ }
2105
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
2106
+ & [cmdk-input-wrapper] svg {
2107
+ width: calc(var(--spacing) * 5);
2209
2108
  }
2210
- .\[\&_tr\]\:border-b {
2211
- & tr {
2212
- border-bottom-style: var(--tw-border-style);
2213
- border-bottom-width: 1px;
2214
- }
2109
+ }
2110
+ .\[\&_\[cmdk-input\]\]\:h-12 {
2111
+ & [cmdk-input] {
2112
+ height: calc(var(--spacing) * 12);
2215
2113
  }
2216
- .\[\&_tr\:last-child\]\:border-0 {
2217
- & tr:last-child {
2218
- border-style: var(--tw-border-style);
2219
- border-width: 0px;
2220
- }
2114
+ }
2115
+ .\[\&_\[cmdk-item\]\]\:px-2 {
2116
+ & [cmdk-item] {
2117
+ padding-inline: calc(var(--spacing) * 2);
2221
2118
  }
2222
- .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md {
2223
- &:first-child {
2224
- &:has([aria-selected]) {
2225
- border-top-left-radius: var(--radius-md);
2226
- border-bottom-left-radius: var(--radius-md);
2227
- }
2228
- }
2119
+ }
2120
+ .\[\&_\[cmdk-item\]\]\:py-3 {
2121
+ & [cmdk-item] {
2122
+ padding-block: calc(var(--spacing) * 3);
2229
2123
  }
2230
- .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md {
2231
- &:last-child {
2232
- &:has([aria-selected]) {
2233
- border-top-right-radius: var(--radius-md);
2234
- border-bottom-right-radius: var(--radius-md);
2235
- }
2236
- }
2124
+ }
2125
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 {
2126
+ & [cmdk-item] svg {
2127
+ height: calc(var(--spacing) * 5);
2237
2128
  }
2238
- .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
2239
- &:has([aria-selected].day-range-end) {
2240
- border-top-right-radius: var(--radius-md);
2241
- border-bottom-right-radius: var(--radius-md);
2242
- }
2129
+ }
2130
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 {
2131
+ & [cmdk-item] svg {
2132
+ width: calc(var(--spacing) * 5);
2243
2133
  }
2244
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
2245
- &:has([role=checkbox]) {
2246
- padding-right: calc(var(--spacing) * 0);
2247
- }
2134
+ }
2135
+ .\[\&_p\]\:leading-relaxed {
2136
+ & p {
2137
+ --tw-leading: var(--leading-relaxed);
2138
+ line-height: var(--leading-relaxed);
2248
2139
  }
2249
- .\[\&\>button\]\:hidden {
2250
- &>button {
2251
- display: none;
2252
- }
2140
+ }
2141
+ .\[\&_svg\]\:pointer-events-none {
2142
+ & svg {
2143
+ pointer-events: none;
2253
2144
  }
2254
- .\[\&\>span\]\:line-clamp-1 {
2255
- &>span {
2256
- overflow: hidden;
2257
- display: -webkit-box;
2258
- -webkit-box-orient: vertical;
2259
- -webkit-line-clamp: 1;
2260
- }
2145
+ }
2146
+ .\[\&_svg\]\:size-4 {
2147
+ & svg {
2148
+ width: calc(var(--spacing) * 4);
2149
+ height: calc(var(--spacing) * 4);
2261
2150
  }
2262
- .\[\&\>span\:last-child\]\:truncate {
2263
- &>span:last-child {
2264
- overflow: hidden;
2265
- text-overflow: ellipsis;
2266
- white-space: nowrap;
2267
- }
2151
+ }
2152
+ .\[\&_svg\]\:shrink-0 {
2153
+ & svg {
2154
+ flex-shrink: 0;
2268
2155
  }
2269
- .\[\&\>svg\]\:absolute {
2270
- &>svg {
2271
- position: absolute;
2272
- }
2156
+ }
2157
+ .\[\&_tr\]\:border-b {
2158
+ & tr {
2159
+ border-bottom-style: var(--tw-border-style);
2160
+ border-bottom-width: 1px;
2273
2161
  }
2274
- .\[\&\>svg\]\:top-4 {
2275
- &>svg {
2276
- top: calc(var(--spacing) * 4);
2277
- }
2162
+ }
2163
+ .\[\&_tr\:last-child\]\:border-0 {
2164
+ & tr:last-child {
2165
+ border-style: var(--tw-border-style);
2166
+ border-width: 0px;
2278
2167
  }
2279
- .\[\&\>svg\]\:left-4 {
2280
- &>svg {
2281
- left: calc(var(--spacing) * 4);
2168
+ }
2169
+ .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md {
2170
+ &:first-child {
2171
+ &:has([aria-selected]) {
2172
+ border-top-left-radius: var(--radius-md);
2173
+ border-bottom-left-radius: var(--radius-md);
2282
2174
  }
2283
2175
  }
2284
- .\[\&\>svg\]\:size-3\.5 {
2285
- &>svg {
2286
- width: calc(var(--spacing) * 3.5);
2287
- height: calc(var(--spacing) * 3.5);
2176
+ }
2177
+ .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md {
2178
+ &:last-child {
2179
+ &:has([aria-selected]) {
2180
+ border-top-right-radius: var(--radius-md);
2181
+ border-bottom-right-radius: var(--radius-md);
2288
2182
  }
2289
2183
  }
2290
- .\[\&\>svg\]\:size-4 {
2291
- &>svg {
2292
- width: calc(var(--spacing) * 4);
2293
- height: calc(var(--spacing) * 4);
2294
- }
2184
+ }
2185
+ .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
2186
+ &:has([aria-selected].day-range-end) {
2187
+ border-top-right-radius: var(--radius-md);
2188
+ border-bottom-right-radius: var(--radius-md);
2295
2189
  }
2296
- .\[\&\>svg\]\:h-2\.5 {
2297
- &>svg {
2298
- height: calc(var(--spacing) * 2.5);
2299
- }
2190
+ }
2191
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
2192
+ &:has([role=checkbox]) {
2193
+ padding-right: calc(var(--spacing) * 0);
2300
2194
  }
2301
- .\[\&\>svg\]\:h-3 {
2302
- &>svg {
2303
- height: calc(var(--spacing) * 3);
2304
- }
2195
+ }
2196
+ .\[\&\>button\]\:hidden {
2197
+ &>button {
2198
+ display: none;
2305
2199
  }
2306
- .\[\&\>svg\]\:w-2\.5 {
2307
- &>svg {
2308
- width: calc(var(--spacing) * 2.5);
2309
- }
2200
+ }
2201
+ .\[\&\>span\]\:line-clamp-1 {
2202
+ &>span {
2203
+ overflow: hidden;
2204
+ display: -webkit-box;
2205
+ -webkit-box-orient: vertical;
2206
+ -webkit-line-clamp: 1;
2310
2207
  }
2311
- .\[\&\>svg\]\:w-3 {
2312
- &>svg {
2313
- width: calc(var(--spacing) * 3);
2314
- }
2208
+ }
2209
+ .\[\&\>span\:last-child\]\:truncate {
2210
+ &>span:last-child {
2211
+ overflow: hidden;
2212
+ text-overflow: ellipsis;
2213
+ white-space: nowrap;
2315
2214
  }
2316
- .\[\&\>svg\]\:shrink-0 {
2317
- &>svg {
2318
- flex-shrink: 0;
2319
- }
2215
+ }
2216
+ .\[\&\>svg\]\:absolute {
2217
+ &>svg {
2218
+ position: absolute;
2320
2219
  }
2321
- .\[\&\>svg\+div\]\:translate-y-\[-3px\] {
2322
- &>svg+div {
2323
- --tw-translate-y: -3px;
2324
- translate: var(--tw-translate-x) var(--tw-translate-y);
2325
- }
2220
+ }
2221
+ .\[\&\>svg\]\:top-4 {
2222
+ &>svg {
2223
+ top: calc(var(--spacing) * 4);
2326
2224
  }
2327
- .\[\&\>svg\~\*\]\:pl-7 {
2328
- &>svg~* {
2329
- padding-left: calc(var(--spacing) * 7);
2330
- }
2225
+ }
2226
+ .\[\&\>svg\]\:left-4 {
2227
+ &>svg {
2228
+ left: calc(var(--spacing) * 4);
2331
2229
  }
2332
- .\[\&\>tr\]\:last\:border-b-0 {
2333
- &>tr {
2334
- &:last-child {
2335
- border-bottom-style: var(--tw-border-style);
2336
- border-bottom-width: 0px;
2337
- }
2338
- }
2230
+ }
2231
+ .\[\&\>svg\]\:size-3\.5 {
2232
+ &>svg {
2233
+ width: calc(var(--spacing) * 3.5);
2234
+ height: calc(var(--spacing) * 3.5);
2339
2235
  }
2340
- .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
2341
- &[data-panel-group-direction=vertical]>div {
2342
- rotate: 90deg;
2343
- }
2236
+ }
2237
+ .\[\&\>svg\]\:size-4 {
2238
+ &>svg {
2239
+ width: calc(var(--spacing) * 4);
2240
+ height: calc(var(--spacing) * 4);
2344
2241
  }
2345
- .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
2346
- &[data-state=open]>svg {
2347
- rotate: 180deg;
2348
- }
2242
+ }
2243
+ .\[\&\>svg\]\:h-2\.5 {
2244
+ &>svg {
2245
+ height: calc(var(--spacing) * 2.5);
2349
2246
  }
2350
- .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
2351
- [data-side=left] & {
2352
- cursor: w-resize;
2353
- }
2247
+ }
2248
+ .\[\&\>svg\]\:h-3 {
2249
+ &>svg {
2250
+ height: calc(var(--spacing) * 3);
2354
2251
  }
2355
- .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
2356
- [data-side=left][data-collapsible=offcanvas] & {
2357
- right: calc(var(--spacing) * -2);
2358
- }
2252
+ }
2253
+ .\[\&\>svg\]\:w-2\.5 {
2254
+ &>svg {
2255
+ width: calc(var(--spacing) * 2.5);
2359
2256
  }
2360
- .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
2361
- [data-side=left][data-state=collapsed] & {
2362
- cursor: e-resize;
2363
- }
2257
+ }
2258
+ .\[\&\>svg\]\:w-3 {
2259
+ &>svg {
2260
+ width: calc(var(--spacing) * 3);
2364
2261
  }
2365
- .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
2366
- [data-side=right] & {
2367
- cursor: e-resize;
2368
- }
2262
+ }
2263
+ .\[\&\>svg\]\:shrink-0 {
2264
+ &>svg {
2265
+ flex-shrink: 0;
2369
2266
  }
2370
- .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
2371
- [data-side=right][data-collapsible=offcanvas] & {
2372
- left: calc(var(--spacing) * -2);
2373
- }
2267
+ }
2268
+ .\[\&\>svg\+div\]\:translate-y-\[-3px\] {
2269
+ &>svg+div {
2270
+ --tw-translate-y: -3px;
2271
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2374
2272
  }
2375
- .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
2376
- [data-side=right][data-state=collapsed] & {
2377
- cursor: w-resize;
2273
+ }
2274
+ .\[\&\>svg\~\*\]\:pl-7 {
2275
+ &>svg~* {
2276
+ padding-left: calc(var(--spacing) * 7);
2277
+ }
2278
+ }
2279
+ .\[\&\>tr\]\:last\:border-b-0 {
2280
+ &>tr {
2281
+ &:last-child {
2282
+ border-bottom-style: var(--tw-border-style);
2283
+ border-bottom-width: 0px;
2378
2284
  }
2379
2285
  }
2380
- /* layer-end */
2286
+ }
2287
+ .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
2288
+ &[data-panel-group-direction=vertical]>div {
2289
+ rotate: 90deg;
2290
+ }
2291
+ }
2292
+ .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
2293
+ &[data-state=open]>svg {
2294
+ rotate: 180deg;
2295
+ }
2296
+ }
2297
+ .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
2298
+ [data-side=left] & {
2299
+ cursor: w-resize;
2300
+ }
2301
+ }
2302
+ .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
2303
+ [data-side=left][data-collapsible=offcanvas] & {
2304
+ right: calc(var(--spacing) * -2);
2305
+ }
2306
+ }
2307
+ .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
2308
+ [data-side=left][data-state=collapsed] & {
2309
+ cursor: e-resize;
2310
+ }
2311
+ }
2312
+ .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
2313
+ [data-side=right] & {
2314
+ cursor: e-resize;
2315
+ }
2316
+ }
2317
+ .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
2318
+ [data-side=right][data-collapsible=offcanvas] & {
2319
+ left: calc(var(--spacing) * -2);
2320
+ }
2321
+ }
2322
+ .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
2323
+ [data-side=right][data-state=collapsed] & {
2324
+ cursor: w-resize;
2325
+ }
2326
+ }
2381
2327
  @property --tw-translate-x {
2382
2328
  syntax: "*";
2383
2329
  inherits: false;
2384
2330
  initial-value: 0;
2385
- /* layer-end */
2331
+ }
2386
2332
  @property --tw-translate-y {
2387
2333
  syntax: "*";
2388
2334
  inherits: false;
2389
2335
  initial-value: 0;
2390
- /* layer-end */
2336
+ }
2391
2337
  @property --tw-translate-z {
2392
2338
  syntax: "*";
2393
2339
  inherits: false;
2394
2340
  initial-value: 0;
2395
- /* layer-end */
2341
+ }
2396
2342
  @property --tw-rotate-x {
2397
2343
  syntax: "*";
2398
2344
  inherits: false;
2399
- /* layer-end */
2345
+ }
2400
2346
  @property --tw-rotate-y {
2401
2347
  syntax: "*";
2402
2348
  inherits: false;
2403
- /* layer-end */
2349
+ }
2404
2350
  @property --tw-rotate-z {
2405
2351
  syntax: "*";
2406
2352
  inherits: false;
2407
- /* layer-end */
2353
+ }
2408
2354
  @property --tw-skew-x {
2409
2355
  syntax: "*";
2410
2356
  inherits: false;
2411
- /* layer-end */
2357
+ }
2412
2358
  @property --tw-skew-y {
2413
2359
  syntax: "*";
2414
2360
  inherits: false;
2415
- /* layer-end */
2361
+ }
2416
2362
  @property --tw-space-y-reverse {
2417
2363
  syntax: "*";
2418
2364
  inherits: false;
2419
2365
  initial-value: 0;
2420
- /* layer-end */
2366
+ }
2421
2367
  @property --tw-space-x-reverse {
2422
2368
  syntax: "*";
2423
2369
  inherits: false;
2424
2370
  initial-value: 0;
2425
- /* layer-end */
2371
+ }
2426
2372
  @property --tw-border-style {
2427
2373
  syntax: "*";
2428
2374
  inherits: false;
2429
2375
  initial-value: solid;
2430
- /* layer-end */
2376
+ }
2431
2377
  @property --tw-leading {
2432
2378
  syntax: "*";
2433
2379
  inherits: false;
2434
- /* layer-end */
2380
+ }
2435
2381
  @property --tw-font-weight {
2436
2382
  syntax: "*";
2437
2383
  inherits: false;
2438
- /* layer-end */
2384
+ }
2439
2385
  @property --tw-tracking {
2440
2386
  syntax: "*";
2441
2387
  inherits: false;
2442
- /* layer-end */
2388
+ }
2443
2389
  @property --tw-ordinal {
2444
2390
  syntax: "*";
2445
2391
  inherits: false;
2446
- /* layer-end */
2392
+ }
2447
2393
  @property --tw-slashed-zero {
2448
2394
  syntax: "*";
2449
2395
  inherits: false;
2450
- /* layer-end */
2396
+ }
2451
2397
  @property --tw-numeric-figure {
2452
2398
  syntax: "*";
2453
2399
  inherits: false;
2454
- /* layer-end */
2400
+ }
2455
2401
  @property --tw-numeric-spacing {
2456
2402
  syntax: "*";
2457
2403
  inherits: false;
2458
- /* layer-end */
2404
+ }
2459
2405
  @property --tw-numeric-fraction {
2460
2406
  syntax: "*";
2461
2407
  inherits: false;
2462
- /* layer-end */
2408
+ }
2463
2409
  @property --tw-shadow {
2464
2410
  syntax: "*";
2465
2411
  inherits: false;
2466
2412
  initial-value: 0 0 #0000;
2467
- /* layer-end */
2413
+ }
2468
2414
  @property --tw-shadow-color {
2469
2415
  syntax: "*";
2470
2416
  inherits: false;
2471
- /* layer-end */
2417
+ }
2472
2418
  @property --tw-shadow-alpha {
2473
2419
  syntax: "<percentage>";
2474
2420
  inherits: false;
2475
2421
  initial-value: 100%;
2476
- /* layer-end */
2422
+ }
2477
2423
  @property --tw-inset-shadow {
2478
2424
  syntax: "*";
2479
2425
  inherits: false;
2480
2426
  initial-value: 0 0 #0000;
2481
- /* layer-end */
2427
+ }
2482
2428
  @property --tw-inset-shadow-color {
2483
2429
  syntax: "*";
2484
2430
  inherits: false;
2485
- /* layer-end */
2431
+ }
2486
2432
  @property --tw-inset-shadow-alpha {
2487
2433
  syntax: "<percentage>";
2488
2434
  inherits: false;
2489
2435
  initial-value: 100%;
2490
- /* layer-end */
2436
+ }
2491
2437
  @property --tw-ring-color {
2492
2438
  syntax: "*";
2493
2439
  inherits: false;
2494
- /* layer-end */
2440
+ }
2495
2441
  @property --tw-ring-shadow {
2496
2442
  syntax: "*";
2497
2443
  inherits: false;
2498
2444
  initial-value: 0 0 #0000;
2499
- /* layer-end */
2445
+ }
2500
2446
  @property --tw-inset-ring-color {
2501
2447
  syntax: "*";
2502
2448
  inherits: false;
2503
- /* layer-end */
2449
+ }
2504
2450
  @property --tw-inset-ring-shadow {
2505
2451
  syntax: "*";
2506
2452
  inherits: false;
2507
2453
  initial-value: 0 0 #0000;
2508
- /* layer-end */
2454
+ }
2509
2455
  @property --tw-ring-inset {
2510
2456
  syntax: "*";
2511
2457
  inherits: false;
2512
- /* layer-end */
2458
+ }
2513
2459
  @property --tw-ring-offset-width {
2514
2460
  syntax: "<length>";
2515
2461
  inherits: false;
2516
2462
  initial-value: 0px;
2517
- /* layer-end */
2463
+ }
2518
2464
  @property --tw-ring-offset-color {
2519
2465
  syntax: "*";
2520
2466
  inherits: false;
2521
2467
  initial-value: #fff;
2522
- /* layer-end */
2468
+ }
2523
2469
  @property --tw-ring-offset-shadow {
2524
2470
  syntax: "*";
2525
2471
  inherits: false;
2526
2472
  initial-value: 0 0 #0000;
2527
- /* layer-end */
2473
+ }
2528
2474
  @property --tw-outline-style {
2529
2475
  syntax: "*";
2530
2476
  inherits: false;
2531
2477
  initial-value: solid;
2532
- /* layer-end */
2478
+ }
2533
2479
  @property --tw-duration {
2534
2480
  syntax: "*";
2535
2481
  inherits: false;
2536
- /* layer-end */
2482
+ }
2537
2483
  @property --tw-ease {
2538
2484
  syntax: "*";
2539
2485
  inherits: false;
2540
- /* layer-end */
2486
+ }
2541
2487
  @property --tw-content {
2542
2488
  syntax: "*";
2543
2489
  initial-value: "";
2544
2490
  inherits: false;
2545
- /* layer-end */
2491
+ }
2546
2492
  @keyframes pulse {
2547
2493
  50% {
2548
2494
  opacity: 0.5;
2549
2495
  }
2550
- /* layer-end */
2551
- /* layer-start */
2552
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2553
- *, ::before, ::after, ::backdrop {
2554
- --tw-translate-x: 0;
2555
- --tw-translate-y: 0;
2556
- --tw-translate-z: 0;
2557
- --tw-rotate-x: initial;
2558
- --tw-rotate-y: initial;
2559
- --tw-rotate-z: initial;
2560
- --tw-skew-x: initial;
2561
- --tw-skew-y: initial;
2562
- --tw-space-y-reverse: 0;
2563
- --tw-space-x-reverse: 0;
2564
- --tw-border-style: solid;
2565
- --tw-leading: initial;
2566
- --tw-font-weight: initial;
2567
- --tw-tracking: initial;
2568
- --tw-ordinal: initial;
2569
- --tw-slashed-zero: initial;
2570
- --tw-numeric-figure: initial;
2571
- --tw-numeric-spacing: initial;
2572
- --tw-numeric-fraction: initial;
2573
- --tw-shadow: 0 0 #0000;
2574
- --tw-shadow-color: initial;
2575
- --tw-shadow-alpha: 100%;
2576
- --tw-inset-shadow: 0 0 #0000;
2577
- --tw-inset-shadow-color: initial;
2578
- --tw-inset-shadow-alpha: 100%;
2579
- --tw-ring-color: initial;
2580
- --tw-ring-shadow: 0 0 #0000;
2581
- --tw-inset-ring-color: initial;
2582
- --tw-inset-ring-shadow: 0 0 #0000;
2583
- --tw-ring-inset: initial;
2584
- --tw-ring-offset-width: 0px;
2585
- --tw-ring-offset-color: #fff;
2586
- --tw-ring-offset-shadow: 0 0 #0000;
2587
- --tw-outline-style: solid;
2588
- --tw-duration: initial;
2589
- --tw-ease: initial;
2590
- --tw-content: "";
2591
- }
2592
- }
2593
- /* layer-end */
2496
+ }
2497
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2498
+ *, ::before, ::after, ::backdrop {
2499
+ --tw-translate-x: 0;
2500
+ --tw-translate-y: 0;
2501
+ --tw-translate-z: 0;
2502
+ --tw-rotate-x: initial;
2503
+ --tw-rotate-y: initial;
2504
+ --tw-rotate-z: initial;
2505
+ --tw-skew-x: initial;
2506
+ --tw-skew-y: initial;
2507
+ --tw-space-y-reverse: 0;
2508
+ --tw-space-x-reverse: 0;
2509
+ --tw-border-style: solid;
2510
+ --tw-leading: initial;
2511
+ --tw-font-weight: initial;
2512
+ --tw-tracking: initial;
2513
+ --tw-ordinal: initial;
2514
+ --tw-slashed-zero: initial;
2515
+ --tw-numeric-figure: initial;
2516
+ --tw-numeric-spacing: initial;
2517
+ --tw-numeric-fraction: initial;
2518
+ --tw-shadow: 0 0 #0000;
2519
+ --tw-shadow-color: initial;
2520
+ --tw-shadow-alpha: 100%;
2521
+ --tw-inset-shadow: 0 0 #0000;
2522
+ --tw-inset-shadow-color: initial;
2523
+ --tw-inset-shadow-alpha: 100%;
2524
+ --tw-ring-color: initial;
2525
+ --tw-ring-shadow: 0 0 #0000;
2526
+ --tw-inset-ring-color: initial;
2527
+ --tw-inset-ring-shadow: 0 0 #0000;
2528
+ --tw-ring-inset: initial;
2529
+ --tw-ring-offset-width: 0px;
2530
+ --tw-ring-offset-color: #fff;
2531
+ --tw-ring-offset-shadow: 0 0 #0000;
2532
+ --tw-outline-style: solid;
2533
+ --tw-duration: initial;
2534
+ --tw-ease: initial;
2535
+ --tw-content: "";
2536
+ }
2537
+ }