fina-react-ds 1.0.38 → 1.0.39

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