@tangle-network/sandbox-ui 0.86.0 → 0.87.1

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 (35) hide show
  1. package/dist/{WorkflowGraph-J2SVX3WP.js → WorkflowGraph-YZGPXSDJ.js} +1 -1
  2. package/dist/assets.d.ts +7 -8
  3. package/dist/auth.d.ts +2 -2
  4. package/dist/chat.d.ts +29 -12
  5. package/dist/chat.js +8 -4
  6. package/dist/{chunk-PKZVCCZ6.js → chunk-3RIYD2WD.js} +16 -6
  7. package/dist/{chunk-I3G23XHN.js → chunk-5XRAKVIV.js} +30 -30
  8. package/dist/{chunk-R4AR3TKR.js → chunk-EHMD4JJM.js} +1 -1
  9. package/dist/{chunk-2T6KBMLN.js → chunk-NF3Q4RJU.js} +7 -7
  10. package/dist/chunk-WGOOQAW3.js +12 -0
  11. package/dist/{chunk-HCOZO53G.js → chunk-WTUPC4OZ.js} +15 -15
  12. package/dist/connectors.d.ts +4 -4
  13. package/dist/dashboard.d.ts +55 -56
  14. package/dist/dashboard.js +3 -3
  15. package/dist/globals.css +878 -1513
  16. package/dist/hooks.d.ts +1 -1
  17. package/dist/index.d.ts +5 -6
  18. package/dist/index.js +9 -5
  19. package/dist/integrations.d.ts +2 -2
  20. package/dist/{logo-CZ6moVvw.d.ts → logo-CaIvk3J1.d.ts} +3 -3
  21. package/dist/{mention-editor-7FLUUWY5.js → mention-editor-6PITHKPR.js} +17 -7
  22. package/dist/{model-brand-CsFykzMA.d.ts → model-brand-CuXKfTMh.d.ts} +2 -2
  23. package/dist/pages.d.ts +10 -11
  24. package/dist/pages.js +2 -2
  25. package/dist/{ports-list-DfG0VfPt.d.ts → ports-list-CDIvTNnX.d.ts} +2 -2
  26. package/dist/primitives.d.ts +4 -5
  27. package/dist/styles.css +878 -1513
  28. package/dist/{template-card-UhV3pmRC.d.ts → template-card-Bn-Bw5xC.d.ts} +4 -5
  29. package/dist/terminal.d.ts +2 -2
  30. package/dist/workbench.d.ts +10 -11
  31. package/dist/workbench.js +4 -4
  32. package/dist/workflows.d.ts +3 -3
  33. package/dist/workflows.js +2 -2
  34. package/dist/workspace.d.ts +15 -15
  35. package/package.json +76 -68
package/dist/styles.css CHANGED
@@ -1,10 +1,11 @@
1
- /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
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";
6
+ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
7
+ "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
8
+ "Segoe UI Symbol", "Noto Color Emoji";
8
9
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
10
  "Courier New", monospace;
10
11
  --color-red-200: oklch(88.5% 0.062 18.334);
@@ -31,8 +32,8 @@
31
32
  --color-violet-400: oklch(70.2% 0.183 293.541);
32
33
  --color-violet-500: oklch(60.6% 0.25 292.717);
33
34
  --color-zinc-400: oklch(70.5% 0.015 286.067);
34
- --color-neutral-400: oklch(70.8% 0 0);
35
- --color-neutral-500: oklch(55.6% 0 0);
35
+ --color-neutral-400: oklch(70.8% 0 none);
36
+ --color-neutral-500: oklch(55.6% 0 none);
36
37
  --color-black: #000;
37
38
  --color-white: #fff;
38
39
  --spacing: 0.25rem;
@@ -133,7 +134,7 @@
133
134
  line-height: 1.5;
134
135
  -webkit-text-size-adjust: 100%;
135
136
  tab-size: 4;
136
- 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");
137
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
137
138
  font-feature-settings: var(--default-font-feature-settings, normal);
138
139
  font-variation-settings: var(--default-font-variation-settings, normal);
139
140
  -webkit-tap-highlight-color: transparent;
@@ -185,7 +186,7 @@
185
186
  border-color: inherit;
186
187
  border-collapse: collapse;
187
188
  }
188
- :-moz-focusring {
189
+ :-moz-focusring:where(:not(iframe)) {
189
190
  outline: auto;
190
191
  }
191
192
  progress {
@@ -313,19 +314,13 @@
313
314
  position: sticky;
314
315
  }
315
316
  .inset-0 {
316
- inset: calc(var(--spacing) * 0);
317
+ inset: 0px;
317
318
  }
318
319
  .inset-x-0 {
319
- inset-inline: calc(var(--spacing) * 0);
320
+ inset-inline: 0px;
320
321
  }
321
322
  .inset-y-0 {
322
- inset-block: calc(var(--spacing) * 0);
323
- }
324
- .start {
325
- inset-inline-start: var(--spacing);
326
- }
327
- .end {
328
- inset-inline-end: var(--spacing);
323
+ inset-block: 0px;
329
324
  }
330
325
  .-top-1 {
331
326
  top: calc(var(--spacing) * -1);
@@ -343,13 +338,13 @@
343
338
  top: calc(var(--spacing) * -12);
344
339
  }
345
340
  .top-0 {
346
- top: calc(var(--spacing) * 0);
341
+ top: 0px;
347
342
  }
348
343
  .top-0\.5 {
349
344
  top: calc(var(--spacing) * 0.5);
350
345
  }
351
346
  .top-1 {
352
- top: calc(var(--spacing) * 1);
347
+ top: var(--spacing);
353
348
  }
354
349
  .top-1\.5 {
355
350
  top: calc(var(--spacing) * 1.5);
@@ -382,10 +377,10 @@
382
377
  right: calc(var(--spacing) * -1.5);
383
378
  }
384
379
  .right-0 {
385
- right: calc(var(--spacing) * 0);
380
+ right: 0px;
386
381
  }
387
382
  .right-1 {
388
- right: calc(var(--spacing) * 1);
383
+ right: var(--spacing);
389
384
  }
390
385
  .right-1\.5 {
391
386
  right: calc(var(--spacing) * 1.5);
@@ -397,10 +392,10 @@
397
392
  right: calc(var(--spacing) * 4);
398
393
  }
399
394
  .bottom-0 {
400
- bottom: calc(var(--spacing) * 0);
395
+ bottom: 0px;
401
396
  }
402
397
  .bottom-1 {
403
- bottom: calc(var(--spacing) * 1);
398
+ bottom: var(--spacing);
404
399
  }
405
400
  .bottom-2 {
406
401
  bottom: calc(var(--spacing) * 2);
@@ -418,13 +413,13 @@
418
413
  bottom: 100%;
419
414
  }
420
415
  .left-0 {
421
- left: calc(var(--spacing) * 0);
416
+ left: 0px;
422
417
  }
423
418
  .left-0\.5 {
424
419
  left: calc(var(--spacing) * 0.5);
425
420
  }
426
421
  .left-1 {
427
- left: calc(var(--spacing) * 1);
422
+ left: var(--spacing);
428
423
  }
429
424
  .left-1\/2 {
430
425
  left: calc(1 / 2 * 100%);
@@ -492,11 +487,14 @@
492
487
  max-width: 96rem;
493
488
  }
494
489
  }
490
+ .m-4 {
491
+ margin: calc(var(--spacing) * 4);
492
+ }
495
493
  .-mx-1 {
496
494
  margin-inline: calc(var(--spacing) * -1);
497
495
  }
498
496
  .mx-1 {
499
- margin-inline: calc(var(--spacing) * 1);
497
+ margin-inline: var(--spacing);
500
498
  }
501
499
  .mx-2 {
502
500
  margin-inline: calc(var(--spacing) * 2);
@@ -508,7 +506,7 @@
508
506
  margin-inline: auto;
509
507
  }
510
508
  .my-1 {
511
- margin-block: calc(var(--spacing) * 1);
509
+ margin-block: var(--spacing);
512
510
  }
513
511
  .my-2 {
514
512
  margin-block: calc(var(--spacing) * 2);
@@ -526,13 +524,13 @@
526
524
  margin-top: calc(var(--spacing) * -10);
527
525
  }
528
526
  .mt-0 {
529
- margin-top: calc(var(--spacing) * 0);
527
+ margin-top: 0px;
530
528
  }
531
529
  .mt-0\.5 {
532
530
  margin-top: calc(var(--spacing) * 0.5);
533
531
  }
534
532
  .mt-1 {
535
- margin-top: calc(var(--spacing) * 1);
533
+ margin-top: var(--spacing);
536
534
  }
537
535
  .mt-1\.5 {
538
536
  margin-top: calc(var(--spacing) * 1.5);
@@ -552,11 +550,14 @@
552
550
  .mt-6 {
553
551
  margin-top: calc(var(--spacing) * 6);
554
552
  }
553
+ .mt-\[calc\(\(2\.5rem-var\(--timeline-dot-size\)\)\/2\)\] {
554
+ margin-top: calc((2.5rem - var(--timeline-dot-size)) / 2);
555
+ }
555
556
  .mt-auto {
556
557
  margin-top: auto;
557
558
  }
558
559
  .mr-1 {
559
- margin-right: calc(var(--spacing) * 1);
560
+ margin-right: var(--spacing);
560
561
  }
561
562
  .mr-1\.5 {
562
563
  margin-right: calc(var(--spacing) * 1.5);
@@ -574,7 +575,7 @@
574
575
  margin-bottom: calc(var(--spacing) * 0.5);
575
576
  }
576
577
  .mb-1 {
577
- margin-bottom: calc(var(--spacing) * 1);
578
+ margin-bottom: var(--spacing);
578
579
  }
579
580
  .mb-1\.5 {
580
581
  margin-bottom: calc(var(--spacing) * 1.5);
@@ -610,7 +611,7 @@
610
611
  margin-left: calc(var(--spacing) * 0.5);
611
612
  }
612
613
  .ml-1 {
613
- margin-left: calc(var(--spacing) * 1);
614
+ margin-left: var(--spacing);
614
615
  }
615
616
  .ml-1\.5 {
616
617
  margin-left: calc(var(--spacing) * 1.5);
@@ -618,9 +619,6 @@
618
619
  .ml-2 {
619
620
  margin-left: calc(var(--spacing) * 2);
620
621
  }
621
- .ml-2\.5 {
622
- margin-left: calc(var(--spacing) * 2.5);
623
- }
624
622
  .ml-10 {
625
623
  margin-left: calc(var(--spacing) * 10);
626
624
  }
@@ -717,7 +715,7 @@
717
715
  height: calc(var(--spacing) * 2) !important;
718
716
  }
719
717
  .h-1 {
720
- height: calc(var(--spacing) * 1);
718
+ height: var(--spacing);
721
719
  }
722
720
  .h-1\.5 {
723
721
  height: calc(var(--spacing) * 1.5);
@@ -824,6 +822,9 @@
824
822
  .h-\[560px\] {
825
823
  height: 560px;
826
824
  }
825
+ .h-\[620px\] {
826
+ height: 620px;
827
+ }
827
828
  .h-\[640px\] {
828
829
  height: 640px;
829
830
  }
@@ -866,9 +867,6 @@
866
867
  .max-h-48 {
867
868
  max-height: calc(var(--spacing) * 48);
868
869
  }
869
- .max-h-60 {
870
- max-height: calc(var(--spacing) * 60);
871
- }
872
870
  .max-h-64 {
873
871
  max-height: calc(var(--spacing) * 64);
874
872
  }
@@ -897,7 +895,7 @@
897
895
  max-height: var(--radix-dropdown-menu-content-available-height);
898
896
  }
899
897
  .min-h-0 {
900
- min-height: calc(var(--spacing) * 0);
898
+ min-height: 0px;
901
899
  }
902
900
  .min-h-24 {
903
901
  min-height: calc(var(--spacing) * 24);
@@ -963,10 +961,10 @@
963
961
  width: calc(var(--spacing) * 2) !important;
964
962
  }
965
963
  .w-0 {
966
- width: calc(var(--spacing) * 0);
964
+ width: 0px;
967
965
  }
968
966
  .w-1 {
969
- width: calc(var(--spacing) * 1);
967
+ width: var(--spacing);
970
968
  }
971
969
  .w-1\.5 {
972
970
  width: calc(var(--spacing) * 1.5);
@@ -1272,10 +1270,10 @@
1272
1270
  max-width: var(--container-xl);
1273
1271
  }
1274
1272
  .\!min-w-0 {
1275
- min-width: calc(var(--spacing) * 0) !important;
1273
+ min-width: 0px !important;
1276
1274
  }
1277
1275
  .min-w-0 {
1278
- min-width: calc(var(--spacing) * 0);
1276
+ min-width: 0px;
1279
1277
  }
1280
1278
  .min-w-4 {
1281
1279
  min-width: calc(var(--spacing) * 4);
@@ -1355,11 +1353,11 @@
1355
1353
  translate: var(--tw-translate-x) var(--tw-translate-y);
1356
1354
  }
1357
1355
  .translate-x-0 {
1358
- --tw-translate-x: calc(var(--spacing) * 0);
1356
+ --tw-translate-x: 0px;
1359
1357
  translate: var(--tw-translate-x) var(--tw-translate-y);
1360
1358
  }
1361
1359
  .translate-x-1 {
1362
- --tw-translate-x: calc(var(--spacing) * 1);
1360
+ --tw-translate-x: var(--spacing);
1363
1361
  translate: var(--tw-translate-x) var(--tw-translate-y);
1364
1362
  }
1365
1363
  .translate-x-5 {
@@ -1444,6 +1442,9 @@
1444
1442
  .resize-y {
1445
1443
  resize: vertical;
1446
1444
  }
1445
+ .\[scrollbar-gutter\:stable\] {
1446
+ scrollbar-gutter: stable;
1447
+ }
1447
1448
  .appearance-none {
1448
1449
  appearance: none;
1449
1450
  }
@@ -1523,7 +1524,7 @@
1523
1524
  gap: calc(var(--spacing) * 0.5);
1524
1525
  }
1525
1526
  .gap-1 {
1526
- gap: calc(var(--spacing) * 1);
1527
+ gap: var(--spacing);
1527
1528
  }
1528
1529
  .gap-1\.5 {
1529
1530
  gap: calc(var(--spacing) * 1.5);
@@ -1561,103 +1562,75 @@
1561
1562
  .gap-px {
1562
1563
  gap: 1px;
1563
1564
  }
1564
- .space-y-0\.5 {
1565
- :where(& > :not(:last-child)) {
1566
- --tw-space-y-reverse: 0;
1567
- margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
1568
- margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
1569
- }
1570
- }
1571
- .space-y-1 {
1572
- :where(& > :not(:last-child)) {
1573
- --tw-space-y-reverse: 0;
1574
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1575
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1576
- }
1577
- }
1578
- .space-y-1\.5 {
1579
- :where(& > :not(:last-child)) {
1580
- --tw-space-y-reverse: 0;
1581
- margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1582
- margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1583
- }
1584
- }
1585
- .space-y-2 {
1586
- :where(& > :not(:last-child)) {
1587
- --tw-space-y-reverse: 0;
1588
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1589
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1590
- }
1591
- }
1592
- .space-y-2\.5 {
1593
- :where(& > :not(:last-child)) {
1594
- --tw-space-y-reverse: 0;
1595
- margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
1596
- margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
1597
- }
1598
- }
1599
- .space-y-3 {
1600
- :where(& > :not(:last-child)) {
1601
- --tw-space-y-reverse: 0;
1602
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1603
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1604
- }
1605
- }
1606
- .space-y-3\.5 {
1607
- :where(& > :not(:last-child)) {
1608
- --tw-space-y-reverse: 0;
1609
- margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
1610
- margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
1611
- }
1612
- }
1613
- .space-y-4 {
1614
- :where(& > :not(:last-child)) {
1615
- --tw-space-y-reverse: 0;
1616
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1617
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1618
- }
1619
- }
1620
- .space-y-5 {
1621
- :where(& > :not(:last-child)) {
1622
- --tw-space-y-reverse: 0;
1623
- margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
1624
- margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
1625
- }
1626
- }
1627
- .space-y-6 {
1628
- :where(& > :not(:last-child)) {
1629
- --tw-space-y-reverse: 0;
1630
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1631
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1632
- }
1633
- }
1634
- .space-y-8 {
1635
- :where(& > :not(:last-child)) {
1636
- --tw-space-y-reverse: 0;
1637
- margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
1638
- margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
1639
- }
1640
- }
1641
- .space-y-10 {
1642
- :where(& > :not(:last-child)) {
1643
- --tw-space-y-reverse: 0;
1644
- margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
1645
- margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
1646
- }
1647
- }
1648
- .space-y-16 {
1649
- :where(& > :not(:last-child)) {
1650
- --tw-space-y-reverse: 0;
1651
- margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
1652
- margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
1653
- }
1654
- }
1655
- .space-y-px {
1656
- :where(& > :not(:last-child)) {
1657
- --tw-space-y-reverse: 0;
1658
- margin-block-start: calc(1px * var(--tw-space-y-reverse));
1659
- margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
1660
- }
1565
+ :where(.space-y-0\.5 > :not(:last-child)) {
1566
+ --tw-space-y-reverse: 0;
1567
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
1568
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
1569
+ }
1570
+ :where(.space-y-1 > :not(:last-child)) {
1571
+ --tw-space-y-reverse: 0;
1572
+ margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
1573
+ margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
1574
+ }
1575
+ :where(.space-y-1\.5 > :not(:last-child)) {
1576
+ --tw-space-y-reverse: 0;
1577
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1578
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1579
+ }
1580
+ :where(.space-y-2 > :not(:last-child)) {
1581
+ --tw-space-y-reverse: 0;
1582
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1583
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1584
+ }
1585
+ :where(.space-y-2\.5 > :not(:last-child)) {
1586
+ --tw-space-y-reverse: 0;
1587
+ margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
1588
+ margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
1589
+ }
1590
+ :where(.space-y-3 > :not(:last-child)) {
1591
+ --tw-space-y-reverse: 0;
1592
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1593
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1594
+ }
1595
+ :where(.space-y-3\.5 > :not(:last-child)) {
1596
+ --tw-space-y-reverse: 0;
1597
+ margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
1598
+ margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
1599
+ }
1600
+ :where(.space-y-4 > :not(:last-child)) {
1601
+ --tw-space-y-reverse: 0;
1602
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1603
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1604
+ }
1605
+ :where(.space-y-5 > :not(:last-child)) {
1606
+ --tw-space-y-reverse: 0;
1607
+ margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
1608
+ margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
1609
+ }
1610
+ :where(.space-y-6 > :not(:last-child)) {
1611
+ --tw-space-y-reverse: 0;
1612
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1613
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1614
+ }
1615
+ :where(.space-y-8 > :not(:last-child)) {
1616
+ --tw-space-y-reverse: 0;
1617
+ margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
1618
+ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
1619
+ }
1620
+ :where(.space-y-10 > :not(:last-child)) {
1621
+ --tw-space-y-reverse: 0;
1622
+ margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
1623
+ margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
1624
+ }
1625
+ :where(.space-y-16 > :not(:last-child)) {
1626
+ --tw-space-y-reverse: 0;
1627
+ margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
1628
+ margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
1629
+ }
1630
+ :where(.space-y-px > :not(:last-child)) {
1631
+ --tw-space-y-reverse: 0;
1632
+ margin-block-start: calc(1px * var(--tw-space-y-reverse));
1633
+ margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
1661
1634
  }
1662
1635
  .gap-x-2 {
1663
1636
  column-gap: calc(var(--spacing) * 2);
@@ -1668,37 +1641,29 @@
1668
1641
  .gap-x-4 {
1669
1642
  column-gap: calc(var(--spacing) * 4);
1670
1643
  }
1671
- .-space-x-2 {
1672
- :where(& > :not(:last-child)) {
1673
- --tw-space-x-reverse: 0;
1674
- margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
1675
- margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
1676
- }
1644
+ :where(.-space-x-2 > :not(:last-child)) {
1645
+ --tw-space-x-reverse: 0;
1646
+ margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
1647
+ margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
1677
1648
  }
1678
1649
  .gap-y-1 {
1679
- row-gap: calc(var(--spacing) * 1);
1650
+ row-gap: var(--spacing);
1680
1651
  }
1681
1652
  .gap-y-3 {
1682
1653
  row-gap: calc(var(--spacing) * 3);
1683
1654
  }
1684
- .divide-y {
1685
- :where(& > :not(:last-child)) {
1686
- --tw-divide-y-reverse: 0;
1687
- border-bottom-style: var(--tw-border-style);
1688
- border-top-style: var(--tw-border-style);
1689
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
1690
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1691
- }
1655
+ :where(.divide-y > :not(:last-child)) {
1656
+ --tw-divide-y-reverse: 0;
1657
+ border-bottom-style: var(--tw-border-style);
1658
+ border-top-style: var(--tw-border-style);
1659
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1660
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1692
1661
  }
1693
- .divide-\[var\(--md3-outline-variant\)\] {
1694
- :where(& > :not(:last-child)) {
1695
- border-color: var(--md3-outline-variant);
1696
- }
1662
+ :where(.divide-\[var\(--md3-outline-variant\)\] > :not(:last-child)) {
1663
+ border-color: var(--md3-outline-variant);
1697
1664
  }
1698
- .divide-border {
1699
- :where(& > :not(:last-child)) {
1700
- border-color: var(--color-border);
1701
- }
1665
+ :where(.divide-border > :not(:last-child)) {
1666
+ border-color: var(--color-border);
1702
1667
  }
1703
1668
  .truncate {
1704
1669
  overflow: hidden;
@@ -2019,12 +1984,6 @@
2019
1984
  border-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
2020
1985
  }
2021
1986
  }
2022
- .border-primary\/15 {
2023
- border-color: color-mix(in srgb, hsl(var(--primary)) 15%, transparent);
2024
- @supports (color: color-mix(in lab, red, red)) {
2025
- border-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
2026
- }
2027
- }
2028
1987
  .border-primary\/20 {
2029
1988
  border-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
2030
1989
  @supports (color: color-mix(in lab, red, red)) {
@@ -2037,6 +1996,12 @@
2037
1996
  border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
2038
1997
  }
2039
1998
  }
1999
+ .border-primary\/40 {
2000
+ border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
2001
+ @supports (color: color-mix(in lab, red, red)) {
2002
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
2003
+ }
2004
+ }
2040
2005
  .border-primary\/50 {
2041
2006
  border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
2042
2007
  @supports (color: color-mix(in lab, red, red)) {
@@ -2196,9 +2161,6 @@
2196
2161
  .bg-\[var\(--md3-surface-container\)\] {
2197
2162
  background-color: var(--md3-surface-container);
2198
2163
  }
2199
- .bg-\[var\(--md3-surface-container-high\)\] {
2200
- background-color: var(--md3-surface-container-high);
2201
- }
2202
2164
  .bg-\[var\(--status-error\,\#ff4d6d\)\]\/15 {
2203
2165
  background-color: var(--status-error,#ff4d6d);
2204
2166
  @supports (color: color-mix(in lab, red, red)) {
@@ -2560,12 +2522,32 @@
2560
2522
  --tw-gradient-position: to left in oklab;
2561
2523
  background-image: linear-gradient(var(--tw-gradient-stops));
2562
2524
  }
2525
+ .bg-gradient-to-t {
2526
+ --tw-gradient-position: to top in oklab;
2527
+ background-image: linear-gradient(var(--tw-gradient-stops));
2528
+ }
2563
2529
  .bg-\[image\:var\(--accent-gradient-strong\)\] {
2564
2530
  background-image: var(--accent-gradient-strong);
2565
2531
  }
2566
2532
  .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.03\)\,transparent\)\] {
2567
2533
  background-image: linear-gradient(180deg,rgba(255,255,255,0.03),transparent);
2568
2534
  }
2535
+ .from-\[var\(--md3-surface-container\)\] {
2536
+ --tw-gradient-from: var(--md3-surface-container);
2537
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2538
+ }
2539
+ .from-\[var\(--surface-danger-bg\)\] {
2540
+ --tw-gradient-from: var(--surface-danger-bg);
2541
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2542
+ }
2543
+ .from-card {
2544
+ --tw-gradient-from: var(--color-card);
2545
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2546
+ }
2547
+ .from-muted {
2548
+ --tw-gradient-from: var(--color-muted);
2549
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2550
+ }
2569
2551
  .from-white\/5 {
2570
2552
  --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent);
2571
2553
  @supports (color: color-mix(in lab, red, red)) {
@@ -2587,13 +2569,13 @@
2587
2569
  object-fit: cover;
2588
2570
  }
2589
2571
  .p-0 {
2590
- padding: calc(var(--spacing) * 0);
2572
+ padding: 0px;
2591
2573
  }
2592
2574
  .p-0\.5 {
2593
2575
  padding: calc(var(--spacing) * 0.5);
2594
2576
  }
2595
2577
  .p-1 {
2596
- padding: calc(var(--spacing) * 1);
2578
+ padding: var(--spacing);
2597
2579
  }
2598
2580
  .p-1\.5 {
2599
2581
  padding: calc(var(--spacing) * 1.5);
@@ -2638,7 +2620,7 @@
2638
2620
  padding-inline: calc(var(--spacing) * 0.5);
2639
2621
  }
2640
2622
  .px-1 {
2641
- padding-inline: calc(var(--spacing) * 1);
2623
+ padding-inline: var(--spacing);
2642
2624
  }
2643
2625
  .px-1\.5 {
2644
2626
  padding-inline: calc(var(--spacing) * 1.5);
@@ -2683,7 +2665,7 @@
2683
2665
  padding-block: calc(var(--spacing) * 0.5);
2684
2666
  }
2685
2667
  .py-1 {
2686
- padding-block: calc(var(--spacing) * 1);
2668
+ padding-block: var(--spacing);
2687
2669
  }
2688
2670
  .py-1\.5 {
2689
2671
  padding-block: calc(var(--spacing) * 1.5);
@@ -2740,13 +2722,13 @@
2740
2722
  padding-block: 1px;
2741
2723
  }
2742
2724
  .pt-0 {
2743
- padding-top: calc(var(--spacing) * 0);
2725
+ padding-top: 0px;
2744
2726
  }
2745
2727
  .pt-0\.5 {
2746
2728
  padding-top: calc(var(--spacing) * 0.5);
2747
2729
  }
2748
2730
  .pt-1 {
2749
- padding-top: calc(var(--spacing) * 1);
2731
+ padding-top: var(--spacing);
2750
2732
  }
2751
2733
  .pt-1\.5 {
2752
2734
  padding-top: calc(var(--spacing) * 1.5);
@@ -2779,7 +2761,7 @@
2779
2761
  padding-top: calc(var(--spacing) * 16);
2780
2762
  }
2781
2763
  .pr-1 {
2782
- padding-right: calc(var(--spacing) * 1);
2764
+ padding-right: var(--spacing);
2783
2765
  }
2784
2766
  .pr-2 {
2785
2767
  padding-right: calc(var(--spacing) * 2);
@@ -2794,13 +2776,13 @@
2794
2776
  padding-right: calc(var(--spacing) * 10);
2795
2777
  }
2796
2778
  .pb-0 {
2797
- padding-bottom: calc(var(--spacing) * 0);
2779
+ padding-bottom: 0px;
2798
2780
  }
2799
2781
  .pb-0\.5 {
2800
2782
  padding-bottom: calc(var(--spacing) * 0.5);
2801
2783
  }
2802
2784
  .pb-1 {
2803
- padding-bottom: calc(var(--spacing) * 1);
2785
+ padding-bottom: var(--spacing);
2804
2786
  }
2805
2787
  .pb-2 {
2806
2788
  padding-bottom: calc(var(--spacing) * 2);
@@ -2823,9 +2805,6 @@
2823
2805
  .pl-3 {
2824
2806
  padding-left: calc(var(--spacing) * 3);
2825
2807
  }
2826
- .pl-3\.5 {
2827
- padding-left: calc(var(--spacing) * 3.5);
2828
- }
2829
2808
  .pl-6 {
2830
2809
  padding-left: calc(var(--spacing) * 6);
2831
2810
  }
@@ -3029,10 +3008,6 @@
3029
3008
  --tw-font-weight: var(--font-display);
3030
3009
  font-weight: var(--font-display);
3031
3010
  }
3032
- .font-\[var\(--font-sans\)\] {
3033
- --tw-font-weight: var(--font-sans);
3034
- font-weight: var(--font-sans);
3035
- }
3036
3011
  .font-bold {
3037
3012
  --tw-font-weight: var(--font-weight-bold);
3038
3013
  font-weight: var(--font-weight-bold);
@@ -3670,1699 +3645,1089 @@
3670
3645
  -webkit-user-select: none;
3671
3646
  user-select: none;
3672
3647
  }
3673
- .\[scrollbar-gutter\:stable\] {
3674
- scrollbar-gutter: stable;
3675
- }
3676
3648
  .ring-inset {
3677
3649
  --tw-ring-inset: inset;
3678
3650
  }
3679
- .group-open\:rotate-180 {
3680
- &:is(:where(.group):is([open], :popover-open, :open) *) {
3681
- rotate: 180deg;
3682
- }
3651
+ .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
3652
+ rotate: 180deg;
3683
3653
  }
3684
- .group-hover\:translate-x-0\.5 {
3685
- &:is(:where(.group):hover *) {
3686
- @media (hover: hover) {
3687
- --tw-translate-x: calc(var(--spacing) * 0.5);
3688
- translate: var(--tw-translate-x) var(--tw-translate-y);
3689
- }
3654
+ @media (hover: hover) {
3655
+ .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
3656
+ --tw-translate-x: calc(var(--spacing) * 0.5);
3657
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3690
3658
  }
3691
- }
3692
- .group-hover\:border-primary\/40 {
3693
- &:is(:where(.group):hover *) {
3694
- @media (hover: hover) {
3695
- border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
3696
- @supports (color: color-mix(in lab, red, red)) {
3697
- border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
3698
- }
3699
- }
3659
+ .group-hover\:border-primary\/40:is(:where(.group):hover *) {
3660
+ border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
3700
3661
  }
3701
- }
3702
- .group-hover\:text-primary {
3703
- &:is(:where(.group):hover *) {
3704
- @media (hover: hover) {
3705
- color: var(--color-primary);
3662
+ @supports (color: color-mix(in lab, red, red)) {
3663
+ .group-hover\:border-primary\/40:is(:where(.group):hover *) {
3664
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
3706
3665
  }
3707
3666
  }
3708
- }
3709
- .group-hover\:opacity-100 {
3710
- &:is(:where(.group):hover *) {
3711
- @media (hover: hover) {
3712
- opacity: 100%;
3713
- }
3667
+ .group-hover\:text-primary:is(:where(.group):hover *) {
3668
+ color: var(--color-primary);
3714
3669
  }
3715
- }
3716
- .group-hover\/brand\:opacity-0 {
3717
- &:is(:where(.group\/brand):hover *) {
3718
- @media (hover: hover) {
3719
- opacity: 0%;
3720
- }
3670
+ .group-hover\:opacity-100:is(:where(.group):hover *) {
3671
+ opacity: 100%;
3721
3672
  }
3722
- }
3723
- .group-hover\/brand\:opacity-100 {
3724
- &:is(:where(.group\/brand):hover *) {
3725
- @media (hover: hover) {
3726
- opacity: 100%;
3727
- }
3673
+ .group-hover\/brand\:opacity-0:is(:where(.group\/brand):hover *) {
3674
+ opacity: 0%;
3728
3675
  }
3729
- }
3730
- .group-hover\/exp\:opacity-0 {
3731
- &:is(:where(.group\/exp):hover *) {
3732
- @media (hover: hover) {
3733
- opacity: 0%;
3734
- }
3676
+ .group-hover\/brand\:opacity-100:is(:where(.group\/brand):hover *) {
3677
+ opacity: 100%;
3735
3678
  }
3736
- }
3737
- .group-hover\/exp\:opacity-100 {
3738
- &:is(:where(.group\/exp):hover *) {
3739
- @media (hover: hover) {
3740
- opacity: 100%;
3741
- }
3679
+ .group-hover\/exp\:opacity-0:is(:where(.group\/exp):hover *) {
3680
+ opacity: 0%;
3742
3681
  }
3743
- }
3744
- .group-hover\/sub\:opacity-100 {
3745
- &:is(:where(.group\/sub):hover *) {
3746
- @media (hover: hover) {
3747
- opacity: 100%;
3748
- }
3682
+ .group-hover\/exp\:opacity-100:is(:where(.group\/exp):hover *) {
3683
+ opacity: 100%;
3749
3684
  }
3750
- }
3751
- .peer-disabled\:cursor-not-allowed {
3752
- &:is(:where(.peer):disabled ~ *) {
3753
- cursor: not-allowed;
3685
+ .group-hover\/sub\:opacity-100:is(:where(.group\/sub):hover *) {
3686
+ opacity: 100%;
3754
3687
  }
3755
3688
  }
3756
- .peer-disabled\:opacity-70 {
3757
- &:is(:where(.peer):disabled ~ *) {
3758
- opacity: 70%;
3759
- }
3689
+ .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
3690
+ cursor: not-allowed;
3760
3691
  }
3761
- .file\:border-0 {
3762
- &::file-selector-button {
3763
- border-style: var(--tw-border-style);
3764
- border-width: 0px;
3765
- }
3692
+ .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
3693
+ opacity: 70%;
3766
3694
  }
3767
- .file\:bg-transparent {
3768
- &::file-selector-button {
3769
- background-color: transparent;
3770
- }
3695
+ .file\:border-0::file-selector-button {
3696
+ border-style: var(--tw-border-style);
3697
+ border-width: 0px;
3771
3698
  }
3772
- .file\:text-sm {
3773
- &::file-selector-button {
3774
- font-size: var(--text-sm);
3775
- line-height: var(--tw-leading, var(--text-sm--line-height));
3776
- }
3699
+ .file\:bg-transparent::file-selector-button {
3700
+ background-color: transparent;
3777
3701
  }
3778
- .file\:font-medium {
3779
- &::file-selector-button {
3780
- --tw-font-weight: var(--font-weight-medium);
3781
- font-weight: var(--font-weight-medium);
3782
- }
3702
+ .file\:text-sm::file-selector-button {
3703
+ font-size: var(--text-sm);
3704
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3783
3705
  }
3784
- .placeholder\:font-normal {
3785
- &::placeholder {
3786
- --tw-font-weight: var(--font-weight-normal);
3787
- font-weight: var(--font-weight-normal);
3788
- }
3706
+ .file\:font-medium::file-selector-button {
3707
+ --tw-font-weight: var(--font-weight-medium);
3708
+ font-weight: var(--font-weight-medium);
3789
3709
  }
3790
- .placeholder\:text-muted-foreground {
3791
- &::placeholder {
3792
- color: var(--color-muted-foreground);
3793
- }
3710
+ .placeholder\:font-normal::placeholder {
3711
+ --tw-font-weight: var(--font-weight-normal);
3712
+ font-weight: var(--font-weight-normal);
3794
3713
  }
3795
- .after\:absolute {
3796
- &::after {
3797
- content: var(--tw-content);
3798
- position: absolute;
3799
- }
3714
+ .placeholder\:text-muted-foreground::placeholder {
3715
+ color: var(--color-muted-foreground);
3800
3716
  }
3801
- .after\:top-0 {
3802
- &::after {
3803
- content: var(--tw-content);
3804
- top: calc(var(--spacing) * 0);
3805
- }
3717
+ .after\:absolute::after {
3718
+ content: var(--tw-content);
3719
+ position: absolute;
3806
3720
  }
3807
- .after\:right-0 {
3808
- &::after {
3809
- content: var(--tw-content);
3810
- right: calc(var(--spacing) * 0);
3811
- }
3721
+ .after\:top-0::after {
3722
+ content: var(--tw-content);
3723
+ top: 0px;
3812
3724
  }
3813
- .after\:left-0 {
3814
- &::after {
3815
- content: var(--tw-content);
3816
- left: calc(var(--spacing) * 0);
3817
- }
3725
+ .after\:right-0::after {
3726
+ content: var(--tw-content);
3727
+ right: 0px;
3818
3728
  }
3819
- .after\:h-\[2px\] {
3820
- &::after {
3821
- content: var(--tw-content);
3822
- height: 2px;
3823
- }
3729
+ .after\:left-0::after {
3730
+ content: var(--tw-content);
3731
+ left: 0px;
3824
3732
  }
3825
- .after\:bg-primary {
3826
- &::after {
3827
- content: var(--tw-content);
3828
- background-color: var(--color-primary);
3829
- }
3733
+ .after\:h-\[2px\]::after {
3734
+ content: var(--tw-content);
3735
+ height: 2px;
3830
3736
  }
3831
- .first\:mt-0 {
3832
- &:first-child {
3833
- margin-top: calc(var(--spacing) * 0);
3834
- }
3737
+ .after\:bg-primary::after {
3738
+ content: var(--tw-content);
3739
+ background-color: var(--color-primary);
3835
3740
  }
3836
- .last\:border-0 {
3837
- &:last-child {
3838
- border-style: var(--tw-border-style);
3839
- border-width: 0px;
3840
- }
3741
+ .first\:mt-0:first-child {
3742
+ margin-top: 0px;
3841
3743
  }
3842
- .last\:border-b-0 {
3843
- &:last-child {
3844
- border-bottom-style: var(--tw-border-style);
3845
- border-bottom-width: 0px;
3846
- }
3744
+ .last\:border-0:last-child {
3745
+ border-style: var(--tw-border-style);
3746
+ border-width: 0px;
3847
3747
  }
3848
- .focus-within\:border-\[var\(--border-accent-hover\)\] {
3849
- &:focus-within {
3850
- border-color: var(--border-accent-hover);
3851
- }
3748
+ .last\:border-b-0:last-child {
3749
+ border-bottom-style: var(--tw-border-style);
3750
+ border-bottom-width: 0px;
3852
3751
  }
3853
- .focus-within\:border-border {
3854
- &:focus-within {
3855
- border-color: var(--color-border);
3856
- }
3752
+ .focus-within\:border-\[var\(--border-accent-hover\)\]:focus-within {
3753
+ border-color: var(--border-accent-hover);
3857
3754
  }
3858
- .focus-within\:border-primary\/60 {
3859
- &:focus-within {
3860
- border-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
3861
- @supports (color: color-mix(in lab, red, red)) {
3862
- border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
3863
- }
3864
- }
3755
+ .focus-within\:border-border:focus-within {
3756
+ border-color: var(--color-border);
3865
3757
  }
3866
- .hover\:-translate-y-0\.5 {
3867
- &:hover {
3868
- @media (hover: hover) {
3869
- --tw-translate-y: calc(var(--spacing) * -0.5);
3870
- translate: var(--tw-translate-x) var(--tw-translate-y);
3871
- }
3758
+ .focus-within\:border-primary\/60:focus-within {
3759
+ border-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
3760
+ @supports (color: color-mix(in lab, red, red)) {
3761
+ border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
3872
3762
  }
3873
3763
  }
3874
- .hover\:border-\[var\(--border-accent\)\] {
3875
- &:hover {
3876
- @media (hover: hover) {
3877
- border-color: var(--border-accent);
3878
- }
3764
+ @media (hover: hover) {
3765
+ .hover\:-translate-y-0\.5:hover {
3766
+ --tw-translate-y: calc(var(--spacing) * -0.5);
3767
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3879
3768
  }
3880
- }
3881
- .hover\:border-\[var\(--border-accent-hover\)\] {
3882
- &:hover {
3883
- @media (hover: hover) {
3884
- border-color: var(--border-accent-hover);
3885
- }
3769
+ .hover\:border-\[var\(--border-accent\)\]:hover {
3770
+ border-color: var(--border-accent);
3886
3771
  }
3887
- }
3888
- .hover\:border-\[var\(--border-default\,hsl\(var\(--border\)\)\)\] {
3889
- &:hover {
3890
- @media (hover: hover) {
3891
- border-color: var(--border-default,hsl(var(--border)));
3892
- }
3772
+ .hover\:border-\[var\(--border-accent-hover\)\]:hover {
3773
+ border-color: var(--border-accent-hover);
3893
3774
  }
3894
- }
3895
- .hover\:border-\[var\(--md3-outline\)\] {
3896
- &:hover {
3897
- @media (hover: hover) {
3898
- border-color: var(--md3-outline);
3899
- }
3775
+ .hover\:border-\[var\(--border-default\,hsl\(var\(--border\)\)\)\]:hover {
3776
+ border-color: var(--border-default,hsl(var(--border)));
3900
3777
  }
3901
- }
3902
- .hover\:border-\[var\(--md3-outline-variant\)\] {
3903
- &:hover {
3904
- @media (hover: hover) {
3905
- border-color: var(--md3-outline-variant);
3906
- }
3778
+ .hover\:border-\[var\(--md3-outline\)\]:hover {
3779
+ border-color: var(--md3-outline);
3907
3780
  }
3908
- }
3909
- .hover\:border-accent\/50 {
3910
- &:hover {
3911
- @media (hover: hover) {
3912
- border-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
3913
- @supports (color: color-mix(in lab, red, red)) {
3914
- border-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
3915
- }
3916
- }
3781
+ .hover\:border-\[var\(--md3-outline-variant\)\]:hover {
3782
+ border-color: var(--md3-outline-variant);
3917
3783
  }
3918
- }
3919
- .hover\:border-border {
3920
- &:hover {
3921
- @media (hover: hover) {
3922
- border-color: var(--color-border);
3923
- }
3784
+ .hover\:border-accent\/50:hover {
3785
+ border-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
3924
3786
  }
3925
- }
3926
- .hover\:border-border\/80 {
3927
- &:hover {
3928
- @media (hover: hover) {
3929
- border-color: color-mix(in srgb, hsl(var(--border)) 80%, transparent);
3930
- @supports (color: color-mix(in lab, red, red)) {
3931
- border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
3932
- }
3787
+ @supports (color: color-mix(in lab, red, red)) {
3788
+ .hover\:border-accent\/50:hover {
3789
+ border-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
3933
3790
  }
3934
3791
  }
3935
- }
3936
- .hover\:border-destructive\/30 {
3937
- &:hover {
3938
- @media (hover: hover) {
3939
- border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
3940
- @supports (color: color-mix(in lab, red, red)) {
3941
- border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
3942
- }
3943
- }
3792
+ .hover\:border-border:hover {
3793
+ border-color: var(--color-border);
3944
3794
  }
3945
- }
3946
- .hover\:border-emerald-500\/30 {
3947
- &:hover {
3948
- @media (hover: hover) {
3949
- border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
3950
- @supports (color: color-mix(in lab, red, red)) {
3951
- border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
3952
- }
3953
- }
3795
+ .hover\:border-border\/80:hover {
3796
+ border-color: color-mix(in srgb, hsl(var(--border)) 80%, transparent);
3954
3797
  }
3955
- }
3956
- .hover\:border-foreground\/15 {
3957
- &:hover {
3958
- @media (hover: hover) {
3959
- border-color: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
3960
- @supports (color: color-mix(in lab, red, red)) {
3961
- border-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
3962
- }
3798
+ @supports (color: color-mix(in lab, red, red)) {
3799
+ .hover\:border-border\/80:hover {
3800
+ border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
3963
3801
  }
3964
3802
  }
3965
- }
3966
- .hover\:border-foreground\/20 {
3967
- &:hover {
3968
- @media (hover: hover) {
3969
- border-color: color-mix(in srgb, hsl(var(--foreground)) 20%, transparent);
3970
- @supports (color: color-mix(in lab, red, red)) {
3971
- border-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
3972
- }
3973
- }
3803
+ .hover\:border-destructive\/30:hover {
3804
+ border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
3974
3805
  }
3975
- }
3976
- .hover\:border-primary\/20 {
3977
- &:hover {
3978
- @media (hover: hover) {
3979
- border-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
3980
- @supports (color: color-mix(in lab, red, red)) {
3981
- border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
3982
- }
3806
+ @supports (color: color-mix(in lab, red, red)) {
3807
+ .hover\:border-destructive\/30:hover {
3808
+ border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
3983
3809
  }
3984
3810
  }
3985
- }
3986
- .hover\:border-primary\/30 {
3987
- &:hover {
3988
- @media (hover: hover) {
3989
- border-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
3990
- @supports (color: color-mix(in lab, red, red)) {
3991
- border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
3992
- }
3993
- }
3811
+ .hover\:border-emerald-500\/30:hover {
3812
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
3994
3813
  }
3995
- }
3996
- .hover\:border-primary\/40 {
3997
- &:hover {
3998
- @media (hover: hover) {
3999
- border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4000
- @supports (color: color-mix(in lab, red, red)) {
4001
- border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4002
- }
3814
+ @supports (color: color-mix(in lab, red, red)) {
3815
+ .hover\:border-emerald-500\/30:hover {
3816
+ border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
4003
3817
  }
4004
3818
  }
4005
- }
4006
- .hover\:border-primary\/50 {
4007
- &:hover {
4008
- @media (hover: hover) {
4009
- border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
4010
- @supports (color: color-mix(in lab, red, red)) {
4011
- border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
4012
- }
4013
- }
3819
+ .hover\:border-foreground\/15:hover {
3820
+ border-color: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
4014
3821
  }
4015
- }
4016
- .hover\:bg-\[var\(--accent-surface-soft\)\] {
4017
- &:hover {
4018
- @media (hover: hover) {
4019
- background-color: var(--accent-surface-soft);
3822
+ @supports (color: color-mix(in lab, red, red)) {
3823
+ .hover\:border-foreground\/15:hover {
3824
+ border-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
4020
3825
  }
4021
3826
  }
4022
- }
4023
- .hover\:bg-\[var\(--accent-surface-strong\)\] {
4024
- &:hover {
4025
- @media (hover: hover) {
4026
- background-color: var(--accent-surface-strong);
4027
- }
3827
+ .hover\:border-foreground\/20:hover {
3828
+ border-color: color-mix(in srgb, hsl(var(--foreground)) 20%, transparent);
4028
3829
  }
4029
- }
4030
- .hover\:bg-\[var\(--bg-hover\,hsl\(var\(--accent\)\)\)\] {
4031
- &:hover {
4032
- @media (hover: hover) {
4033
- background-color: var(--bg-hover,hsl(var(--accent)));
3830
+ @supports (color: color-mix(in lab, red, red)) {
3831
+ .hover\:border-foreground\/20:hover {
3832
+ border-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
4034
3833
  }
4035
3834
  }
4036
- }
4037
- .hover\:bg-\[var\(--btn-primary-hover\)\] {
4038
- &:hover {
4039
- @media (hover: hover) {
4040
- background-color: var(--btn-primary-hover);
4041
- }
3835
+ .hover\:border-primary\/20:hover {
3836
+ border-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
4042
3837
  }
4043
- }
4044
- .hover\:bg-\[var\(--md3-surface-container-high\)\] {
4045
- &:hover {
4046
- @media (hover: hover) {
4047
- background-color: var(--md3-surface-container-high);
3838
+ @supports (color: color-mix(in lab, red, red)) {
3839
+ .hover\:border-primary\/20:hover {
3840
+ border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
4048
3841
  }
4049
3842
  }
4050
- }
4051
- .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25 {
4052
- &:hover {
4053
- @media (hover: hover) {
4054
- background-color: var(--status-error,#ff4d6d);
4055
- @supports (color: color-mix(in lab, red, red)) {
4056
- background-color: color-mix(in oklab, var(--status-error,#ff4d6d) 25%, transparent);
4057
- }
4058
- }
3843
+ .hover\:border-primary\/30:hover {
3844
+ border-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
4059
3845
  }
4060
- }
4061
- .hover\:bg-\[var\(--surface-container-high\)\]\/40 {
4062
- &:hover {
4063
- @media (hover: hover) {
4064
- background-color: var(--surface-container-high);
4065
- @supports (color: color-mix(in lab, red, red)) {
4066
- background-color: color-mix(in oklab, var(--surface-container-high) 40%, transparent);
4067
- }
3846
+ @supports (color: color-mix(in lab, red, red)) {
3847
+ .hover\:border-primary\/30:hover {
3848
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
4068
3849
  }
4069
3850
  }
4070
- }
4071
- .hover\:bg-\[var\(--surface-danger-bg\)\] {
4072
- &:hover {
4073
- @media (hover: hover) {
4074
- background-color: var(--surface-danger-bg);
4075
- }
3851
+ .hover\:border-primary\/40:hover {
3852
+ border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4076
3853
  }
4077
- }
4078
- .hover\:bg-\[var\(--surface-danger-border\)\] {
4079
- &:hover {
4080
- @media (hover: hover) {
4081
- background-color: var(--surface-danger-border);
3854
+ @supports (color: color-mix(in lab, red, red)) {
3855
+ .hover\:border-primary\/40:hover {
3856
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4082
3857
  }
4083
3858
  }
4084
- }
4085
- .hover\:bg-\[var\(--surface-success-border\)\] {
4086
- &:hover {
4087
- @media (hover: hover) {
4088
- background-color: var(--surface-success-border);
4089
- }
3859
+ .hover\:border-primary\/50:hover {
3860
+ border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
4090
3861
  }
4091
- }
4092
- .hover\:bg-accent {
4093
- &:hover {
4094
- @media (hover: hover) {
4095
- background-color: var(--color-accent);
3862
+ @supports (color: color-mix(in lab, red, red)) {
3863
+ .hover\:border-primary\/50:hover {
3864
+ border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
4096
3865
  }
4097
3866
  }
4098
- }
4099
- .hover\:bg-accent\/30 {
4100
- &:hover {
4101
- @media (hover: hover) {
4102
- background-color: color-mix(in srgb, hsl(var(--accent)) 30%, transparent);
4103
- @supports (color: color-mix(in lab, red, red)) {
4104
- background-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
4105
- }
4106
- }
3867
+ .hover\:bg-\[var\(--accent-surface-soft\)\]:hover {
3868
+ background-color: var(--accent-surface-soft);
4107
3869
  }
4108
- }
4109
- .hover\:bg-accent\/40 {
4110
- &:hover {
4111
- @media (hover: hover) {
4112
- background-color: color-mix(in srgb, hsl(var(--accent)) 40%, transparent);
4113
- @supports (color: color-mix(in lab, red, red)) {
4114
- background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
4115
- }
4116
- }
3870
+ .hover\:bg-\[var\(--accent-surface-strong\)\]:hover {
3871
+ background-color: var(--accent-surface-strong);
4117
3872
  }
4118
- }
4119
- .hover\:bg-accent\/45 {
4120
- &:hover {
4121
- @media (hover: hover) {
4122
- background-color: color-mix(in srgb, hsl(var(--accent)) 45%, transparent);
4123
- @supports (color: color-mix(in lab, red, red)) {
4124
- background-color: color-mix(in oklab, var(--color-accent) 45%, transparent);
4125
- }
4126
- }
3873
+ .hover\:bg-\[var\(--bg-hover\,hsl\(var\(--accent\)\)\)\]:hover {
3874
+ background-color: var(--bg-hover,hsl(var(--accent)));
4127
3875
  }
4128
- }
4129
- .hover\:bg-accent\/50 {
4130
- &:hover {
4131
- @media (hover: hover) {
4132
- background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
4133
- @supports (color: color-mix(in lab, red, red)) {
4134
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
4135
- }
4136
- }
3876
+ .hover\:bg-\[var\(--btn-primary-hover\)\]:hover {
3877
+ background-color: var(--btn-primary-hover);
4137
3878
  }
4138
- }
4139
- .hover\:bg-background {
4140
- &:hover {
4141
- @media (hover: hover) {
4142
- background-color: var(--color-background);
4143
- }
3879
+ .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25:hover {
3880
+ background-color: var(--status-error,#ff4d6d);
4144
3881
  }
4145
- }
4146
- .hover\:bg-black\/60 {
4147
- &:hover {
4148
- @media (hover: hover) {
4149
- background-color: color-mix(in srgb, #000 60%, transparent);
4150
- @supports (color: color-mix(in lab, red, red)) {
4151
- background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
4152
- }
3882
+ @supports (color: color-mix(in lab, red, red)) {
3883
+ .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25:hover {
3884
+ background-color: color-mix(in oklab, var(--status-error,#ff4d6d) 25%, transparent);
4153
3885
  }
4154
3886
  }
4155
- }
4156
- .hover\:bg-blue-600\/30 {
4157
- &:hover {
4158
- @media (hover: hover) {
4159
- background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
4160
- @supports (color: color-mix(in lab, red, red)) {
4161
- background-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent);
4162
- }
4163
- }
3887
+ .hover\:bg-\[var\(--surface-container-high\)\]\/40:hover {
3888
+ background-color: var(--surface-container-high);
4164
3889
  }
4165
- }
4166
- .hover\:bg-destructive\/5 {
4167
- &:hover {
4168
- @media (hover: hover) {
4169
- background-color: color-mix(in srgb, hsl(var(--destructive)) 5%, transparent);
4170
- @supports (color: color-mix(in lab, red, red)) {
4171
- background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
4172
- }
3890
+ @supports (color: color-mix(in lab, red, red)) {
3891
+ .hover\:bg-\[var\(--surface-container-high\)\]\/40:hover {
3892
+ background-color: color-mix(in oklab, var(--surface-container-high) 40%, transparent);
4173
3893
  }
4174
3894
  }
4175
- }
4176
- .hover\:bg-destructive\/10 {
4177
- &:hover {
4178
- @media (hover: hover) {
4179
- background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
4180
- @supports (color: color-mix(in lab, red, red)) {
4181
- background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
4182
- }
4183
- }
3895
+ .hover\:bg-\[var\(--surface-danger-bg\)\]:hover {
3896
+ background-color: var(--surface-danger-bg);
4184
3897
  }
4185
- }
4186
- .hover\:bg-destructive\/90 {
4187
- &:hover {
4188
- @media (hover: hover) {
4189
- background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
4190
- @supports (color: color-mix(in lab, red, red)) {
4191
- background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
4192
- }
4193
- }
3898
+ .hover\:bg-\[var\(--surface-danger-border\)\]:hover {
3899
+ background-color: var(--surface-danger-border);
4194
3900
  }
4195
- }
4196
- .hover\:bg-emerald-500\/10 {
4197
- &:hover {
4198
- @media (hover: hover) {
4199
- background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
4200
- @supports (color: color-mix(in lab, red, red)) {
4201
- background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
4202
- }
4203
- }
3901
+ .hover\:bg-\[var\(--surface-success-border\)\]:hover {
3902
+ background-color: var(--surface-success-border);
4204
3903
  }
4205
- }
4206
- .hover\:bg-green-600\/5 {
4207
- &:hover {
4208
- @media (hover: hover) {
4209
- background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 5%, transparent);
4210
- @supports (color: color-mix(in lab, red, red)) {
4211
- background-color: color-mix(in oklab, var(--color-green-600) 5%, transparent);
4212
- }
4213
- }
3904
+ .hover\:bg-accent:hover {
3905
+ background-color: var(--color-accent);
4214
3906
  }
4215
- }
4216
- .hover\:bg-green-600\/30 {
4217
- &:hover {
4218
- @media (hover: hover) {
4219
- background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 30%, transparent);
4220
- @supports (color: color-mix(in lab, red, red)) {
4221
- background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
4222
- }
4223
- }
3907
+ .hover\:bg-accent\/30:hover {
3908
+ background-color: color-mix(in srgb, hsl(var(--accent)) 30%, transparent);
4224
3909
  }
4225
- }
4226
- .hover\:bg-muted {
4227
- &:hover {
4228
- @media (hover: hover) {
4229
- background-color: var(--color-muted);
3910
+ @supports (color: color-mix(in lab, red, red)) {
3911
+ .hover\:bg-accent\/30:hover {
3912
+ background-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
4230
3913
  }
4231
3914
  }
4232
- }
4233
- .hover\:bg-muted\/50 {
4234
- &:hover {
4235
- @media (hover: hover) {
4236
- background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4237
- @supports (color: color-mix(in lab, red, red)) {
4238
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4239
- }
4240
- }
3915
+ .hover\:bg-accent\/40:hover {
3916
+ background-color: color-mix(in srgb, hsl(var(--accent)) 40%, transparent);
4241
3917
  }
4242
- }
4243
- .hover\:bg-muted\/60 {
4244
- &:hover {
4245
- @media (hover: hover) {
4246
- background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
4247
- @supports (color: color-mix(in lab, red, red)) {
4248
- background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
4249
- }
3918
+ @supports (color: color-mix(in lab, red, red)) {
3919
+ .hover\:bg-accent\/40:hover {
3920
+ background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
4250
3921
  }
4251
3922
  }
4252
- }
4253
- .hover\:bg-muted\/80 {
4254
- &:hover {
4255
- @media (hover: hover) {
4256
- background-color: color-mix(in srgb, hsl(var(--muted)) 80%, transparent);
4257
- @supports (color: color-mix(in lab, red, red)) {
4258
- background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
4259
- }
4260
- }
3923
+ .hover\:bg-accent\/45:hover {
3924
+ background-color: color-mix(in srgb, hsl(var(--accent)) 45%, transparent);
4261
3925
  }
4262
- }
4263
- .hover\:bg-primary {
4264
- &:hover {
4265
- @media (hover: hover) {
4266
- background-color: var(--color-primary);
3926
+ @supports (color: color-mix(in lab, red, red)) {
3927
+ .hover\:bg-accent\/45:hover {
3928
+ background-color: color-mix(in oklab, var(--color-accent) 45%, transparent);
4267
3929
  }
4268
3930
  }
4269
- }
4270
- .hover\:bg-primary\/15 {
4271
- &:hover {
4272
- @media (hover: hover) {
4273
- background-color: color-mix(in srgb, hsl(var(--primary)) 15%, transparent);
4274
- @supports (color: color-mix(in lab, red, red)) {
4275
- background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
4276
- }
4277
- }
3931
+ .hover\:bg-accent\/50:hover {
3932
+ background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
4278
3933
  }
4279
- }
4280
- .hover\:bg-primary\/20 {
4281
- &:hover {
4282
- @media (hover: hover) {
4283
- background-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
4284
- @supports (color: color-mix(in lab, red, red)) {
4285
- background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
4286
- }
3934
+ @supports (color: color-mix(in lab, red, red)) {
3935
+ .hover\:bg-accent\/50:hover {
3936
+ background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
4287
3937
  }
4288
3938
  }
4289
- }
4290
- .hover\:bg-primary\/30 {
4291
- &:hover {
4292
- @media (hover: hover) {
4293
- background-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
4294
- @supports (color: color-mix(in lab, red, red)) {
4295
- background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
4296
- }
4297
- }
3939
+ .hover\:bg-background:hover {
3940
+ background-color: var(--color-background);
4298
3941
  }
4299
- }
4300
- .hover\:bg-primary\/90 {
4301
- &:hover {
4302
- @media (hover: hover) {
4303
- background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
4304
- @supports (color: color-mix(in lab, red, red)) {
4305
- background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
4306
- }
4307
- }
3942
+ .hover\:bg-black\/60:hover {
3943
+ background-color: color-mix(in srgb, #000 60%, transparent);
4308
3944
  }
4309
- }
4310
- .hover\:bg-red-600\/30 {
4311
- &:hover {
4312
- @media (hover: hover) {
4313
- background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent);
4314
- @supports (color: color-mix(in lab, red, red)) {
4315
- background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
4316
- }
3945
+ @supports (color: color-mix(in lab, red, red)) {
3946
+ .hover\:bg-black\/60:hover {
3947
+ background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
4317
3948
  }
4318
3949
  }
4319
- }
4320
- .hover\:bg-red-700 {
4321
- &:hover {
4322
- @media (hover: hover) {
4323
- background-color: var(--color-red-700);
4324
- }
3950
+ .hover\:bg-blue-600\/30:hover {
3951
+ background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
4325
3952
  }
4326
- }
4327
- .hover\:bg-surface-container-high {
4328
- &:hover {
4329
- @media (hover: hover) {
4330
- background-color: var(--color-surface-container-high);
3953
+ @supports (color: color-mix(in lab, red, red)) {
3954
+ .hover\:bg-blue-600\/30:hover {
3955
+ background-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent);
4331
3956
  }
4332
3957
  }
4333
- }
4334
- .hover\:bg-surface-container-highest {
4335
- &:hover {
4336
- @media (hover: hover) {
4337
- background-color: var(--color-surface-container-highest);
4338
- }
3958
+ .hover\:bg-destructive\/5:hover {
3959
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 5%, transparent);
4339
3960
  }
4340
- }
4341
- .hover\:bg-white\/5 {
4342
- &:hover {
4343
- @media (hover: hover) {
4344
- background-color: color-mix(in srgb, #fff 5%, transparent);
4345
- @supports (color: color-mix(in lab, red, red)) {
4346
- background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
4347
- }
3961
+ @supports (color: color-mix(in lab, red, red)) {
3962
+ .hover\:bg-destructive\/5:hover {
3963
+ background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
4348
3964
  }
4349
3965
  }
4350
- }
4351
- .hover\:bg-yellow-600\/30 {
4352
- &:hover {
4353
- @media (hover: hover) {
4354
- background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
4355
- @supports (color: color-mix(in lab, red, red)) {
4356
- background-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent);
4357
- }
4358
- }
3966
+ .hover\:bg-destructive\/10:hover {
3967
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
4359
3968
  }
4360
- }
4361
- .hover\:text-\[var\(--accent-text\)\] {
4362
- &:hover {
4363
- @media (hover: hover) {
4364
- color: var(--accent-text);
3969
+ @supports (color: color-mix(in lab, red, red)) {
3970
+ .hover\:bg-destructive\/10:hover {
3971
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
4365
3972
  }
4366
3973
  }
4367
- }
4368
- .hover\:text-\[var\(--status-error\,\#ff4d6d\)\] {
4369
- &:hover {
4370
- @media (hover: hover) {
4371
- color: var(--status-error,#ff4d6d);
4372
- }
3974
+ .hover\:bg-destructive\/90:hover {
3975
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
4373
3976
  }
4374
- }
4375
- .hover\:text-\[var\(--surface-danger-text\)\] {
4376
- &:hover {
4377
- @media (hover: hover) {
4378
- color: var(--surface-danger-text);
3977
+ @supports (color: color-mix(in lab, red, red)) {
3978
+ .hover\:bg-destructive\/90:hover {
3979
+ background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
4379
3980
  }
4380
3981
  }
4381
- }
4382
- .hover\:text-accent-foreground {
4383
- &:hover {
4384
- @media (hover: hover) {
4385
- color: var(--color-accent-foreground);
4386
- }
3982
+ .hover\:bg-emerald-500\/10:hover {
3983
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
4387
3984
  }
4388
- }
4389
- .hover\:text-destructive {
4390
- &:hover {
4391
- @media (hover: hover) {
4392
- color: var(--color-destructive);
3985
+ @supports (color: color-mix(in lab, red, red)) {
3986
+ .hover\:bg-emerald-500\/10:hover {
3987
+ background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
4393
3988
  }
4394
3989
  }
4395
- }
4396
- .hover\:text-foreground {
4397
- &:hover {
4398
- @media (hover: hover) {
4399
- color: var(--color-foreground);
4400
- }
3990
+ .hover\:bg-green-600\/5:hover {
3991
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 5%, transparent);
4401
3992
  }
4402
- }
4403
- .hover\:text-green-600 {
4404
- &:hover {
4405
- @media (hover: hover) {
4406
- color: var(--color-green-600);
3993
+ @supports (color: color-mix(in lab, red, red)) {
3994
+ .hover\:bg-green-600\/5:hover {
3995
+ background-color: color-mix(in oklab, var(--color-green-600) 5%, transparent);
4407
3996
  }
4408
3997
  }
4409
- }
4410
- .hover\:text-primary {
4411
- &:hover {
4412
- @media (hover: hover) {
4413
- color: var(--color-primary);
3998
+ .hover\:bg-green-600\/30:hover {
3999
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 30%, transparent);
4000
+ }
4001
+ @supports (color: color-mix(in lab, red, red)) {
4002
+ .hover\:bg-green-600\/30:hover {
4003
+ background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
4414
4004
  }
4415
4005
  }
4416
- }
4417
- .hover\:text-primary-foreground {
4418
- &:hover {
4419
- @media (hover: hover) {
4420
- color: var(--color-primary-foreground);
4006
+ .hover\:bg-muted:hover {
4007
+ background-color: var(--color-muted);
4008
+ }
4009
+ .hover\:bg-muted\/50:hover {
4010
+ background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4011
+ }
4012
+ @supports (color: color-mix(in lab, red, red)) {
4013
+ .hover\:bg-muted\/50:hover {
4014
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4421
4015
  }
4422
4016
  }
4423
- }
4424
- .hover\:text-primary\/70 {
4425
- &:hover {
4426
- @media (hover: hover) {
4427
- color: color-mix(in srgb, hsl(var(--primary)) 70%, transparent);
4428
- @supports (color: color-mix(in lab, red, red)) {
4429
- color: color-mix(in oklab, var(--color-primary) 70%, transparent);
4430
- }
4017
+ .hover\:bg-muted\/60:hover {
4018
+ background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
4019
+ }
4020
+ @supports (color: color-mix(in lab, red, red)) {
4021
+ .hover\:bg-muted\/60:hover {
4022
+ background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
4431
4023
  }
4432
4024
  }
4433
- }
4434
- .hover\:underline {
4435
- &:hover {
4436
- @media (hover: hover) {
4437
- text-decoration-line: underline;
4025
+ .hover\:bg-muted\/80:hover {
4026
+ background-color: color-mix(in srgb, hsl(var(--muted)) 80%, transparent);
4027
+ }
4028
+ @supports (color: color-mix(in lab, red, red)) {
4029
+ .hover\:bg-muted\/80:hover {
4030
+ background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
4438
4031
  }
4439
4032
  }
4440
- }
4441
- .hover\:opacity-80 {
4442
- &:hover {
4443
- @media (hover: hover) {
4444
- opacity: 80%;
4033
+ .hover\:bg-primary:hover {
4034
+ background-color: var(--color-primary);
4035
+ }
4036
+ .hover\:bg-primary\/15:hover {
4037
+ background-color: color-mix(in srgb, hsl(var(--primary)) 15%, transparent);
4038
+ }
4039
+ @supports (color: color-mix(in lab, red, red)) {
4040
+ .hover\:bg-primary\/15:hover {
4041
+ background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
4445
4042
  }
4446
4043
  }
4447
- }
4448
- .hover\:opacity-90 {
4449
- &:hover {
4450
- @media (hover: hover) {
4451
- opacity: 90%;
4044
+ .hover\:bg-primary\/20:hover {
4045
+ background-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
4046
+ }
4047
+ @supports (color: color-mix(in lab, red, red)) {
4048
+ .hover\:bg-primary\/20:hover {
4049
+ background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
4452
4050
  }
4453
4051
  }
4454
- }
4455
- .hover\:opacity-100 {
4456
- &:hover {
4457
- @media (hover: hover) {
4458
- opacity: 100%;
4052
+ .hover\:bg-primary\/30:hover {
4053
+ background-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
4054
+ }
4055
+ @supports (color: color-mix(in lab, red, red)) {
4056
+ .hover\:bg-primary\/30:hover {
4057
+ background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
4459
4058
  }
4460
4059
  }
4461
- }
4462
- .hover\:shadow-sm {
4463
- &:hover {
4464
- @media (hover: hover) {
4465
- --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));
4466
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4060
+ .hover\:bg-primary\/90:hover {
4061
+ background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
4062
+ }
4063
+ @supports (color: color-mix(in lab, red, red)) {
4064
+ .hover\:bg-primary\/90:hover {
4065
+ background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
4467
4066
  }
4468
4067
  }
4469
- }
4470
- .hover\:brightness-110 {
4471
- &:hover {
4472
- @media (hover: hover) {
4473
- --tw-brightness: brightness(110%);
4474
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
4068
+ .hover\:bg-red-600\/30:hover {
4069
+ background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent);
4070
+ }
4071
+ @supports (color: color-mix(in lab, red, red)) {
4072
+ .hover\:bg-red-600\/30:hover {
4073
+ background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
4475
4074
  }
4476
4075
  }
4477
- }
4478
- .focus\:border-\[var\(--border-accent\)\] {
4479
- &:focus {
4480
- border-color: var(--border-accent);
4076
+ .hover\:bg-red-700:hover {
4077
+ background-color: var(--color-red-700);
4481
4078
  }
4482
- }
4483
- .focus\:border-\[var\(--border-accent-hover\)\] {
4484
- &:focus {
4485
- border-color: var(--border-accent-hover);
4079
+ .hover\:bg-surface-container-high:hover {
4080
+ background-color: var(--color-surface-container-high);
4486
4081
  }
4487
- }
4488
- .focus\:border-primary {
4489
- &:focus {
4490
- border-color: var(--color-primary);
4082
+ .hover\:bg-surface-container-highest:hover {
4083
+ background-color: var(--color-surface-container-highest);
4491
4084
  }
4492
- }
4493
- .focus\:bg-accent {
4494
- &:focus {
4495
- background-color: var(--color-accent);
4085
+ .hover\:bg-white\/5:hover {
4086
+ background-color: color-mix(in srgb, #fff 5%, transparent);
4496
4087
  }
4497
- }
4498
- .focus\:bg-accent\/40 {
4499
- &:focus {
4500
- background-color: color-mix(in srgb, hsl(var(--accent)) 40%, transparent);
4501
- @supports (color: color-mix(in lab, red, red)) {
4502
- background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
4088
+ @supports (color: color-mix(in lab, red, red)) {
4089
+ .hover\:bg-white\/5:hover {
4090
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
4503
4091
  }
4504
4092
  }
4505
- }
4506
- .focus\:bg-accent\/50 {
4507
- &:focus {
4508
- background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
4509
- @supports (color: color-mix(in lab, red, red)) {
4510
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
4511
- }
4093
+ .hover\:bg-yellow-600\/30:hover {
4094
+ background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
4512
4095
  }
4513
- }
4514
- .focus\:bg-destructive\/10 {
4515
- &:focus {
4516
- background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
4517
- @supports (color: color-mix(in lab, red, red)) {
4518
- background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
4096
+ @supports (color: color-mix(in lab, red, red)) {
4097
+ .hover\:bg-yellow-600\/30:hover {
4098
+ background-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent);
4519
4099
  }
4520
4100
  }
4521
- }
4522
- .focus\:bg-muted\/50 {
4523
- &:focus {
4524
- background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4525
- @supports (color: color-mix(in lab, red, red)) {
4526
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4527
- }
4101
+ .hover\:text-\[var\(--accent-text\)\]:hover {
4102
+ color: var(--accent-text);
4528
4103
  }
4529
- }
4530
- .focus\:bg-primary\/15 {
4531
- &:focus {
4532
- background-color: color-mix(in srgb, hsl(var(--primary)) 15%, transparent);
4533
- @supports (color: color-mix(in lab, red, red)) {
4534
- background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
4535
- }
4104
+ .hover\:text-\[var\(--status-error\,\#ff4d6d\)\]:hover {
4105
+ color: var(--status-error,#ff4d6d);
4536
4106
  }
4537
- }
4538
- .focus\:text-\[var\(--surface-danger-text\)\] {
4539
- &:focus {
4107
+ .hover\:text-\[var\(--surface-danger-text\)\]:hover {
4540
4108
  color: var(--surface-danger-text);
4541
4109
  }
4542
- }
4543
- .focus\:text-destructive {
4544
- &:focus {
4110
+ .hover\:text-accent-foreground:hover {
4111
+ color: var(--color-accent-foreground);
4112
+ }
4113
+ .hover\:text-destructive:hover {
4545
4114
  color: var(--color-destructive);
4546
4115
  }
4547
- }
4548
- .focus\:text-foreground {
4549
- &:focus {
4116
+ .hover\:text-foreground:hover {
4550
4117
  color: var(--color-foreground);
4551
4118
  }
4552
- }
4553
- .focus\:text-red-400 {
4554
- &:focus {
4555
- color: var(--color-red-400);
4119
+ .hover\:text-green-600:hover {
4120
+ color: var(--color-green-600);
4556
4121
  }
4557
- }
4558
- .focus\:ring-0 {
4559
- &:focus {
4560
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4561
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4122
+ .hover\:text-primary:hover {
4123
+ color: var(--color-primary);
4562
4124
  }
4563
- }
4564
- .focus\:ring-1 {
4565
- &:focus {
4566
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4567
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4125
+ .hover\:text-primary-foreground:hover {
4126
+ color: var(--color-primary-foreground);
4568
4127
  }
4569
- }
4570
- .focus\:ring-2 {
4571
- &:focus {
4572
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4128
+ .hover\:text-primary\/70:hover {
4129
+ color: color-mix(in srgb, hsl(var(--primary)) 70%, transparent);
4130
+ }
4131
+ @supports (color: color-mix(in lab, red, red)) {
4132
+ .hover\:text-primary\/70:hover {
4133
+ color: color-mix(in oklab, var(--color-primary) 70%, transparent);
4134
+ }
4135
+ }
4136
+ .hover\:underline:hover {
4137
+ text-decoration-line: underline;
4138
+ }
4139
+ .hover\:opacity-80:hover {
4140
+ opacity: 80%;
4141
+ }
4142
+ .hover\:opacity-90:hover {
4143
+ opacity: 90%;
4144
+ }
4145
+ .hover\:opacity-100:hover {
4146
+ opacity: 100%;
4147
+ }
4148
+ .hover\:shadow-sm:hover {
4149
+ --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));
4573
4150
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4574
4151
  }
4575
- }
4576
- .focus\:ring-\[var\(--border-accent\)\] {
4577
- &:focus {
4578
- --tw-ring-color: var(--border-accent);
4152
+ .hover\:brightness-110:hover {
4153
+ --tw-brightness: brightness(110%);
4154
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
4579
4155
  }
4580
4156
  }
4581
- .focus\:ring-\[var\(--surface-danger-border\)\] {
4582
- &:focus {
4583
- --tw-ring-color: var(--surface-danger-border);
4584
- }
4157
+ .focus\:border-\[var\(--border-accent\)\]:focus {
4158
+ border-color: var(--border-accent);
4585
4159
  }
4586
- .focus\:ring-primary {
4587
- &:focus {
4588
- --tw-ring-color: var(--color-primary);
4589
- }
4160
+ .focus\:border-\[var\(--border-accent-hover\)\]:focus {
4161
+ border-color: var(--border-accent-hover);
4590
4162
  }
4591
- .focus\:ring-primary\/30 {
4592
- &:focus {
4593
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
4594
- @supports (color: color-mix(in lab, red, red)) {
4595
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
4596
- }
4597
- }
4163
+ .focus\:border-primary:focus {
4164
+ border-color: var(--color-primary);
4598
4165
  }
4599
- .focus\:ring-primary\/40 {
4600
- &:focus {
4601
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4602
- @supports (color: color-mix(in lab, red, red)) {
4603
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4604
- }
4605
- }
4166
+ .focus\:bg-accent:focus {
4167
+ background-color: var(--color-accent);
4606
4168
  }
4607
- .focus\:ring-ring {
4608
- &:focus {
4609
- --tw-ring-color: var(--color-ring);
4169
+ .focus\:bg-accent\/40:focus {
4170
+ background-color: color-mix(in srgb, hsl(var(--accent)) 40%, transparent);
4171
+ @supports (color: color-mix(in lab, red, red)) {
4172
+ background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
4610
4173
  }
4611
4174
  }
4612
- .focus\:ring-offset-0 {
4613
- &:focus {
4614
- --tw-ring-offset-width: 0px;
4615
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4175
+ .focus\:bg-accent\/50:focus {
4176
+ background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
4177
+ @supports (color: color-mix(in lab, red, red)) {
4178
+ background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
4616
4179
  }
4617
4180
  }
4618
- .focus\:ring-offset-2 {
4619
- &:focus {
4620
- --tw-ring-offset-width: 2px;
4621
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4181
+ .focus\:bg-destructive\/10:focus {
4182
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
4183
+ @supports (color: color-mix(in lab, red, red)) {
4184
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
4622
4185
  }
4623
4186
  }
4624
- .focus\:outline-none {
4625
- &:focus {
4626
- --tw-outline-style: none;
4627
- outline-style: none;
4187
+ .focus\:bg-muted\/50:focus {
4188
+ background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4189
+ @supports (color: color-mix(in lab, red, red)) {
4190
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4628
4191
  }
4629
4192
  }
4630
- .focus-visible\:border-\[var\(--border-accent\)\] {
4631
- &:focus-visible {
4632
- border-color: var(--border-accent);
4193
+ .focus\:bg-primary\/15:focus {
4194
+ background-color: color-mix(in srgb, hsl(var(--primary)) 15%, transparent);
4195
+ @supports (color: color-mix(in lab, red, red)) {
4196
+ background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
4633
4197
  }
4634
4198
  }
4635
- .focus-visible\:border-primary\/50 {
4636
- &:focus-visible {
4637
- border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
4638
- @supports (color: color-mix(in lab, red, red)) {
4639
- border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
4640
- }
4641
- }
4199
+ .focus\:text-\[var\(--surface-danger-text\)\]:focus {
4200
+ color: var(--surface-danger-text);
4642
4201
  }
4643
- .focus-visible\:bg-background {
4644
- &:focus-visible {
4645
- background-color: var(--color-background);
4646
- }
4202
+ .focus\:text-destructive:focus {
4203
+ color: var(--color-destructive);
4647
4204
  }
4648
- .focus-visible\:bg-primary\/40 {
4649
- &:focus-visible {
4650
- background-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4651
- @supports (color: color-mix(in lab, red, red)) {
4652
- background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4653
- }
4654
- }
4205
+ .focus\:text-foreground:focus {
4206
+ color: var(--color-foreground);
4655
4207
  }
4656
- .focus-visible\:bg-transparent {
4657
- &:focus-visible {
4658
- background-color: transparent;
4659
- }
4208
+ .focus\:text-red-400:focus {
4209
+ color: var(--color-red-400);
4660
4210
  }
4661
- .focus-visible\:text-foreground {
4662
- &:focus-visible {
4663
- color: var(--color-foreground);
4664
- }
4211
+ .focus\:ring-0:focus {
4212
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4213
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4665
4214
  }
4666
- .focus-visible\:opacity-100 {
4667
- &:focus-visible {
4668
- opacity: 100%;
4669
- }
4215
+ .focus\:ring-1:focus {
4216
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4217
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4670
4218
  }
4671
- .focus-visible\:ring-1 {
4672
- &:focus-visible {
4673
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4674
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4675
- }
4219
+ .focus\:ring-2:focus {
4220
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4221
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4676
4222
  }
4677
- .focus-visible\:ring-2 {
4678
- &:focus-visible {
4679
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4680
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4681
- }
4223
+ .focus\:ring-\[var\(--border-accent\)\]:focus {
4224
+ --tw-ring-color: var(--border-accent);
4682
4225
  }
4683
- .focus-visible\:ring-\[var\(--border-accent\)\] {
4684
- &:focus-visible {
4685
- --tw-ring-color: var(--border-accent);
4686
- }
4226
+ .focus\:ring-\[var\(--surface-danger-border\)\]:focus {
4227
+ --tw-ring-color: var(--surface-danger-border);
4687
4228
  }
4688
- .focus-visible\:ring-primary\/20 {
4689
- &:focus-visible {
4690
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
4691
- @supports (color: color-mix(in lab, red, red)) {
4692
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
4693
- }
4694
- }
4229
+ .focus\:ring-primary:focus {
4230
+ --tw-ring-color: var(--color-primary);
4695
4231
  }
4696
- .focus-visible\:ring-primary\/40 {
4697
- &:focus-visible {
4698
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4699
- @supports (color: color-mix(in lab, red, red)) {
4700
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4701
- }
4232
+ .focus\:ring-primary\/30:focus {
4233
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
4234
+ @supports (color: color-mix(in lab, red, red)) {
4235
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
4702
4236
  }
4703
4237
  }
4704
- .focus-visible\:ring-primary\/60 {
4705
- &:focus-visible {
4706
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
4707
- @supports (color: color-mix(in lab, red, red)) {
4708
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
4709
- }
4238
+ .focus\:ring-primary\/40:focus {
4239
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4240
+ @supports (color: color-mix(in lab, red, red)) {
4241
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4710
4242
  }
4711
4243
  }
4712
- .focus-visible\:ring-ring {
4713
- &:focus-visible {
4714
- --tw-ring-color: var(--color-ring);
4715
- }
4244
+ .focus\:ring-ring:focus {
4245
+ --tw-ring-color: var(--color-ring);
4716
4246
  }
4717
- .focus-visible\:ring-offset-2 {
4718
- &:focus-visible {
4719
- --tw-ring-offset-width: 2px;
4720
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4721
- }
4247
+ .focus\:ring-offset-0:focus {
4248
+ --tw-ring-offset-width: 0px;
4249
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4722
4250
  }
4723
- .focus-visible\:ring-offset-background {
4724
- &:focus-visible {
4725
- --tw-ring-offset-color: var(--color-background);
4726
- }
4251
+ .focus\:ring-offset-2:focus {
4252
+ --tw-ring-offset-width: 2px;
4253
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4727
4254
  }
4728
- .focus-visible\:outline-none {
4729
- &:focus-visible {
4730
- --tw-outline-style: none;
4731
- outline-style: none;
4732
- }
4255
+ .focus\:outline-none:focus {
4256
+ --tw-outline-style: none;
4257
+ outline-style: none;
4733
4258
  }
4734
- .focus-visible\:ring-inset {
4735
- &:focus-visible {
4736
- --tw-ring-inset: inset;
4737
- }
4259
+ .focus-visible\:border-\[var\(--border-accent\)\]:focus-visible {
4260
+ border-color: var(--border-accent);
4738
4261
  }
4739
- .active\:scale-90 {
4740
- &:active {
4741
- --tw-scale-x: 90%;
4742
- --tw-scale-y: 90%;
4743
- --tw-scale-z: 90%;
4744
- scale: var(--tw-scale-x) var(--tw-scale-y);
4262
+ .focus-visible\:border-primary\/50:focus-visible {
4263
+ border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
4264
+ @supports (color: color-mix(in lab, red, red)) {
4265
+ border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
4745
4266
  }
4746
4267
  }
4747
- .active\:scale-95 {
4748
- &:active {
4749
- --tw-scale-x: 95%;
4750
- --tw-scale-y: 95%;
4751
- --tw-scale-z: 95%;
4752
- scale: var(--tw-scale-x) var(--tw-scale-y);
4753
- }
4268
+ .focus-visible\:bg-background:focus-visible {
4269
+ background-color: var(--color-background);
4754
4270
  }
4755
- .active\:scale-\[0\.97\] {
4756
- &:active {
4757
- scale: 0.97;
4271
+ .focus-visible\:bg-primary\/40:focus-visible {
4272
+ background-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4273
+ @supports (color: color-mix(in lab, red, red)) {
4274
+ background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4758
4275
  }
4759
4276
  }
4760
- .active\:scale-\[0\.98\] {
4761
- &:active {
4762
- scale: 0.98;
4763
- }
4277
+ .focus-visible\:bg-transparent:focus-visible {
4278
+ background-color: transparent;
4764
4279
  }
4765
- .active\:scale-\[0\.99\] {
4766
- &:active {
4767
- scale: 0.99;
4768
- }
4280
+ .focus-visible\:text-foreground:focus-visible {
4281
+ color: var(--color-foreground);
4769
4282
  }
4770
- .active\:bg-\[var\(--border-accent\)\] {
4771
- &:active {
4772
- background-color: var(--border-accent);
4773
- }
4283
+ .focus-visible\:opacity-100:focus-visible {
4284
+ opacity: 100%;
4774
4285
  }
4775
- .disabled\:pointer-events-none {
4776
- &:disabled {
4777
- pointer-events: none;
4778
- }
4286
+ .focus-visible\:ring-1:focus-visible {
4287
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4288
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4779
4289
  }
4780
- .disabled\:cursor-not-allowed {
4781
- &:disabled {
4782
- cursor: not-allowed;
4783
- }
4290
+ .focus-visible\:ring-2:focus-visible {
4291
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4292
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4784
4293
  }
4785
- .disabled\:opacity-30 {
4786
- &:disabled {
4787
- opacity: 30%;
4788
- }
4294
+ .focus-visible\:ring-\[var\(--border-accent\)\]:focus-visible {
4295
+ --tw-ring-color: var(--border-accent);
4789
4296
  }
4790
- .disabled\:opacity-40 {
4791
- &:disabled {
4792
- opacity: 40%;
4297
+ .focus-visible\:ring-primary\/20:focus-visible {
4298
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
4299
+ @supports (color: color-mix(in lab, red, red)) {
4300
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
4793
4301
  }
4794
4302
  }
4795
- .disabled\:opacity-50 {
4796
- &:disabled {
4797
- opacity: 50%;
4303
+ .focus-visible\:ring-primary\/40:focus-visible {
4304
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4305
+ @supports (color: color-mix(in lab, red, red)) {
4306
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4798
4307
  }
4799
4308
  }
4800
- .disabled\:opacity-60 {
4801
- &:disabled {
4802
- opacity: 60%;
4309
+ .focus-visible\:ring-primary\/60:focus-visible {
4310
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
4311
+ @supports (color: color-mix(in lab, red, red)) {
4312
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
4803
4313
  }
4804
4314
  }
4805
- .data-\[disabled\]\:pointer-events-none {
4806
- &[data-disabled] {
4807
- pointer-events: none;
4808
- }
4315
+ .focus-visible\:ring-ring:focus-visible {
4316
+ --tw-ring-color: var(--color-ring);
4809
4317
  }
4810
- .data-\[disabled\]\:opacity-50 {
4811
- &[data-disabled] {
4812
- opacity: 50%;
4813
- }
4318
+ .focus-visible\:ring-offset-2:focus-visible {
4319
+ --tw-ring-offset-width: 2px;
4320
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4814
4321
  }
4815
- .data-\[side\=bottom\]\:translate-y-1 {
4816
- &[data-side="bottom"] {
4817
- --tw-translate-y: calc(var(--spacing) * 1);
4818
- translate: var(--tw-translate-x) var(--tw-translate-y);
4819
- }
4322
+ .focus-visible\:ring-offset-background:focus-visible {
4323
+ --tw-ring-offset-color: var(--color-background);
4820
4324
  }
4821
- .data-\[side\=left\]\:-translate-x-1 {
4822
- &[data-side="left"] {
4823
- --tw-translate-x: calc(var(--spacing) * -1);
4824
- translate: var(--tw-translate-x) var(--tw-translate-y);
4825
- }
4325
+ .focus-visible\:outline-none:focus-visible {
4326
+ --tw-outline-style: none;
4327
+ outline-style: none;
4826
4328
  }
4827
- .data-\[side\=right\]\:translate-x-1 {
4828
- &[data-side="right"] {
4829
- --tw-translate-x: calc(var(--spacing) * 1);
4830
- translate: var(--tw-translate-x) var(--tw-translate-y);
4831
- }
4329
+ .focus-visible\:ring-inset:focus-visible {
4330
+ --tw-ring-inset: inset;
4832
4331
  }
4833
- .data-\[side\=top\]\:-translate-y-1 {
4834
- &[data-side="top"] {
4835
- --tw-translate-y: calc(var(--spacing) * -1);
4836
- translate: var(--tw-translate-x) var(--tw-translate-y);
4837
- }
4332
+ .active\:scale-90:active {
4333
+ --tw-scale-x: 90%;
4334
+ --tw-scale-y: 90%;
4335
+ --tw-scale-z: 90%;
4336
+ scale: var(--tw-scale-x) var(--tw-scale-y);
4838
4337
  }
4839
- .data-\[state\=active\]\:border-primary {
4840
- &[data-state="active"] {
4841
- border-color: var(--color-primary);
4842
- }
4338
+ .active\:scale-95:active {
4339
+ --tw-scale-x: 95%;
4340
+ --tw-scale-y: 95%;
4341
+ --tw-scale-z: 95%;
4342
+ scale: var(--tw-scale-x) var(--tw-scale-y);
4843
4343
  }
4844
- .data-\[state\=active\]\:bg-background {
4845
- &[data-state="active"] {
4846
- background-color: var(--color-background);
4847
- }
4344
+ .active\:scale-\[0\.97\]:active {
4345
+ scale: 0.97;
4848
4346
  }
4849
- .data-\[state\=active\]\:bg-primary {
4850
- &[data-state="active"] {
4851
- background-color: var(--color-primary);
4852
- }
4347
+ .active\:scale-\[0\.98\]:active {
4348
+ scale: 0.98;
4853
4349
  }
4854
- .data-\[state\=active\]\:text-foreground {
4855
- &[data-state="active"] {
4856
- color: var(--color-foreground);
4857
- }
4350
+ .active\:scale-\[0\.99\]:active {
4351
+ scale: 0.99;
4858
4352
  }
4859
- .data-\[state\=active\]\:text-primary-foreground {
4860
- &[data-state="active"] {
4861
- color: var(--color-primary-foreground);
4862
- }
4353
+ .active\:bg-\[var\(--border-accent\)\]:active {
4354
+ background-color: var(--border-accent);
4863
4355
  }
4864
- .data-\[state\=active\]\:shadow-sm {
4865
- &[data-state="active"] {
4866
- --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));
4867
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4868
- }
4356
+ .disabled\:pointer-events-none:disabled {
4357
+ pointer-events: none;
4869
4358
  }
4870
- .data-\[state\=checked\]\:translate-x-4 {
4871
- &[data-state="checked"] {
4872
- --tw-translate-x: calc(var(--spacing) * 4);
4873
- translate: var(--tw-translate-x) var(--tw-translate-y);
4874
- }
4359
+ .disabled\:cursor-not-allowed:disabled {
4360
+ cursor: not-allowed;
4875
4361
  }
4876
- .data-\[state\=checked\]\:bg-\[var\(--accent-surface-soft\)\] {
4877
- &[data-state="checked"] {
4878
- background-color: var(--accent-surface-soft);
4879
- }
4362
+ .disabled\:opacity-30:disabled {
4363
+ opacity: 30%;
4880
4364
  }
4881
- .data-\[state\=checked\]\:bg-primary {
4882
- &[data-state="checked"] {
4883
- background-color: var(--color-primary);
4884
- }
4365
+ .disabled\:opacity-40:disabled {
4366
+ opacity: 40%;
4885
4367
  }
4886
- .data-\[state\=checked\]\:text-\[var\(--accent-text\)\] {
4887
- &[data-state="checked"] {
4888
- color: var(--accent-text);
4889
- }
4368
+ .disabled\:opacity-50:disabled {
4369
+ opacity: 50%;
4890
4370
  }
4891
- .data-\[state\=checked\]\:text-\[var\(--brand-primary\)\] {
4892
- &[data-state="checked"] {
4893
- color: var(--brand-primary);
4894
- }
4371
+ .disabled\:opacity-60:disabled {
4372
+ opacity: 60%;
4895
4373
  }
4896
- .data-\[state\=inactive\]\:text-muted-foreground {
4897
- &[data-state="inactive"] {
4898
- color: var(--color-muted-foreground);
4899
- }
4374
+ .data-\[disabled\]\:pointer-events-none[data-disabled] {
4375
+ pointer-events: none;
4900
4376
  }
4901
- .data-\[state\=inactive\]\:hover\:bg-muted {
4902
- &[data-state="inactive"] {
4903
- &:hover {
4904
- @media (hover: hover) {
4905
- background-color: var(--color-muted);
4906
- }
4907
- }
4908
- }
4377
+ .data-\[disabled\]\:opacity-50[data-disabled] {
4378
+ opacity: 50%;
4909
4379
  }
4910
- .data-\[state\=open\]\:rotate-180 {
4911
- &[data-state="open"] {
4912
- rotate: 180deg;
4913
- }
4380
+ .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
4381
+ --tw-translate-y: var(--spacing);
4382
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4914
4383
  }
4915
- .data-\[state\=open\]\:border-\[var\(--md3-outline\)\] {
4916
- &[data-state="open"] {
4917
- border-color: var(--md3-outline);
4918
- }
4384
+ .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
4385
+ --tw-translate-x: calc(var(--spacing) * -1);
4386
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4919
4387
  }
4920
- .data-\[state\=open\]\:border-\[var\(--md3-outline-variant\)\] {
4921
- &[data-state="open"] {
4922
- border-color: var(--md3-outline-variant);
4923
- }
4388
+ .data-\[side\=right\]\:translate-x-1[data-side="right"] {
4389
+ --tw-translate-x: var(--spacing);
4390
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4924
4391
  }
4925
- .data-\[state\=open\]\:bg-\[var\(--accent-surface-strong\)\] {
4926
- &[data-state="open"] {
4927
- background-color: var(--accent-surface-strong);
4928
- }
4392
+ .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
4393
+ --tw-translate-y: calc(var(--spacing) * -1);
4394
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4929
4395
  }
4930
- .data-\[state\=open\]\:bg-accent {
4931
- &[data-state="open"] {
4932
- background-color: var(--color-accent);
4933
- }
4396
+ .data-\[state\=active\]\:border-primary[data-state="active"] {
4397
+ border-color: var(--color-primary);
4934
4398
  }
4935
- .data-\[state\=open\]\:bg-muted\/50 {
4936
- &[data-state="open"] {
4937
- background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4938
- @supports (color: color-mix(in lab, red, red)) {
4939
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4940
- }
4941
- }
4399
+ .data-\[state\=active\]\:bg-background[data-state="active"] {
4400
+ background-color: var(--color-background);
4942
4401
  }
4943
- .data-\[state\=open\]\:bg-muted\/60 {
4944
- &[data-state="open"] {
4945
- background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
4946
- @supports (color: color-mix(in lab, red, red)) {
4947
- background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
4948
- }
4949
- }
4402
+ .data-\[state\=active\]\:bg-primary[data-state="active"] {
4403
+ background-color: var(--color-primary);
4950
4404
  }
4951
- .data-\[state\=open\]\:bg-surface-container-high {
4952
- &[data-state="open"] {
4953
- background-color: var(--color-surface-container-high);
4954
- }
4405
+ .data-\[state\=active\]\:text-foreground[data-state="active"] {
4406
+ color: var(--color-foreground);
4955
4407
  }
4956
- .data-\[state\=open\]\:text-muted-foreground {
4957
- &[data-state="open"] {
4958
- color: var(--color-muted-foreground);
4959
- }
4408
+ .data-\[state\=active\]\:text-primary-foreground[data-state="active"] {
4409
+ color: var(--color-primary-foreground);
4960
4410
  }
4961
- .data-\[state\=open\]\:opacity-100 {
4962
- &[data-state="open"] {
4963
- opacity: 100%;
4411
+ .data-\[state\=active\]\:shadow-sm[data-state="active"] {
4412
+ --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));
4413
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4414
+ }
4415
+ .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
4416
+ --tw-translate-x: calc(var(--spacing) * 4);
4417
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4418
+ }
4419
+ .data-\[state\=checked\]\:bg-\[var\(--accent-surface-soft\)\][data-state="checked"] {
4420
+ background-color: var(--accent-surface-soft);
4421
+ }
4422
+ .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
4423
+ background-color: var(--color-primary);
4424
+ }
4425
+ .data-\[state\=checked\]\:text-\[var\(--accent-text\)\][data-state="checked"] {
4426
+ color: var(--accent-text);
4427
+ }
4428
+ .data-\[state\=checked\]\:text-\[var\(--brand-primary\)\][data-state="checked"] {
4429
+ color: var(--brand-primary);
4430
+ }
4431
+ .data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"] {
4432
+ color: var(--color-muted-foreground);
4433
+ }
4434
+ @media (hover: hover) {
4435
+ .data-\[state\=inactive\]\:hover\:bg-muted[data-state="inactive"]:hover {
4436
+ background-color: var(--color-muted);
4964
4437
  }
4965
4438
  }
4966
- .data-\[state\=selected\]\:bg-muted\/50 {
4967
- &[data-state="selected"] {
4968
- background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4969
- @supports (color: color-mix(in lab, red, red)) {
4970
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4971
- }
4439
+ .data-\[state\=open\]\:rotate-180[data-state="open"] {
4440
+ rotate: 180deg;
4441
+ }
4442
+ .data-\[state\=open\]\:border-\[var\(--md3-outline\)\][data-state="open"] {
4443
+ border-color: var(--md3-outline);
4444
+ }
4445
+ .data-\[state\=open\]\:border-\[var\(--md3-outline-variant\)\][data-state="open"] {
4446
+ border-color: var(--md3-outline-variant);
4447
+ }
4448
+ .data-\[state\=open\]\:bg-\[var\(--accent-surface-strong\)\][data-state="open"] {
4449
+ background-color: var(--accent-surface-strong);
4450
+ }
4451
+ .data-\[state\=open\]\:bg-accent[data-state="open"] {
4452
+ background-color: var(--color-accent);
4453
+ }
4454
+ .data-\[state\=open\]\:bg-muted\/50[data-state="open"] {
4455
+ background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4456
+ @supports (color: color-mix(in lab, red, red)) {
4457
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4972
4458
  }
4973
4459
  }
4974
- .data-\[state\=unchecked\]\:translate-x-0 {
4975
- &[data-state="unchecked"] {
4976
- --tw-translate-x: calc(var(--spacing) * 0);
4977
- translate: var(--tw-translate-x) var(--tw-translate-y);
4460
+ .data-\[state\=open\]\:bg-muted\/60[data-state="open"] {
4461
+ background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
4462
+ @supports (color: color-mix(in lab, red, red)) {
4463
+ background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
4978
4464
  }
4979
4465
  }
4980
- .data-\[state\=unchecked\]\:bg-input {
4981
- &[data-state="unchecked"] {
4982
- background-color: var(--color-input);
4466
+ .data-\[state\=open\]\:bg-surface-container-high[data-state="open"] {
4467
+ background-color: var(--color-surface-container-high);
4468
+ }
4469
+ .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
4470
+ color: var(--color-muted-foreground);
4471
+ }
4472
+ .data-\[state\=open\]\:opacity-100[data-state="open"] {
4473
+ opacity: 100%;
4474
+ }
4475
+ .data-\[state\=selected\]\:bg-muted\/50[data-state="selected"] {
4476
+ background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4477
+ @supports (color: color-mix(in lab, red, red)) {
4478
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4983
4479
  }
4984
4480
  }
4985
- .max-lg\:hidden {
4986
- @media (width < 64rem) {
4481
+ .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
4482
+ --tw-translate-x: 0px;
4483
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4484
+ }
4485
+ .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
4486
+ background-color: var(--color-input);
4487
+ }
4488
+ @media (width < 64rem) {
4489
+ .max-lg\:hidden {
4987
4490
  display: none;
4988
4491
  }
4989
4492
  }
4990
- .max-md\:hidden {
4991
- @media (width < 48rem) {
4493
+ @media (width < 48rem) {
4494
+ .max-md\:hidden {
4992
4495
  display: none;
4993
4496
  }
4994
4497
  }
4995
- .sm\:inline {
4996
- @media (width >= 40rem) {
4498
+ @media (width >= 40rem) {
4499
+ .sm\:inline {
4997
4500
  display: inline;
4998
4501
  }
4999
- }
5000
- .sm\:grid-cols-2 {
5001
- @media (width >= 40rem) {
4502
+ .sm\:grid-cols-2 {
5002
4503
  grid-template-columns: repeat(2, minmax(0, 1fr));
5003
4504
  }
5004
- }
5005
- .sm\:grid-cols-3 {
5006
- @media (width >= 40rem) {
4505
+ .sm\:grid-cols-3 {
5007
4506
  grid-template-columns: repeat(3, minmax(0, 1fr));
5008
4507
  }
5009
- }
5010
- .sm\:grid-cols-4 {
5011
- @media (width >= 40rem) {
4508
+ .sm\:grid-cols-4 {
5012
4509
  grid-template-columns: repeat(4, minmax(0, 1fr));
5013
4510
  }
5014
- }
5015
- .sm\:flex-row {
5016
- @media (width >= 40rem) {
4511
+ .sm\:flex-row {
5017
4512
  flex-direction: row;
5018
4513
  }
5019
- }
5020
- .sm\:items-center {
5021
- @media (width >= 40rem) {
4514
+ .sm\:items-center {
5022
4515
  align-items: center;
5023
4516
  }
5024
- }
5025
- .sm\:items-start {
5026
- @media (width >= 40rem) {
4517
+ .sm\:items-start {
5027
4518
  align-items: flex-start;
5028
4519
  }
5029
- }
5030
- .sm\:justify-between {
5031
- @media (width >= 40rem) {
4520
+ .sm\:justify-between {
5032
4521
  justify-content: space-between;
5033
4522
  }
5034
- }
5035
- .sm\:justify-end {
5036
- @media (width >= 40rem) {
4523
+ .sm\:justify-end {
5037
4524
  justify-content: flex-end;
5038
4525
  }
5039
- }
5040
- .sm\:space-x-2 {
5041
- @media (width >= 40rem) {
5042
- :where(& > :not(:last-child)) {
5043
- --tw-space-x-reverse: 0;
5044
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
5045
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
5046
- }
4526
+ :where(.sm\:space-x-2 > :not(:last-child)) {
4527
+ --tw-space-x-reverse: 0;
4528
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
4529
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
5047
4530
  }
5048
- }
5049
- .sm\:text-left {
5050
- @media (width >= 40rem) {
4531
+ .sm\:text-left {
5051
4532
  text-align: left;
5052
4533
  }
5053
- }
5054
- .sm\:text-5xl {
5055
- @media (width >= 40rem) {
4534
+ .sm\:text-5xl {
5056
4535
  font-size: var(--text-5xl);
5057
4536
  line-height: var(--tw-leading, var(--text-5xl--line-height));
5058
4537
  }
5059
- }
5060
- .sm\:opacity-0 {
5061
- @media (width >= 40rem) {
4538
+ .sm\:opacity-0 {
5062
4539
  opacity: 0%;
5063
4540
  }
5064
- }
5065
- .sm\:group-hover\:opacity-100 {
5066
- @media (width >= 40rem) {
5067
- &:is(:where(.group):hover *) {
5068
- @media (hover: hover) {
5069
- opacity: 100%;
5070
- }
5071
- }
5072
- }
5073
- }
5074
- .sm\:focus-within\:opacity-100 {
5075
- @media (width >= 40rem) {
5076
- &:focus-within {
4541
+ @media (hover: hover) {
4542
+ .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
5077
4543
  opacity: 100%;
5078
4544
  }
5079
4545
  }
4546
+ .sm\:focus-within\:opacity-100:focus-within {
4547
+ opacity: 100%;
4548
+ }
5080
4549
  }
5081
- .md\:col-span-2 {
5082
- @media (width >= 48rem) {
4550
+ @media (width >= 48rem) {
4551
+ .md\:col-span-2 {
5083
4552
  grid-column: span 2 / span 2;
5084
4553
  }
5085
- }
5086
- .md\:mt-0 {
5087
- @media (width >= 48rem) {
5088
- margin-top: calc(var(--spacing) * 0);
4554
+ .md\:mt-0 {
4555
+ margin-top: 0px;
5089
4556
  }
5090
- }
5091
- .md\:block {
5092
- @media (width >= 48rem) {
4557
+ .md\:block {
5093
4558
  display: block;
5094
4559
  }
5095
- }
5096
- .md\:flex {
5097
- @media (width >= 48rem) {
4560
+ .md\:flex {
5098
4561
  display: flex;
5099
4562
  }
5100
- }
5101
- .md\:grid-cols-2 {
5102
- @media (width >= 48rem) {
4563
+ .md\:grid-cols-2 {
5103
4564
  grid-template-columns: repeat(2, minmax(0, 1fr));
5104
4565
  }
5105
- }
5106
- .md\:grid-cols-3 {
5107
- @media (width >= 48rem) {
4566
+ .md\:grid-cols-3 {
5108
4567
  grid-template-columns: repeat(3, minmax(0, 1fr));
5109
4568
  }
5110
- }
5111
- .md\:grid-cols-4 {
5112
- @media (width >= 48rem) {
4569
+ .md\:grid-cols-4 {
5113
4570
  grid-template-columns: repeat(4, minmax(0, 1fr));
5114
4571
  }
5115
- }
5116
- .md\:grid-cols-5 {
5117
- @media (width >= 48rem) {
4572
+ .md\:grid-cols-5 {
5118
4573
  grid-template-columns: repeat(5, minmax(0, 1fr));
5119
4574
  }
5120
- }
5121
- .md\:flex-row {
5122
- @media (width >= 48rem) {
4575
+ .md\:flex-row {
5123
4576
  flex-direction: row;
5124
4577
  }
5125
- }
5126
- .md\:items-center {
5127
- @media (width >= 48rem) {
4578
+ .md\:items-center {
5128
4579
  align-items: center;
5129
4580
  }
5130
- }
5131
- .md\:justify-between {
5132
- @media (width >= 48rem) {
4581
+ .md\:justify-between {
5133
4582
  justify-content: space-between;
5134
4583
  }
5135
4584
  }
5136
- .lg\:col-span-1 {
5137
- @media (width >= 64rem) {
4585
+ @media (width >= 64rem) {
4586
+ .lg\:col-span-1 {
5138
4587
  grid-column: span 1 / span 1;
5139
4588
  }
5140
- }
5141
- .lg\:ml-\[var\(--sb-content-margin\,0px\)\] {
5142
- @media (width >= 64rem) {
4589
+ .lg\:ml-\[var\(--sb-content-margin\,0px\)\] {
5143
4590
  margin-left: var(--sb-content-margin,0px);
5144
4591
  }
5145
- }
5146
- .lg\:flex {
5147
- @media (width >= 64rem) {
4592
+ .lg\:flex {
5148
4593
  display: flex;
5149
4594
  }
5150
- }
5151
- .lg\:hidden {
5152
- @media (width >= 64rem) {
4595
+ .lg\:hidden {
5153
4596
  display: none;
5154
4597
  }
5155
- }
5156
- .lg\:grid-cols-3 {
5157
- @media (width >= 64rem) {
4598
+ .lg\:grid-cols-3 {
5158
4599
  grid-template-columns: repeat(3, minmax(0, 1fr));
5159
4600
  }
5160
- }
5161
- .lg\:grid-cols-4 {
5162
- @media (width >= 64rem) {
4601
+ .lg\:grid-cols-4 {
5163
4602
  grid-template-columns: repeat(4, minmax(0, 1fr));
5164
4603
  }
5165
- }
5166
- .lg\:grid-cols-6 {
5167
- @media (width >= 64rem) {
4604
+ .lg\:grid-cols-6 {
5168
4605
  grid-template-columns: repeat(6, minmax(0, 1fr));
5169
4606
  }
5170
- }
5171
- .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,0\.9fr\)\] {
5172
- @media (width >= 64rem) {
4607
+ .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,0\.9fr\)\] {
5173
4608
  grid-template-columns: minmax(0,1.35fr) minmax(20rem,0.9fr);
5174
4609
  }
5175
- }
5176
- .lg\:flex-col {
5177
- @media (width >= 64rem) {
4610
+ .lg\:flex-col {
5178
4611
  flex-direction: column;
5179
4612
  }
5180
- }
5181
- .lg\:p-4 {
5182
- @media (width >= 64rem) {
4613
+ .lg\:p-4 {
5183
4614
  padding: calc(var(--spacing) * 4);
5184
4615
  }
5185
- }
5186
- .lg\:px-8 {
5187
- @media (width >= 64rem) {
4616
+ .lg\:px-8 {
5188
4617
  padding-inline: calc(var(--spacing) * 8);
5189
4618
  }
5190
4619
  }
5191
- .xl\:col-span-4 {
5192
- @media (width >= 80rem) {
4620
+ @media (width >= 80rem) {
4621
+ .xl\:col-span-4 {
5193
4622
  grid-column: span 4 / span 4;
5194
4623
  }
5195
- }
5196
- .xl\:col-span-8 {
5197
- @media (width >= 80rem) {
4624
+ .xl\:col-span-8 {
5198
4625
  grid-column: span 8 / span 8;
5199
4626
  }
5200
- }
5201
- .xl\:grid-cols-2 {
5202
- @media (width >= 80rem) {
4627
+ .xl\:grid-cols-2 {
5203
4628
  grid-template-columns: repeat(2, minmax(0, 1fr));
5204
4629
  }
5205
- }
5206
- .xl\:grid-cols-4 {
5207
- @media (width >= 80rem) {
4630
+ .xl\:grid-cols-4 {
5208
4631
  grid-template-columns: repeat(4, minmax(0, 1fr));
5209
4632
  }
5210
- }
5211
- .xl\:grid-cols-5 {
5212
- @media (width >= 80rem) {
4633
+ .xl\:grid-cols-5 {
5213
4634
  grid-template-columns: repeat(5, minmax(0, 1fr));
5214
4635
  }
5215
4636
  }
5216
- .dark\:text-neutral-500 {
5217
- @media (prefers-color-scheme: dark) {
4637
+ @media (prefers-color-scheme: dark) {
4638
+ .dark\:text-neutral-500 {
5218
4639
  color: var(--color-neutral-500);
5219
4640
  }
5220
4641
  }
5221
- .\[\&_svg\]\:pointer-events-none {
5222
- & svg {
5223
- pointer-events: none;
5224
- }
4642
+ .\[\&_svg\]\:pointer-events-none svg {
4643
+ pointer-events: none;
5225
4644
  }
5226
- .\[\&_svg\]\:size-4 {
5227
- & svg {
5228
- width: calc(var(--spacing) * 4);
5229
- height: calc(var(--spacing) * 4);
5230
- }
4645
+ .\[\&_svg\]\:size-4 svg {
4646
+ width: calc(var(--spacing) * 4);
4647
+ height: calc(var(--spacing) * 4);
5231
4648
  }
5232
- .\[\&_svg\]\:h-3\.5 {
5233
- & svg {
5234
- height: calc(var(--spacing) * 3.5);
5235
- }
4649
+ .\[\&_svg\]\:h-3\.5 svg {
4650
+ height: calc(var(--spacing) * 3.5);
5236
4651
  }
5237
- .\[\&_svg\]\:h-\[18px\] {
5238
- & svg {
5239
- height: 18px;
5240
- }
4652
+ .\[\&_svg\]\:h-\[18px\] svg {
4653
+ height: 18px;
5241
4654
  }
5242
- .\[\&_svg\]\:w-3\.5 {
5243
- & svg {
5244
- width: calc(var(--spacing) * 3.5);
5245
- }
4655
+ .\[\&_svg\]\:w-3\.5 svg {
4656
+ width: calc(var(--spacing) * 3.5);
5246
4657
  }
5247
- .\[\&_svg\]\:w-\[18px\] {
5248
- & svg {
5249
- width: 18px;
5250
- }
4658
+ .\[\&_svg\]\:w-\[18px\] svg {
4659
+ width: 18px;
5251
4660
  }
5252
- .\[\&_svg\]\:shrink-0 {
5253
- & svg {
5254
- flex-shrink: 0;
5255
- }
4661
+ .\[\&_svg\]\:shrink-0 svg {
4662
+ flex-shrink: 0;
5256
4663
  }
5257
- .\[\&_tr\]\:border-b {
5258
- & tr {
5259
- border-bottom-style: var(--tw-border-style);
5260
- border-bottom-width: 1px;
5261
- }
4664
+ .\[\&_tr\]\:border-b tr {
4665
+ border-bottom-style: var(--tw-border-style);
4666
+ border-bottom-width: 1px;
5262
4667
  }
5263
- .\[\&_tr\:last-child\]\:border-0 {
5264
- & tr:last-child {
5265
- border-style: var(--tw-border-style);
5266
- border-width: 0px;
5267
- }
4668
+ .\[\&_tr\:last-child\]\:border-0 tr:last-child {
4669
+ border-style: var(--tw-border-style);
4670
+ border-width: 0px;
5268
4671
  }
5269
- .\[\&\:\:-moz-range-track\]\:h-1\.5 {
5270
- &::-moz-range-track {
5271
- height: calc(var(--spacing) * 1.5);
5272
- }
4672
+ .\[\&\:\:-moz-range-track\]\:h-1\.5::-moz-range-track {
4673
+ height: calc(var(--spacing) * 1.5);
5273
4674
  }
5274
- .\[\&\:\:-moz-range-track\]\:rounded-full {
5275
- &::-moz-range-track {
5276
- border-radius: calc(infinity * 1px);
5277
- }
4675
+ .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
4676
+ border-radius: calc(infinity * 1px);
5278
4677
  }
5279
- .\[\&\:\:-moz-range-track\]\:bg-border {
5280
- &::-moz-range-track {
5281
- background-color: var(--color-border);
5282
- }
4678
+ .\[\&\:\:-moz-range-track\]\:bg-border::-moz-range-track {
4679
+ background-color: var(--color-border);
5283
4680
  }
5284
- .\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5 {
5285
- &::-webkit-slider-runnable-track {
5286
- height: calc(var(--spacing) * 1.5);
5287
- }
4681
+ .\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5::-webkit-slider-runnable-track {
4682
+ height: calc(var(--spacing) * 1.5);
5288
4683
  }
5289
- .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full {
5290
- &::-webkit-slider-runnable-track {
5291
- border-radius: calc(infinity * 1px);
5292
- }
4684
+ .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track {
4685
+ border-radius: calc(infinity * 1px);
5293
4686
  }
5294
- .\[\&\:\:-webkit-slider-runnable-track\]\:bg-border {
5295
- &::-webkit-slider-runnable-track {
5296
- background-color: var(--color-border);
5297
- }
4687
+ .\[\&\:\:-webkit-slider-runnable-track\]\:bg-border::-webkit-slider-runnable-track {
4688
+ background-color: var(--color-border);
5298
4689
  }
5299
- .\[\&\:\:-webkit-slider-thumb\]\:-mt-\[5px\] {
5300
- &::-webkit-slider-thumb {
5301
- margin-top: calc(5px * -1);
5302
- }
4690
+ .\[\&\:\:-webkit-slider-thumb\]\:-mt-\[5px\]::-webkit-slider-thumb {
4691
+ margin-top: calc(5px * -1);
5303
4692
  }
5304
- .\[\&\:\:-webkit-slider-thumb\]\:h-4 {
5305
- &::-webkit-slider-thumb {
5306
- height: calc(var(--spacing) * 4);
5307
- }
4693
+ .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
4694
+ height: calc(var(--spacing) * 4);
5308
4695
  }
5309
- .\[\&\:\:-webkit-slider-thumb\]\:w-4 {
5310
- &::-webkit-slider-thumb {
5311
- width: calc(var(--spacing) * 4);
5312
- }
4696
+ .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
4697
+ width: calc(var(--spacing) * 4);
5313
4698
  }
5314
- .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
5315
- &::-webkit-slider-thumb {
5316
- appearance: none;
5317
- }
4699
+ .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
4700
+ appearance: none;
5318
4701
  }
5319
- .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
5320
- &::-webkit-slider-thumb {
5321
- border-radius: calc(infinity * 1px);
5322
- }
4702
+ .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
4703
+ border-radius: calc(infinity * 1px);
5323
4704
  }
5324
- .\[\&\:\:-webkit-slider-thumb\]\:border-2 {
5325
- &::-webkit-slider-thumb {
5326
- border-style: var(--tw-border-style);
5327
- border-width: 2px;
5328
- }
4705
+ .\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
4706
+ border-style: var(--tw-border-style);
4707
+ border-width: 2px;
5329
4708
  }
5330
- .\[\&\:\:-webkit-slider-thumb\]\:border-primary-foreground {
5331
- &::-webkit-slider-thumb {
5332
- border-color: var(--color-primary-foreground);
5333
- }
4709
+ .\[\&\:\:-webkit-slider-thumb\]\:border-primary-foreground::-webkit-slider-thumb {
4710
+ border-color: var(--color-primary-foreground);
5334
4711
  }
5335
- .\[\&\:\:-webkit-slider-thumb\]\:bg-primary {
5336
- &::-webkit-slider-thumb {
5337
- background-color: var(--color-primary);
5338
- }
4712
+ .\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb {
4713
+ background-color: var(--color-primary);
5339
4714
  }
5340
- .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm {
5341
- &::-webkit-slider-thumb {
5342
- --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));
5343
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5344
- }
4715
+ .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm::-webkit-slider-thumb {
4716
+ --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));
4717
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5345
4718
  }
5346
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
5347
- &:has([role=checkbox]) {
5348
- padding-right: calc(var(--spacing) * 0);
5349
- }
4719
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
4720
+ padding-right: 0px;
5350
4721
  }
5351
- .\[\&\>span\]\:line-clamp-1 {
5352
- &>span {
5353
- overflow: hidden;
5354
- display: -webkit-box;
5355
- -webkit-box-orient: vertical;
5356
- -webkit-line-clamp: 1;
5357
- }
4722
+ .\[\&\>span\]\:line-clamp-1 > span {
4723
+ overflow: hidden;
4724
+ display: -webkit-box;
4725
+ -webkit-box-orient: vertical;
4726
+ -webkit-line-clamp: 1;
5358
4727
  }
5359
- .\[\&\>tr\]\:last\:border-b-0 {
5360
- &>tr {
5361
- &:last-child {
5362
- border-bottom-style: var(--tw-border-style);
5363
- border-bottom-width: 0px;
5364
- }
5365
- }
4728
+ .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
4729
+ border-bottom-style: var(--tw-border-style);
4730
+ border-bottom-width: 0px;
5366
4731
  }
5367
4732
  }
5368
4733
  :root,