@tangle-network/sandbox-ui 0.87.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 (33) 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 +10 -11
  5. package/dist/chat.js +4 -4
  6. package/dist/{chunk-R5OVYRIY.js → chunk-3RIYD2WD.js} +15 -5
  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-HCOZO53G.js → chunk-WTUPC4OZ.js} +15 -15
  11. package/dist/connectors.d.ts +4 -4
  12. package/dist/dashboard.d.ts +55 -56
  13. package/dist/dashboard.js +3 -3
  14. package/dist/globals.css +872 -1513
  15. package/dist/hooks.d.ts +1 -1
  16. package/dist/index.d.ts +4 -5
  17. package/dist/index.js +5 -5
  18. package/dist/integrations.d.ts +2 -2
  19. package/dist/{logo-CZ6moVvw.d.ts → logo-CaIvk3J1.d.ts} +3 -3
  20. package/dist/{model-brand-CsFykzMA.d.ts → model-brand-CuXKfTMh.d.ts} +2 -2
  21. package/dist/pages.d.ts +10 -11
  22. package/dist/pages.js +2 -2
  23. package/dist/{ports-list-DfG0VfPt.d.ts → ports-list-CDIvTNnX.d.ts} +2 -2
  24. package/dist/primitives.d.ts +4 -5
  25. package/dist/styles.css +872 -1513
  26. package/dist/{template-card-UhV3pmRC.d.ts → template-card-Bn-Bw5xC.d.ts} +4 -5
  27. package/dist/terminal.d.ts +2 -2
  28. package/dist/workbench.d.ts +10 -11
  29. package/dist/workbench.js +4 -4
  30. package/dist/workflows.d.ts +3 -3
  31. package/dist/workflows.js +2 -2
  32. package/dist/workspace.d.ts +15 -15
  33. 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)) {
@@ -2202,9 +2161,6 @@
2202
2161
  .bg-\[var\(--md3-surface-container\)\] {
2203
2162
  background-color: var(--md3-surface-container);
2204
2163
  }
2205
- .bg-\[var\(--md3-surface-container-high\)\] {
2206
- background-color: var(--md3-surface-container-high);
2207
- }
2208
2164
  .bg-\[var\(--status-error\,\#ff4d6d\)\]\/15 {
2209
2165
  background-color: var(--status-error,#ff4d6d);
2210
2166
  @supports (color: color-mix(in lab, red, red)) {
@@ -2566,12 +2522,32 @@
2566
2522
  --tw-gradient-position: to left in oklab;
2567
2523
  background-image: linear-gradient(var(--tw-gradient-stops));
2568
2524
  }
2525
+ .bg-gradient-to-t {
2526
+ --tw-gradient-position: to top in oklab;
2527
+ background-image: linear-gradient(var(--tw-gradient-stops));
2528
+ }
2569
2529
  .bg-\[image\:var\(--accent-gradient-strong\)\] {
2570
2530
  background-image: var(--accent-gradient-strong);
2571
2531
  }
2572
2532
  .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.03\)\,transparent\)\] {
2573
2533
  background-image: linear-gradient(180deg,rgba(255,255,255,0.03),transparent);
2574
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
+ }
2575
2551
  .from-white\/5 {
2576
2552
  --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent);
2577
2553
  @supports (color: color-mix(in lab, red, red)) {
@@ -2593,13 +2569,13 @@
2593
2569
  object-fit: cover;
2594
2570
  }
2595
2571
  .p-0 {
2596
- padding: calc(var(--spacing) * 0);
2572
+ padding: 0px;
2597
2573
  }
2598
2574
  .p-0\.5 {
2599
2575
  padding: calc(var(--spacing) * 0.5);
2600
2576
  }
2601
2577
  .p-1 {
2602
- padding: calc(var(--spacing) * 1);
2578
+ padding: var(--spacing);
2603
2579
  }
2604
2580
  .p-1\.5 {
2605
2581
  padding: calc(var(--spacing) * 1.5);
@@ -2644,7 +2620,7 @@
2644
2620
  padding-inline: calc(var(--spacing) * 0.5);
2645
2621
  }
2646
2622
  .px-1 {
2647
- padding-inline: calc(var(--spacing) * 1);
2623
+ padding-inline: var(--spacing);
2648
2624
  }
2649
2625
  .px-1\.5 {
2650
2626
  padding-inline: calc(var(--spacing) * 1.5);
@@ -2689,7 +2665,7 @@
2689
2665
  padding-block: calc(var(--spacing) * 0.5);
2690
2666
  }
2691
2667
  .py-1 {
2692
- padding-block: calc(var(--spacing) * 1);
2668
+ padding-block: var(--spacing);
2693
2669
  }
2694
2670
  .py-1\.5 {
2695
2671
  padding-block: calc(var(--spacing) * 1.5);
@@ -2746,13 +2722,13 @@
2746
2722
  padding-block: 1px;
2747
2723
  }
2748
2724
  .pt-0 {
2749
- padding-top: calc(var(--spacing) * 0);
2725
+ padding-top: 0px;
2750
2726
  }
2751
2727
  .pt-0\.5 {
2752
2728
  padding-top: calc(var(--spacing) * 0.5);
2753
2729
  }
2754
2730
  .pt-1 {
2755
- padding-top: calc(var(--spacing) * 1);
2731
+ padding-top: var(--spacing);
2756
2732
  }
2757
2733
  .pt-1\.5 {
2758
2734
  padding-top: calc(var(--spacing) * 1.5);
@@ -2785,7 +2761,7 @@
2785
2761
  padding-top: calc(var(--spacing) * 16);
2786
2762
  }
2787
2763
  .pr-1 {
2788
- padding-right: calc(var(--spacing) * 1);
2764
+ padding-right: var(--spacing);
2789
2765
  }
2790
2766
  .pr-2 {
2791
2767
  padding-right: calc(var(--spacing) * 2);
@@ -2800,13 +2776,13 @@
2800
2776
  padding-right: calc(var(--spacing) * 10);
2801
2777
  }
2802
2778
  .pb-0 {
2803
- padding-bottom: calc(var(--spacing) * 0);
2779
+ padding-bottom: 0px;
2804
2780
  }
2805
2781
  .pb-0\.5 {
2806
2782
  padding-bottom: calc(var(--spacing) * 0.5);
2807
2783
  }
2808
2784
  .pb-1 {
2809
- padding-bottom: calc(var(--spacing) * 1);
2785
+ padding-bottom: var(--spacing);
2810
2786
  }
2811
2787
  .pb-2 {
2812
2788
  padding-bottom: calc(var(--spacing) * 2);
@@ -2829,9 +2805,6 @@
2829
2805
  .pl-3 {
2830
2806
  padding-left: calc(var(--spacing) * 3);
2831
2807
  }
2832
- .pl-3\.5 {
2833
- padding-left: calc(var(--spacing) * 3.5);
2834
- }
2835
2808
  .pl-6 {
2836
2809
  padding-left: calc(var(--spacing) * 6);
2837
2810
  }
@@ -3035,10 +3008,6 @@
3035
3008
  --tw-font-weight: var(--font-display);
3036
3009
  font-weight: var(--font-display);
3037
3010
  }
3038
- .font-\[var\(--font-sans\)\] {
3039
- --tw-font-weight: var(--font-sans);
3040
- font-weight: var(--font-sans);
3041
- }
3042
3011
  .font-bold {
3043
3012
  --tw-font-weight: var(--font-weight-bold);
3044
3013
  font-weight: var(--font-weight-bold);
@@ -3676,1699 +3645,1089 @@
3676
3645
  -webkit-user-select: none;
3677
3646
  user-select: none;
3678
3647
  }
3679
- .\[scrollbar-gutter\:stable\] {
3680
- scrollbar-gutter: stable;
3681
- }
3682
3648
  .ring-inset {
3683
3649
  --tw-ring-inset: inset;
3684
3650
  }
3685
- .group-open\:rotate-180 {
3686
- &:is(:where(.group):is([open], :popover-open, :open) *) {
3687
- rotate: 180deg;
3688
- }
3651
+ .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
3652
+ rotate: 180deg;
3689
3653
  }
3690
- .group-hover\:translate-x-0\.5 {
3691
- &:is(:where(.group):hover *) {
3692
- @media (hover: hover) {
3693
- --tw-translate-x: calc(var(--spacing) * 0.5);
3694
- translate: var(--tw-translate-x) var(--tw-translate-y);
3695
- }
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);
3696
3658
  }
3697
- }
3698
- .group-hover\:border-primary\/40 {
3699
- &:is(:where(.group):hover *) {
3700
- @media (hover: hover) {
3701
- border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
3702
- @supports (color: color-mix(in lab, red, red)) {
3703
- border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
3704
- }
3705
- }
3659
+ .group-hover\:border-primary\/40:is(:where(.group):hover *) {
3660
+ border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
3706
3661
  }
3707
- }
3708
- .group-hover\:text-primary {
3709
- &:is(:where(.group):hover *) {
3710
- @media (hover: hover) {
3711
- 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);
3712
3665
  }
3713
3666
  }
3714
- }
3715
- .group-hover\:opacity-100 {
3716
- &:is(:where(.group):hover *) {
3717
- @media (hover: hover) {
3718
- opacity: 100%;
3719
- }
3667
+ .group-hover\:text-primary:is(:where(.group):hover *) {
3668
+ color: var(--color-primary);
3720
3669
  }
3721
- }
3722
- .group-hover\/brand\:opacity-0 {
3723
- &:is(:where(.group\/brand):hover *) {
3724
- @media (hover: hover) {
3725
- opacity: 0%;
3726
- }
3670
+ .group-hover\:opacity-100:is(:where(.group):hover *) {
3671
+ opacity: 100%;
3727
3672
  }
3728
- }
3729
- .group-hover\/brand\:opacity-100 {
3730
- &:is(:where(.group\/brand):hover *) {
3731
- @media (hover: hover) {
3732
- opacity: 100%;
3733
- }
3673
+ .group-hover\/brand\:opacity-0:is(:where(.group\/brand):hover *) {
3674
+ opacity: 0%;
3734
3675
  }
3735
- }
3736
- .group-hover\/exp\:opacity-0 {
3737
- &:is(:where(.group\/exp):hover *) {
3738
- @media (hover: hover) {
3739
- opacity: 0%;
3740
- }
3676
+ .group-hover\/brand\:opacity-100:is(:where(.group\/brand):hover *) {
3677
+ opacity: 100%;
3741
3678
  }
3742
- }
3743
- .group-hover\/exp\:opacity-100 {
3744
- &:is(:where(.group\/exp):hover *) {
3745
- @media (hover: hover) {
3746
- opacity: 100%;
3747
- }
3679
+ .group-hover\/exp\:opacity-0:is(:where(.group\/exp):hover *) {
3680
+ opacity: 0%;
3748
3681
  }
3749
- }
3750
- .group-hover\/sub\:opacity-100 {
3751
- &:is(:where(.group\/sub):hover *) {
3752
- @media (hover: hover) {
3753
- opacity: 100%;
3754
- }
3682
+ .group-hover\/exp\:opacity-100:is(:where(.group\/exp):hover *) {
3683
+ opacity: 100%;
3755
3684
  }
3756
- }
3757
- .peer-disabled\:cursor-not-allowed {
3758
- &:is(:where(.peer):disabled ~ *) {
3759
- cursor: not-allowed;
3685
+ .group-hover\/sub\:opacity-100:is(:where(.group\/sub):hover *) {
3686
+ opacity: 100%;
3760
3687
  }
3761
3688
  }
3762
- .peer-disabled\:opacity-70 {
3763
- &:is(:where(.peer):disabled ~ *) {
3764
- opacity: 70%;
3765
- }
3689
+ .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
3690
+ cursor: not-allowed;
3766
3691
  }
3767
- .file\:border-0 {
3768
- &::file-selector-button {
3769
- border-style: var(--tw-border-style);
3770
- border-width: 0px;
3771
- }
3692
+ .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
3693
+ opacity: 70%;
3772
3694
  }
3773
- .file\:bg-transparent {
3774
- &::file-selector-button {
3775
- background-color: transparent;
3776
- }
3695
+ .file\:border-0::file-selector-button {
3696
+ border-style: var(--tw-border-style);
3697
+ border-width: 0px;
3777
3698
  }
3778
- .file\:text-sm {
3779
- &::file-selector-button {
3780
- font-size: var(--text-sm);
3781
- line-height: var(--tw-leading, var(--text-sm--line-height));
3782
- }
3699
+ .file\:bg-transparent::file-selector-button {
3700
+ background-color: transparent;
3783
3701
  }
3784
- .file\:font-medium {
3785
- &::file-selector-button {
3786
- --tw-font-weight: var(--font-weight-medium);
3787
- font-weight: var(--font-weight-medium);
3788
- }
3702
+ .file\:text-sm::file-selector-button {
3703
+ font-size: var(--text-sm);
3704
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3789
3705
  }
3790
- .placeholder\:font-normal {
3791
- &::placeholder {
3792
- --tw-font-weight: var(--font-weight-normal);
3793
- font-weight: var(--font-weight-normal);
3794
- }
3706
+ .file\:font-medium::file-selector-button {
3707
+ --tw-font-weight: var(--font-weight-medium);
3708
+ font-weight: var(--font-weight-medium);
3795
3709
  }
3796
- .placeholder\:text-muted-foreground {
3797
- &::placeholder {
3798
- color: var(--color-muted-foreground);
3799
- }
3710
+ .placeholder\:font-normal::placeholder {
3711
+ --tw-font-weight: var(--font-weight-normal);
3712
+ font-weight: var(--font-weight-normal);
3800
3713
  }
3801
- .after\:absolute {
3802
- &::after {
3803
- content: var(--tw-content);
3804
- position: absolute;
3805
- }
3714
+ .placeholder\:text-muted-foreground::placeholder {
3715
+ color: var(--color-muted-foreground);
3806
3716
  }
3807
- .after\:top-0 {
3808
- &::after {
3809
- content: var(--tw-content);
3810
- top: calc(var(--spacing) * 0);
3811
- }
3717
+ .after\:absolute::after {
3718
+ content: var(--tw-content);
3719
+ position: absolute;
3812
3720
  }
3813
- .after\:right-0 {
3814
- &::after {
3815
- content: var(--tw-content);
3816
- right: calc(var(--spacing) * 0);
3817
- }
3721
+ .after\:top-0::after {
3722
+ content: var(--tw-content);
3723
+ top: 0px;
3818
3724
  }
3819
- .after\:left-0 {
3820
- &::after {
3821
- content: var(--tw-content);
3822
- left: calc(var(--spacing) * 0);
3823
- }
3725
+ .after\:right-0::after {
3726
+ content: var(--tw-content);
3727
+ right: 0px;
3824
3728
  }
3825
- .after\:h-\[2px\] {
3826
- &::after {
3827
- content: var(--tw-content);
3828
- height: 2px;
3829
- }
3729
+ .after\:left-0::after {
3730
+ content: var(--tw-content);
3731
+ left: 0px;
3830
3732
  }
3831
- .after\:bg-primary {
3832
- &::after {
3833
- content: var(--tw-content);
3834
- background-color: var(--color-primary);
3835
- }
3733
+ .after\:h-\[2px\]::after {
3734
+ content: var(--tw-content);
3735
+ height: 2px;
3836
3736
  }
3837
- .first\:mt-0 {
3838
- &:first-child {
3839
- margin-top: calc(var(--spacing) * 0);
3840
- }
3737
+ .after\:bg-primary::after {
3738
+ content: var(--tw-content);
3739
+ background-color: var(--color-primary);
3841
3740
  }
3842
- .last\:border-0 {
3843
- &:last-child {
3844
- border-style: var(--tw-border-style);
3845
- border-width: 0px;
3846
- }
3741
+ .first\:mt-0:first-child {
3742
+ margin-top: 0px;
3847
3743
  }
3848
- .last\:border-b-0 {
3849
- &:last-child {
3850
- border-bottom-style: var(--tw-border-style);
3851
- border-bottom-width: 0px;
3852
- }
3744
+ .last\:border-0:last-child {
3745
+ border-style: var(--tw-border-style);
3746
+ border-width: 0px;
3853
3747
  }
3854
- .focus-within\:border-\[var\(--border-accent-hover\)\] {
3855
- &:focus-within {
3856
- border-color: var(--border-accent-hover);
3857
- }
3748
+ .last\:border-b-0:last-child {
3749
+ border-bottom-style: var(--tw-border-style);
3750
+ border-bottom-width: 0px;
3858
3751
  }
3859
- .focus-within\:border-border {
3860
- &:focus-within {
3861
- border-color: var(--color-border);
3862
- }
3752
+ .focus-within\:border-\[var\(--border-accent-hover\)\]:focus-within {
3753
+ border-color: var(--border-accent-hover);
3863
3754
  }
3864
- .focus-within\:border-primary\/60 {
3865
- &:focus-within {
3866
- border-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
3867
- @supports (color: color-mix(in lab, red, red)) {
3868
- border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
3869
- }
3870
- }
3755
+ .focus-within\:border-border:focus-within {
3756
+ border-color: var(--color-border);
3871
3757
  }
3872
- .hover\:-translate-y-0\.5 {
3873
- &:hover {
3874
- @media (hover: hover) {
3875
- --tw-translate-y: calc(var(--spacing) * -0.5);
3876
- translate: var(--tw-translate-x) var(--tw-translate-y);
3877
- }
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);
3878
3762
  }
3879
3763
  }
3880
- .hover\:border-\[var\(--border-accent\)\] {
3881
- &:hover {
3882
- @media (hover: hover) {
3883
- border-color: var(--border-accent);
3884
- }
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);
3885
3768
  }
3886
- }
3887
- .hover\:border-\[var\(--border-accent-hover\)\] {
3888
- &:hover {
3889
- @media (hover: hover) {
3890
- border-color: var(--border-accent-hover);
3891
- }
3769
+ .hover\:border-\[var\(--border-accent\)\]:hover {
3770
+ border-color: var(--border-accent);
3892
3771
  }
3893
- }
3894
- .hover\:border-\[var\(--border-default\,hsl\(var\(--border\)\)\)\] {
3895
- &:hover {
3896
- @media (hover: hover) {
3897
- border-color: var(--border-default,hsl(var(--border)));
3898
- }
3772
+ .hover\:border-\[var\(--border-accent-hover\)\]:hover {
3773
+ border-color: var(--border-accent-hover);
3899
3774
  }
3900
- }
3901
- .hover\:border-\[var\(--md3-outline\)\] {
3902
- &:hover {
3903
- @media (hover: hover) {
3904
- border-color: var(--md3-outline);
3905
- }
3775
+ .hover\:border-\[var\(--border-default\,hsl\(var\(--border\)\)\)\]:hover {
3776
+ border-color: var(--border-default,hsl(var(--border)));
3906
3777
  }
3907
- }
3908
- .hover\:border-\[var\(--md3-outline-variant\)\] {
3909
- &:hover {
3910
- @media (hover: hover) {
3911
- border-color: var(--md3-outline-variant);
3912
- }
3778
+ .hover\:border-\[var\(--md3-outline\)\]:hover {
3779
+ border-color: var(--md3-outline);
3913
3780
  }
3914
- }
3915
- .hover\:border-accent\/50 {
3916
- &:hover {
3917
- @media (hover: hover) {
3918
- border-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
3919
- @supports (color: color-mix(in lab, red, red)) {
3920
- border-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
3921
- }
3922
- }
3781
+ .hover\:border-\[var\(--md3-outline-variant\)\]:hover {
3782
+ border-color: var(--md3-outline-variant);
3923
3783
  }
3924
- }
3925
- .hover\:border-border {
3926
- &:hover {
3927
- @media (hover: hover) {
3928
- border-color: var(--color-border);
3929
- }
3784
+ .hover\:border-accent\/50:hover {
3785
+ border-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
3930
3786
  }
3931
- }
3932
- .hover\:border-border\/80 {
3933
- &:hover {
3934
- @media (hover: hover) {
3935
- border-color: color-mix(in srgb, hsl(var(--border)) 80%, transparent);
3936
- @supports (color: color-mix(in lab, red, red)) {
3937
- border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
3938
- }
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);
3939
3790
  }
3940
3791
  }
3941
- }
3942
- .hover\:border-destructive\/30 {
3943
- &:hover {
3944
- @media (hover: hover) {
3945
- border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
3946
- @supports (color: color-mix(in lab, red, red)) {
3947
- border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
3948
- }
3949
- }
3792
+ .hover\:border-border:hover {
3793
+ border-color: var(--color-border);
3950
3794
  }
3951
- }
3952
- .hover\:border-emerald-500\/30 {
3953
- &:hover {
3954
- @media (hover: hover) {
3955
- border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
3956
- @supports (color: color-mix(in lab, red, red)) {
3957
- border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
3958
- }
3959
- }
3795
+ .hover\:border-border\/80:hover {
3796
+ border-color: color-mix(in srgb, hsl(var(--border)) 80%, transparent);
3960
3797
  }
3961
- }
3962
- .hover\:border-foreground\/15 {
3963
- &:hover {
3964
- @media (hover: hover) {
3965
- border-color: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
3966
- @supports (color: color-mix(in lab, red, red)) {
3967
- border-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
3968
- }
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);
3969
3801
  }
3970
3802
  }
3971
- }
3972
- .hover\:border-foreground\/20 {
3973
- &:hover {
3974
- @media (hover: hover) {
3975
- border-color: color-mix(in srgb, hsl(var(--foreground)) 20%, transparent);
3976
- @supports (color: color-mix(in lab, red, red)) {
3977
- border-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
3978
- }
3979
- }
3803
+ .hover\:border-destructive\/30:hover {
3804
+ border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
3980
3805
  }
3981
- }
3982
- .hover\:border-primary\/20 {
3983
- &:hover {
3984
- @media (hover: hover) {
3985
- border-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
3986
- @supports (color: color-mix(in lab, red, red)) {
3987
- border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
3988
- }
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);
3989
3809
  }
3990
3810
  }
3991
- }
3992
- .hover\:border-primary\/30 {
3993
- &:hover {
3994
- @media (hover: hover) {
3995
- border-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
3996
- @supports (color: color-mix(in lab, red, red)) {
3997
- border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
3998
- }
3999
- }
3811
+ .hover\:border-emerald-500\/30:hover {
3812
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
4000
3813
  }
4001
- }
4002
- .hover\:border-primary\/40 {
4003
- &:hover {
4004
- @media (hover: hover) {
4005
- border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4006
- @supports (color: color-mix(in lab, red, red)) {
4007
- border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4008
- }
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);
4009
3817
  }
4010
3818
  }
4011
- }
4012
- .hover\:border-primary\/50 {
4013
- &:hover {
4014
- @media (hover: hover) {
4015
- border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
4016
- @supports (color: color-mix(in lab, red, red)) {
4017
- border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
4018
- }
4019
- }
3819
+ .hover\:border-foreground\/15:hover {
3820
+ border-color: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
4020
3821
  }
4021
- }
4022
- .hover\:bg-\[var\(--accent-surface-soft\)\] {
4023
- &:hover {
4024
- @media (hover: hover) {
4025
- 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);
4026
3825
  }
4027
3826
  }
4028
- }
4029
- .hover\:bg-\[var\(--accent-surface-strong\)\] {
4030
- &:hover {
4031
- @media (hover: hover) {
4032
- background-color: var(--accent-surface-strong);
4033
- }
3827
+ .hover\:border-foreground\/20:hover {
3828
+ border-color: color-mix(in srgb, hsl(var(--foreground)) 20%, transparent);
4034
3829
  }
4035
- }
4036
- .hover\:bg-\[var\(--bg-hover\,hsl\(var\(--accent\)\)\)\] {
4037
- &:hover {
4038
- @media (hover: hover) {
4039
- 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);
4040
3833
  }
4041
3834
  }
4042
- }
4043
- .hover\:bg-\[var\(--btn-primary-hover\)\] {
4044
- &:hover {
4045
- @media (hover: hover) {
4046
- background-color: var(--btn-primary-hover);
4047
- }
3835
+ .hover\:border-primary\/20:hover {
3836
+ border-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
4048
3837
  }
4049
- }
4050
- .hover\:bg-\[var\(--md3-surface-container-high\)\] {
4051
- &:hover {
4052
- @media (hover: hover) {
4053
- 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);
4054
3841
  }
4055
3842
  }
4056
- }
4057
- .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25 {
4058
- &:hover {
4059
- @media (hover: hover) {
4060
- background-color: var(--status-error,#ff4d6d);
4061
- @supports (color: color-mix(in lab, red, red)) {
4062
- background-color: color-mix(in oklab, var(--status-error,#ff4d6d) 25%, transparent);
4063
- }
4064
- }
3843
+ .hover\:border-primary\/30:hover {
3844
+ border-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
4065
3845
  }
4066
- }
4067
- .hover\:bg-\[var\(--surface-container-high\)\]\/40 {
4068
- &:hover {
4069
- @media (hover: hover) {
4070
- background-color: var(--surface-container-high);
4071
- @supports (color: color-mix(in lab, red, red)) {
4072
- background-color: color-mix(in oklab, var(--surface-container-high) 40%, transparent);
4073
- }
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);
4074
3849
  }
4075
3850
  }
4076
- }
4077
- .hover\:bg-\[var\(--surface-danger-bg\)\] {
4078
- &:hover {
4079
- @media (hover: hover) {
4080
- background-color: var(--surface-danger-bg);
4081
- }
3851
+ .hover\:border-primary\/40:hover {
3852
+ border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4082
3853
  }
4083
- }
4084
- .hover\:bg-\[var\(--surface-danger-border\)\] {
4085
- &:hover {
4086
- @media (hover: hover) {
4087
- 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);
4088
3857
  }
4089
3858
  }
4090
- }
4091
- .hover\:bg-\[var\(--surface-success-border\)\] {
4092
- &:hover {
4093
- @media (hover: hover) {
4094
- background-color: var(--surface-success-border);
4095
- }
3859
+ .hover\:border-primary\/50:hover {
3860
+ border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
4096
3861
  }
4097
- }
4098
- .hover\:bg-accent {
4099
- &:hover {
4100
- @media (hover: hover) {
4101
- 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);
4102
3865
  }
4103
3866
  }
4104
- }
4105
- .hover\:bg-accent\/30 {
4106
- &:hover {
4107
- @media (hover: hover) {
4108
- background-color: color-mix(in srgb, hsl(var(--accent)) 30%, transparent);
4109
- @supports (color: color-mix(in lab, red, red)) {
4110
- background-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
4111
- }
4112
- }
3867
+ .hover\:bg-\[var\(--accent-surface-soft\)\]:hover {
3868
+ background-color: var(--accent-surface-soft);
4113
3869
  }
4114
- }
4115
- .hover\:bg-accent\/40 {
4116
- &:hover {
4117
- @media (hover: hover) {
4118
- background-color: color-mix(in srgb, hsl(var(--accent)) 40%, transparent);
4119
- @supports (color: color-mix(in lab, red, red)) {
4120
- background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);
4121
- }
4122
- }
3870
+ .hover\:bg-\[var\(--accent-surface-strong\)\]:hover {
3871
+ background-color: var(--accent-surface-strong);
4123
3872
  }
4124
- }
4125
- .hover\:bg-accent\/45 {
4126
- &:hover {
4127
- @media (hover: hover) {
4128
- background-color: color-mix(in srgb, hsl(var(--accent)) 45%, transparent);
4129
- @supports (color: color-mix(in lab, red, red)) {
4130
- background-color: color-mix(in oklab, var(--color-accent) 45%, transparent);
4131
- }
4132
- }
3873
+ .hover\:bg-\[var\(--bg-hover\,hsl\(var\(--accent\)\)\)\]:hover {
3874
+ background-color: var(--bg-hover,hsl(var(--accent)));
4133
3875
  }
4134
- }
4135
- .hover\:bg-accent\/50 {
4136
- &:hover {
4137
- @media (hover: hover) {
4138
- background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
4139
- @supports (color: color-mix(in lab, red, red)) {
4140
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
4141
- }
4142
- }
3876
+ .hover\:bg-\[var\(--btn-primary-hover\)\]:hover {
3877
+ background-color: var(--btn-primary-hover);
4143
3878
  }
4144
- }
4145
- .hover\:bg-background {
4146
- &:hover {
4147
- @media (hover: hover) {
4148
- background-color: var(--color-background);
4149
- }
3879
+ .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25:hover {
3880
+ background-color: var(--status-error,#ff4d6d);
4150
3881
  }
4151
- }
4152
- .hover\:bg-black\/60 {
4153
- &:hover {
4154
- @media (hover: hover) {
4155
- background-color: color-mix(in srgb, #000 60%, transparent);
4156
- @supports (color: color-mix(in lab, red, red)) {
4157
- background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
4158
- }
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);
4159
3885
  }
4160
3886
  }
4161
- }
4162
- .hover\:bg-blue-600\/30 {
4163
- &:hover {
4164
- @media (hover: hover) {
4165
- background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
4166
- @supports (color: color-mix(in lab, red, red)) {
4167
- background-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent);
4168
- }
4169
- }
3887
+ .hover\:bg-\[var\(--surface-container-high\)\]\/40:hover {
3888
+ background-color: var(--surface-container-high);
4170
3889
  }
4171
- }
4172
- .hover\:bg-destructive\/5 {
4173
- &:hover {
4174
- @media (hover: hover) {
4175
- background-color: color-mix(in srgb, hsl(var(--destructive)) 5%, transparent);
4176
- @supports (color: color-mix(in lab, red, red)) {
4177
- background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
4178
- }
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);
4179
3893
  }
4180
3894
  }
4181
- }
4182
- .hover\:bg-destructive\/10 {
4183
- &:hover {
4184
- @media (hover: hover) {
4185
- background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
4186
- @supports (color: color-mix(in lab, red, red)) {
4187
- background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
4188
- }
4189
- }
3895
+ .hover\:bg-\[var\(--surface-danger-bg\)\]:hover {
3896
+ background-color: var(--surface-danger-bg);
4190
3897
  }
4191
- }
4192
- .hover\:bg-destructive\/90 {
4193
- &:hover {
4194
- @media (hover: hover) {
4195
- background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
4196
- @supports (color: color-mix(in lab, red, red)) {
4197
- background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
4198
- }
4199
- }
3898
+ .hover\:bg-\[var\(--surface-danger-border\)\]:hover {
3899
+ background-color: var(--surface-danger-border);
4200
3900
  }
4201
- }
4202
- .hover\:bg-emerald-500\/10 {
4203
- &:hover {
4204
- @media (hover: hover) {
4205
- background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
4206
- @supports (color: color-mix(in lab, red, red)) {
4207
- background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
4208
- }
4209
- }
3901
+ .hover\:bg-\[var\(--surface-success-border\)\]:hover {
3902
+ background-color: var(--surface-success-border);
4210
3903
  }
4211
- }
4212
- .hover\:bg-green-600\/5 {
4213
- &:hover {
4214
- @media (hover: hover) {
4215
- background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 5%, transparent);
4216
- @supports (color: color-mix(in lab, red, red)) {
4217
- background-color: color-mix(in oklab, var(--color-green-600) 5%, transparent);
4218
- }
4219
- }
3904
+ .hover\:bg-accent:hover {
3905
+ background-color: var(--color-accent);
4220
3906
  }
4221
- }
4222
- .hover\:bg-green-600\/30 {
4223
- &:hover {
4224
- @media (hover: hover) {
4225
- background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 30%, transparent);
4226
- @supports (color: color-mix(in lab, red, red)) {
4227
- background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
4228
- }
4229
- }
3907
+ .hover\:bg-accent\/30:hover {
3908
+ background-color: color-mix(in srgb, hsl(var(--accent)) 30%, transparent);
4230
3909
  }
4231
- }
4232
- .hover\:bg-muted {
4233
- &:hover {
4234
- @media (hover: hover) {
4235
- 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);
4236
3913
  }
4237
3914
  }
4238
- }
4239
- .hover\:bg-muted\/50 {
4240
- &:hover {
4241
- @media (hover: hover) {
4242
- background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4243
- @supports (color: color-mix(in lab, red, red)) {
4244
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4245
- }
4246
- }
3915
+ .hover\:bg-accent\/40:hover {
3916
+ background-color: color-mix(in srgb, hsl(var(--accent)) 40%, transparent);
4247
3917
  }
4248
- }
4249
- .hover\:bg-muted\/60 {
4250
- &:hover {
4251
- @media (hover: hover) {
4252
- background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
4253
- @supports (color: color-mix(in lab, red, red)) {
4254
- background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
4255
- }
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);
4256
3921
  }
4257
3922
  }
4258
- }
4259
- .hover\:bg-muted\/80 {
4260
- &:hover {
4261
- @media (hover: hover) {
4262
- background-color: color-mix(in srgb, hsl(var(--muted)) 80%, transparent);
4263
- @supports (color: color-mix(in lab, red, red)) {
4264
- background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
4265
- }
4266
- }
3923
+ .hover\:bg-accent\/45:hover {
3924
+ background-color: color-mix(in srgb, hsl(var(--accent)) 45%, transparent);
4267
3925
  }
4268
- }
4269
- .hover\:bg-primary {
4270
- &:hover {
4271
- @media (hover: hover) {
4272
- 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);
4273
3929
  }
4274
3930
  }
4275
- }
4276
- .hover\:bg-primary\/15 {
4277
- &:hover {
4278
- @media (hover: hover) {
4279
- background-color: color-mix(in srgb, hsl(var(--primary)) 15%, transparent);
4280
- @supports (color: color-mix(in lab, red, red)) {
4281
- background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
4282
- }
4283
- }
3931
+ .hover\:bg-accent\/50:hover {
3932
+ background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
4284
3933
  }
4285
- }
4286
- .hover\:bg-primary\/20 {
4287
- &:hover {
4288
- @media (hover: hover) {
4289
- background-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
4290
- @supports (color: color-mix(in lab, red, red)) {
4291
- background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
4292
- }
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);
4293
3937
  }
4294
3938
  }
4295
- }
4296
- .hover\:bg-primary\/30 {
4297
- &:hover {
4298
- @media (hover: hover) {
4299
- background-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
4300
- @supports (color: color-mix(in lab, red, red)) {
4301
- background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
4302
- }
4303
- }
3939
+ .hover\:bg-background:hover {
3940
+ background-color: var(--color-background);
4304
3941
  }
4305
- }
4306
- .hover\:bg-primary\/90 {
4307
- &:hover {
4308
- @media (hover: hover) {
4309
- background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
4310
- @supports (color: color-mix(in lab, red, red)) {
4311
- background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
4312
- }
4313
- }
3942
+ .hover\:bg-black\/60:hover {
3943
+ background-color: color-mix(in srgb, #000 60%, transparent);
4314
3944
  }
4315
- }
4316
- .hover\:bg-red-600\/30 {
4317
- &:hover {
4318
- @media (hover: hover) {
4319
- background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent);
4320
- @supports (color: color-mix(in lab, red, red)) {
4321
- background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
4322
- }
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);
4323
3948
  }
4324
3949
  }
4325
- }
4326
- .hover\:bg-red-700 {
4327
- &:hover {
4328
- @media (hover: hover) {
4329
- background-color: var(--color-red-700);
4330
- }
3950
+ .hover\:bg-blue-600\/30:hover {
3951
+ background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
4331
3952
  }
4332
- }
4333
- .hover\:bg-surface-container-high {
4334
- &:hover {
4335
- @media (hover: hover) {
4336
- 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);
4337
3956
  }
4338
3957
  }
4339
- }
4340
- .hover\:bg-surface-container-highest {
4341
- &:hover {
4342
- @media (hover: hover) {
4343
- background-color: var(--color-surface-container-highest);
4344
- }
3958
+ .hover\:bg-destructive\/5:hover {
3959
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 5%, transparent);
4345
3960
  }
4346
- }
4347
- .hover\:bg-white\/5 {
4348
- &:hover {
4349
- @media (hover: hover) {
4350
- background-color: color-mix(in srgb, #fff 5%, transparent);
4351
- @supports (color: color-mix(in lab, red, red)) {
4352
- background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
4353
- }
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);
4354
3964
  }
4355
3965
  }
4356
- }
4357
- .hover\:bg-yellow-600\/30 {
4358
- &:hover {
4359
- @media (hover: hover) {
4360
- background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
4361
- @supports (color: color-mix(in lab, red, red)) {
4362
- background-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent);
4363
- }
4364
- }
3966
+ .hover\:bg-destructive\/10:hover {
3967
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
4365
3968
  }
4366
- }
4367
- .hover\:text-\[var\(--accent-text\)\] {
4368
- &:hover {
4369
- @media (hover: hover) {
4370
- 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);
4371
3972
  }
4372
3973
  }
4373
- }
4374
- .hover\:text-\[var\(--status-error\,\#ff4d6d\)\] {
4375
- &:hover {
4376
- @media (hover: hover) {
4377
- color: var(--status-error,#ff4d6d);
4378
- }
3974
+ .hover\:bg-destructive\/90:hover {
3975
+ background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
4379
3976
  }
4380
- }
4381
- .hover\:text-\[var\(--surface-danger-text\)\] {
4382
- &:hover {
4383
- @media (hover: hover) {
4384
- 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);
4385
3980
  }
4386
3981
  }
4387
- }
4388
- .hover\:text-accent-foreground {
4389
- &:hover {
4390
- @media (hover: hover) {
4391
- color: var(--color-accent-foreground);
4392
- }
3982
+ .hover\:bg-emerald-500\/10:hover {
3983
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
4393
3984
  }
4394
- }
4395
- .hover\:text-destructive {
4396
- &:hover {
4397
- @media (hover: hover) {
4398
- 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);
4399
3988
  }
4400
3989
  }
4401
- }
4402
- .hover\:text-foreground {
4403
- &:hover {
4404
- @media (hover: hover) {
4405
- color: var(--color-foreground);
4406
- }
3990
+ .hover\:bg-green-600\/5:hover {
3991
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 5%, transparent);
4407
3992
  }
4408
- }
4409
- .hover\:text-green-600 {
4410
- &:hover {
4411
- @media (hover: hover) {
4412
- 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);
4413
3996
  }
4414
3997
  }
4415
- }
4416
- .hover\:text-primary {
4417
- &:hover {
4418
- @media (hover: hover) {
4419
- 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);
4420
4004
  }
4421
4005
  }
4422
- }
4423
- .hover\:text-primary-foreground {
4424
- &:hover {
4425
- @media (hover: hover) {
4426
- 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);
4427
4015
  }
4428
4016
  }
4429
- }
4430
- .hover\:text-primary\/70 {
4431
- &:hover {
4432
- @media (hover: hover) {
4433
- color: color-mix(in srgb, hsl(var(--primary)) 70%, transparent);
4434
- @supports (color: color-mix(in lab, red, red)) {
4435
- color: color-mix(in oklab, var(--color-primary) 70%, transparent);
4436
- }
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);
4437
4023
  }
4438
4024
  }
4439
- }
4440
- .hover\:underline {
4441
- &:hover {
4442
- @media (hover: hover) {
4443
- 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);
4444
4031
  }
4445
4032
  }
4446
- }
4447
- .hover\:opacity-80 {
4448
- &:hover {
4449
- @media (hover: hover) {
4450
- 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);
4451
4042
  }
4452
4043
  }
4453
- }
4454
- .hover\:opacity-90 {
4455
- &:hover {
4456
- @media (hover: hover) {
4457
- 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);
4458
4050
  }
4459
4051
  }
4460
- }
4461
- .hover\:opacity-100 {
4462
- &:hover {
4463
- @media (hover: hover) {
4464
- 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);
4465
4058
  }
4466
4059
  }
4467
- }
4468
- .hover\:shadow-sm {
4469
- &:hover {
4470
- @media (hover: hover) {
4471
- --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));
4472
- 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);
4473
4066
  }
4474
4067
  }
4475
- }
4476
- .hover\:brightness-110 {
4477
- &:hover {
4478
- @media (hover: hover) {
4479
- --tw-brightness: brightness(110%);
4480
- 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);
4481
4074
  }
4482
4075
  }
4483
- }
4484
- .focus\:border-\[var\(--border-accent\)\] {
4485
- &:focus {
4486
- border-color: var(--border-accent);
4076
+ .hover\:bg-red-700:hover {
4077
+ background-color: var(--color-red-700);
4487
4078
  }
4488
- }
4489
- .focus\:border-\[var\(--border-accent-hover\)\] {
4490
- &:focus {
4491
- border-color: var(--border-accent-hover);
4079
+ .hover\:bg-surface-container-high:hover {
4080
+ background-color: var(--color-surface-container-high);
4492
4081
  }
4493
- }
4494
- .focus\:border-primary {
4495
- &:focus {
4496
- border-color: var(--color-primary);
4082
+ .hover\:bg-surface-container-highest:hover {
4083
+ background-color: var(--color-surface-container-highest);
4497
4084
  }
4498
- }
4499
- .focus\:bg-accent {
4500
- &:focus {
4501
- background-color: var(--color-accent);
4085
+ .hover\:bg-white\/5:hover {
4086
+ background-color: color-mix(in srgb, #fff 5%, transparent);
4502
4087
  }
4503
- }
4504
- .focus\:bg-accent\/40 {
4505
- &:focus {
4506
- background-color: color-mix(in srgb, hsl(var(--accent)) 40%, transparent);
4507
- @supports (color: color-mix(in lab, red, red)) {
4508
- 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);
4509
4091
  }
4510
4092
  }
4511
- }
4512
- .focus\:bg-accent\/50 {
4513
- &:focus {
4514
- background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);
4515
- @supports (color: color-mix(in lab, red, red)) {
4516
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
4517
- }
4093
+ .hover\:bg-yellow-600\/30:hover {
4094
+ background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
4518
4095
  }
4519
- }
4520
- .focus\:bg-destructive\/10 {
4521
- &:focus {
4522
- background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
4523
- @supports (color: color-mix(in lab, red, red)) {
4524
- 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);
4525
4099
  }
4526
4100
  }
4527
- }
4528
- .focus\:bg-muted\/50 {
4529
- &:focus {
4530
- background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4531
- @supports (color: color-mix(in lab, red, red)) {
4532
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4533
- }
4101
+ .hover\:text-\[var\(--accent-text\)\]:hover {
4102
+ color: var(--accent-text);
4534
4103
  }
4535
- }
4536
- .focus\:bg-primary\/15 {
4537
- &:focus {
4538
- background-color: color-mix(in srgb, hsl(var(--primary)) 15%, transparent);
4539
- @supports (color: color-mix(in lab, red, red)) {
4540
- background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
4541
- }
4104
+ .hover\:text-\[var\(--status-error\,\#ff4d6d\)\]:hover {
4105
+ color: var(--status-error,#ff4d6d);
4542
4106
  }
4543
- }
4544
- .focus\:text-\[var\(--surface-danger-text\)\] {
4545
- &:focus {
4107
+ .hover\:text-\[var\(--surface-danger-text\)\]:hover {
4546
4108
  color: var(--surface-danger-text);
4547
4109
  }
4548
- }
4549
- .focus\:text-destructive {
4550
- &:focus {
4110
+ .hover\:text-accent-foreground:hover {
4111
+ color: var(--color-accent-foreground);
4112
+ }
4113
+ .hover\:text-destructive:hover {
4551
4114
  color: var(--color-destructive);
4552
4115
  }
4553
- }
4554
- .focus\:text-foreground {
4555
- &:focus {
4116
+ .hover\:text-foreground:hover {
4556
4117
  color: var(--color-foreground);
4557
4118
  }
4558
- }
4559
- .focus\:text-red-400 {
4560
- &:focus {
4561
- color: var(--color-red-400);
4119
+ .hover\:text-green-600:hover {
4120
+ color: var(--color-green-600);
4562
4121
  }
4563
- }
4564
- .focus\:ring-0 {
4565
- &:focus {
4566
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
4122
+ .hover\:text-primary:hover {
4123
+ color: var(--color-primary);
4568
4124
  }
4569
- }
4570
- .focus\:ring-1 {
4571
- &:focus {
4572
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4573
- 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);
4574
4127
  }
4575
- }
4576
- .focus\:ring-2 {
4577
- &:focus {
4578
- --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));
4579
4150
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4580
4151
  }
4581
- }
4582
- .focus\:ring-\[var\(--border-accent\)\] {
4583
- &:focus {
4584
- --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,);
4585
4155
  }
4586
4156
  }
4587
- .focus\:ring-\[var\(--surface-danger-border\)\] {
4588
- &:focus {
4589
- --tw-ring-color: var(--surface-danger-border);
4590
- }
4157
+ .focus\:border-\[var\(--border-accent\)\]:focus {
4158
+ border-color: var(--border-accent);
4591
4159
  }
4592
- .focus\:ring-primary {
4593
- &:focus {
4594
- --tw-ring-color: var(--color-primary);
4595
- }
4160
+ .focus\:border-\[var\(--border-accent-hover\)\]:focus {
4161
+ border-color: var(--border-accent-hover);
4596
4162
  }
4597
- .focus\:ring-primary\/30 {
4598
- &:focus {
4599
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
4600
- @supports (color: color-mix(in lab, red, red)) {
4601
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
4602
- }
4603
- }
4163
+ .focus\:border-primary:focus {
4164
+ border-color: var(--color-primary);
4604
4165
  }
4605
- .focus\:ring-primary\/40 {
4606
- &:focus {
4607
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4608
- @supports (color: color-mix(in lab, red, red)) {
4609
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4610
- }
4611
- }
4166
+ .focus\:bg-accent:focus {
4167
+ background-color: var(--color-accent);
4612
4168
  }
4613
- .focus\:ring-ring {
4614
- &:focus {
4615
- --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);
4616
4173
  }
4617
4174
  }
4618
- .focus\:ring-offset-0 {
4619
- &:focus {
4620
- --tw-ring-offset-width: 0px;
4621
- --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);
4622
4179
  }
4623
4180
  }
4624
- .focus\:ring-offset-2 {
4625
- &:focus {
4626
- --tw-ring-offset-width: 2px;
4627
- --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);
4628
4185
  }
4629
4186
  }
4630
- .focus\:outline-none {
4631
- &:focus {
4632
- --tw-outline-style: none;
4633
- 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);
4634
4191
  }
4635
4192
  }
4636
- .focus-visible\:border-\[var\(--border-accent\)\] {
4637
- &:focus-visible {
4638
- 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);
4639
4197
  }
4640
4198
  }
4641
- .focus-visible\:border-primary\/50 {
4642
- &:focus-visible {
4643
- border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
4644
- @supports (color: color-mix(in lab, red, red)) {
4645
- border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
4646
- }
4647
- }
4199
+ .focus\:text-\[var\(--surface-danger-text\)\]:focus {
4200
+ color: var(--surface-danger-text);
4648
4201
  }
4649
- .focus-visible\:bg-background {
4650
- &:focus-visible {
4651
- background-color: var(--color-background);
4652
- }
4202
+ .focus\:text-destructive:focus {
4203
+ color: var(--color-destructive);
4653
4204
  }
4654
- .focus-visible\:bg-primary\/40 {
4655
- &:focus-visible {
4656
- background-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4657
- @supports (color: color-mix(in lab, red, red)) {
4658
- background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4659
- }
4660
- }
4205
+ .focus\:text-foreground:focus {
4206
+ color: var(--color-foreground);
4661
4207
  }
4662
- .focus-visible\:bg-transparent {
4663
- &:focus-visible {
4664
- background-color: transparent;
4665
- }
4208
+ .focus\:text-red-400:focus {
4209
+ color: var(--color-red-400);
4666
4210
  }
4667
- .focus-visible\:text-foreground {
4668
- &:focus-visible {
4669
- color: var(--color-foreground);
4670
- }
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);
4671
4214
  }
4672
- .focus-visible\:opacity-100 {
4673
- &:focus-visible {
4674
- opacity: 100%;
4675
- }
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);
4676
4218
  }
4677
- .focus-visible\:ring-1 {
4678
- &:focus-visible {
4679
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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
- }
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);
4682
4222
  }
4683
- .focus-visible\:ring-2 {
4684
- &:focus-visible {
4685
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4686
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4687
- }
4223
+ .focus\:ring-\[var\(--border-accent\)\]:focus {
4224
+ --tw-ring-color: var(--border-accent);
4688
4225
  }
4689
- .focus-visible\:ring-\[var\(--border-accent\)\] {
4690
- &:focus-visible {
4691
- --tw-ring-color: var(--border-accent);
4692
- }
4226
+ .focus\:ring-\[var\(--surface-danger-border\)\]:focus {
4227
+ --tw-ring-color: var(--surface-danger-border);
4693
4228
  }
4694
- .focus-visible\:ring-primary\/20 {
4695
- &:focus-visible {
4696
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
4697
- @supports (color: color-mix(in lab, red, red)) {
4698
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
4699
- }
4700
- }
4229
+ .focus\:ring-primary:focus {
4230
+ --tw-ring-color: var(--color-primary);
4701
4231
  }
4702
- .focus-visible\:ring-primary\/40 {
4703
- &:focus-visible {
4704
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
4705
- @supports (color: color-mix(in lab, red, red)) {
4706
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
4707
- }
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);
4708
4236
  }
4709
4237
  }
4710
- .focus-visible\:ring-primary\/60 {
4711
- &:focus-visible {
4712
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
4713
- @supports (color: color-mix(in lab, red, red)) {
4714
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
4715
- }
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);
4716
4242
  }
4717
4243
  }
4718
- .focus-visible\:ring-ring {
4719
- &:focus-visible {
4720
- --tw-ring-color: var(--color-ring);
4721
- }
4244
+ .focus\:ring-ring:focus {
4245
+ --tw-ring-color: var(--color-ring);
4722
4246
  }
4723
- .focus-visible\:ring-offset-2 {
4724
- &:focus-visible {
4725
- --tw-ring-offset-width: 2px;
4726
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4727
- }
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);
4728
4250
  }
4729
- .focus-visible\:ring-offset-background {
4730
- &:focus-visible {
4731
- --tw-ring-offset-color: var(--color-background);
4732
- }
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);
4733
4254
  }
4734
- .focus-visible\:outline-none {
4735
- &:focus-visible {
4736
- --tw-outline-style: none;
4737
- outline-style: none;
4738
- }
4255
+ .focus\:outline-none:focus {
4256
+ --tw-outline-style: none;
4257
+ outline-style: none;
4739
4258
  }
4740
- .focus-visible\:ring-inset {
4741
- &:focus-visible {
4742
- --tw-ring-inset: inset;
4743
- }
4259
+ .focus-visible\:border-\[var\(--border-accent\)\]:focus-visible {
4260
+ border-color: var(--border-accent);
4744
4261
  }
4745
- .active\:scale-90 {
4746
- &:active {
4747
- --tw-scale-x: 90%;
4748
- --tw-scale-y: 90%;
4749
- --tw-scale-z: 90%;
4750
- 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);
4751
4266
  }
4752
4267
  }
4753
- .active\:scale-95 {
4754
- &:active {
4755
- --tw-scale-x: 95%;
4756
- --tw-scale-y: 95%;
4757
- --tw-scale-z: 95%;
4758
- scale: var(--tw-scale-x) var(--tw-scale-y);
4759
- }
4268
+ .focus-visible\:bg-background:focus-visible {
4269
+ background-color: var(--color-background);
4760
4270
  }
4761
- .active\:scale-\[0\.97\] {
4762
- &:active {
4763
- 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);
4764
4275
  }
4765
4276
  }
4766
- .active\:scale-\[0\.98\] {
4767
- &:active {
4768
- scale: 0.98;
4769
- }
4277
+ .focus-visible\:bg-transparent:focus-visible {
4278
+ background-color: transparent;
4770
4279
  }
4771
- .active\:scale-\[0\.99\] {
4772
- &:active {
4773
- scale: 0.99;
4774
- }
4280
+ .focus-visible\:text-foreground:focus-visible {
4281
+ color: var(--color-foreground);
4775
4282
  }
4776
- .active\:bg-\[var\(--border-accent\)\] {
4777
- &:active {
4778
- background-color: var(--border-accent);
4779
- }
4283
+ .focus-visible\:opacity-100:focus-visible {
4284
+ opacity: 100%;
4780
4285
  }
4781
- .disabled\:pointer-events-none {
4782
- &:disabled {
4783
- pointer-events: none;
4784
- }
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);
4785
4289
  }
4786
- .disabled\:cursor-not-allowed {
4787
- &:disabled {
4788
- cursor: not-allowed;
4789
- }
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);
4790
4293
  }
4791
- .disabled\:opacity-30 {
4792
- &:disabled {
4793
- opacity: 30%;
4794
- }
4294
+ .focus-visible\:ring-\[var\(--border-accent\)\]:focus-visible {
4295
+ --tw-ring-color: var(--border-accent);
4795
4296
  }
4796
- .disabled\:opacity-40 {
4797
- &:disabled {
4798
- 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);
4799
4301
  }
4800
4302
  }
4801
- .disabled\:opacity-50 {
4802
- &:disabled {
4803
- 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);
4804
4307
  }
4805
4308
  }
4806
- .disabled\:opacity-60 {
4807
- &:disabled {
4808
- 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);
4809
4313
  }
4810
4314
  }
4811
- .data-\[disabled\]\:pointer-events-none {
4812
- &[data-disabled] {
4813
- pointer-events: none;
4814
- }
4315
+ .focus-visible\:ring-ring:focus-visible {
4316
+ --tw-ring-color: var(--color-ring);
4815
4317
  }
4816
- .data-\[disabled\]\:opacity-50 {
4817
- &[data-disabled] {
4818
- opacity: 50%;
4819
- }
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);
4820
4321
  }
4821
- .data-\[side\=bottom\]\:translate-y-1 {
4822
- &[data-side="bottom"] {
4823
- --tw-translate-y: calc(var(--spacing) * 1);
4824
- translate: var(--tw-translate-x) var(--tw-translate-y);
4825
- }
4322
+ .focus-visible\:ring-offset-background:focus-visible {
4323
+ --tw-ring-offset-color: var(--color-background);
4826
4324
  }
4827
- .data-\[side\=left\]\:-translate-x-1 {
4828
- &[data-side="left"] {
4829
- --tw-translate-x: calc(var(--spacing) * -1);
4830
- translate: var(--tw-translate-x) var(--tw-translate-y);
4831
- }
4325
+ .focus-visible\:outline-none:focus-visible {
4326
+ --tw-outline-style: none;
4327
+ outline-style: none;
4832
4328
  }
4833
- .data-\[side\=right\]\:translate-x-1 {
4834
- &[data-side="right"] {
4835
- --tw-translate-x: calc(var(--spacing) * 1);
4836
- translate: var(--tw-translate-x) var(--tw-translate-y);
4837
- }
4329
+ .focus-visible\:ring-inset:focus-visible {
4330
+ --tw-ring-inset: inset;
4838
4331
  }
4839
- .data-\[side\=top\]\:-translate-y-1 {
4840
- &[data-side="top"] {
4841
- --tw-translate-y: calc(var(--spacing) * -1);
4842
- translate: var(--tw-translate-x) var(--tw-translate-y);
4843
- }
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);
4844
4337
  }
4845
- .data-\[state\=active\]\:border-primary {
4846
- &[data-state="active"] {
4847
- border-color: var(--color-primary);
4848
- }
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);
4849
4343
  }
4850
- .data-\[state\=active\]\:bg-background {
4851
- &[data-state="active"] {
4852
- background-color: var(--color-background);
4853
- }
4344
+ .active\:scale-\[0\.97\]:active {
4345
+ scale: 0.97;
4854
4346
  }
4855
- .data-\[state\=active\]\:bg-primary {
4856
- &[data-state="active"] {
4857
- background-color: var(--color-primary);
4858
- }
4347
+ .active\:scale-\[0\.98\]:active {
4348
+ scale: 0.98;
4859
4349
  }
4860
- .data-\[state\=active\]\:text-foreground {
4861
- &[data-state="active"] {
4862
- color: var(--color-foreground);
4863
- }
4350
+ .active\:scale-\[0\.99\]:active {
4351
+ scale: 0.99;
4864
4352
  }
4865
- .data-\[state\=active\]\:text-primary-foreground {
4866
- &[data-state="active"] {
4867
- color: var(--color-primary-foreground);
4868
- }
4353
+ .active\:bg-\[var\(--border-accent\)\]:active {
4354
+ background-color: var(--border-accent);
4869
4355
  }
4870
- .data-\[state\=active\]\:shadow-sm {
4871
- &[data-state="active"] {
4872
- --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));
4873
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4874
- }
4356
+ .disabled\:pointer-events-none:disabled {
4357
+ pointer-events: none;
4875
4358
  }
4876
- .data-\[state\=checked\]\:translate-x-4 {
4877
- &[data-state="checked"] {
4878
- --tw-translate-x: calc(var(--spacing) * 4);
4879
- translate: var(--tw-translate-x) var(--tw-translate-y);
4880
- }
4359
+ .disabled\:cursor-not-allowed:disabled {
4360
+ cursor: not-allowed;
4881
4361
  }
4882
- .data-\[state\=checked\]\:bg-\[var\(--accent-surface-soft\)\] {
4883
- &[data-state="checked"] {
4884
- background-color: var(--accent-surface-soft);
4885
- }
4362
+ .disabled\:opacity-30:disabled {
4363
+ opacity: 30%;
4886
4364
  }
4887
- .data-\[state\=checked\]\:bg-primary {
4888
- &[data-state="checked"] {
4889
- background-color: var(--color-primary);
4890
- }
4365
+ .disabled\:opacity-40:disabled {
4366
+ opacity: 40%;
4891
4367
  }
4892
- .data-\[state\=checked\]\:text-\[var\(--accent-text\)\] {
4893
- &[data-state="checked"] {
4894
- color: var(--accent-text);
4895
- }
4368
+ .disabled\:opacity-50:disabled {
4369
+ opacity: 50%;
4896
4370
  }
4897
- .data-\[state\=checked\]\:text-\[var\(--brand-primary\)\] {
4898
- &[data-state="checked"] {
4899
- color: var(--brand-primary);
4900
- }
4371
+ .disabled\:opacity-60:disabled {
4372
+ opacity: 60%;
4901
4373
  }
4902
- .data-\[state\=inactive\]\:text-muted-foreground {
4903
- &[data-state="inactive"] {
4904
- color: var(--color-muted-foreground);
4905
- }
4374
+ .data-\[disabled\]\:pointer-events-none[data-disabled] {
4375
+ pointer-events: none;
4906
4376
  }
4907
- .data-\[state\=inactive\]\:hover\:bg-muted {
4908
- &[data-state="inactive"] {
4909
- &:hover {
4910
- @media (hover: hover) {
4911
- background-color: var(--color-muted);
4912
- }
4913
- }
4914
- }
4377
+ .data-\[disabled\]\:opacity-50[data-disabled] {
4378
+ opacity: 50%;
4915
4379
  }
4916
- .data-\[state\=open\]\:rotate-180 {
4917
- &[data-state="open"] {
4918
- rotate: 180deg;
4919
- }
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);
4920
4383
  }
4921
- .data-\[state\=open\]\:border-\[var\(--md3-outline\)\] {
4922
- &[data-state="open"] {
4923
- border-color: var(--md3-outline);
4924
- }
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);
4925
4387
  }
4926
- .data-\[state\=open\]\:border-\[var\(--md3-outline-variant\)\] {
4927
- &[data-state="open"] {
4928
- border-color: var(--md3-outline-variant);
4929
- }
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);
4930
4391
  }
4931
- .data-\[state\=open\]\:bg-\[var\(--accent-surface-strong\)\] {
4932
- &[data-state="open"] {
4933
- background-color: var(--accent-surface-strong);
4934
- }
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);
4935
4395
  }
4936
- .data-\[state\=open\]\:bg-accent {
4937
- &[data-state="open"] {
4938
- background-color: var(--color-accent);
4939
- }
4396
+ .data-\[state\=active\]\:border-primary[data-state="active"] {
4397
+ border-color: var(--color-primary);
4940
4398
  }
4941
- .data-\[state\=open\]\:bg-muted\/50 {
4942
- &[data-state="open"] {
4943
- background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4944
- @supports (color: color-mix(in lab, red, red)) {
4945
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4946
- }
4947
- }
4399
+ .data-\[state\=active\]\:bg-background[data-state="active"] {
4400
+ background-color: var(--color-background);
4948
4401
  }
4949
- .data-\[state\=open\]\:bg-muted\/60 {
4950
- &[data-state="open"] {
4951
- background-color: color-mix(in srgb, hsl(var(--muted)) 60%, transparent);
4952
- @supports (color: color-mix(in lab, red, red)) {
4953
- background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
4954
- }
4955
- }
4402
+ .data-\[state\=active\]\:bg-primary[data-state="active"] {
4403
+ background-color: var(--color-primary);
4956
4404
  }
4957
- .data-\[state\=open\]\:bg-surface-container-high {
4958
- &[data-state="open"] {
4959
- background-color: var(--color-surface-container-high);
4960
- }
4405
+ .data-\[state\=active\]\:text-foreground[data-state="active"] {
4406
+ color: var(--color-foreground);
4961
4407
  }
4962
- .data-\[state\=open\]\:text-muted-foreground {
4963
- &[data-state="open"] {
4964
- color: var(--color-muted-foreground);
4965
- }
4408
+ .data-\[state\=active\]\:text-primary-foreground[data-state="active"] {
4409
+ color: var(--color-primary-foreground);
4966
4410
  }
4967
- .data-\[state\=open\]\:opacity-100 {
4968
- &[data-state="open"] {
4969
- 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);
4970
4437
  }
4971
4438
  }
4972
- .data-\[state\=selected\]\:bg-muted\/50 {
4973
- &[data-state="selected"] {
4974
- background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
4975
- @supports (color: color-mix(in lab, red, red)) {
4976
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
4977
- }
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);
4978
4458
  }
4979
4459
  }
4980
- .data-\[state\=unchecked\]\:translate-x-0 {
4981
- &[data-state="unchecked"] {
4982
- --tw-translate-x: calc(var(--spacing) * 0);
4983
- 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);
4984
4464
  }
4985
4465
  }
4986
- .data-\[state\=unchecked\]\:bg-input {
4987
- &[data-state="unchecked"] {
4988
- 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);
4989
4479
  }
4990
4480
  }
4991
- .max-lg\:hidden {
4992
- @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 {
4993
4490
  display: none;
4994
4491
  }
4995
4492
  }
4996
- .max-md\:hidden {
4997
- @media (width < 48rem) {
4493
+ @media (width < 48rem) {
4494
+ .max-md\:hidden {
4998
4495
  display: none;
4999
4496
  }
5000
4497
  }
5001
- .sm\:inline {
5002
- @media (width >= 40rem) {
4498
+ @media (width >= 40rem) {
4499
+ .sm\:inline {
5003
4500
  display: inline;
5004
4501
  }
5005
- }
5006
- .sm\:grid-cols-2 {
5007
- @media (width >= 40rem) {
4502
+ .sm\:grid-cols-2 {
5008
4503
  grid-template-columns: repeat(2, minmax(0, 1fr));
5009
4504
  }
5010
- }
5011
- .sm\:grid-cols-3 {
5012
- @media (width >= 40rem) {
4505
+ .sm\:grid-cols-3 {
5013
4506
  grid-template-columns: repeat(3, minmax(0, 1fr));
5014
4507
  }
5015
- }
5016
- .sm\:grid-cols-4 {
5017
- @media (width >= 40rem) {
4508
+ .sm\:grid-cols-4 {
5018
4509
  grid-template-columns: repeat(4, minmax(0, 1fr));
5019
4510
  }
5020
- }
5021
- .sm\:flex-row {
5022
- @media (width >= 40rem) {
4511
+ .sm\:flex-row {
5023
4512
  flex-direction: row;
5024
4513
  }
5025
- }
5026
- .sm\:items-center {
5027
- @media (width >= 40rem) {
4514
+ .sm\:items-center {
5028
4515
  align-items: center;
5029
4516
  }
5030
- }
5031
- .sm\:items-start {
5032
- @media (width >= 40rem) {
4517
+ .sm\:items-start {
5033
4518
  align-items: flex-start;
5034
4519
  }
5035
- }
5036
- .sm\:justify-between {
5037
- @media (width >= 40rem) {
4520
+ .sm\:justify-between {
5038
4521
  justify-content: space-between;
5039
4522
  }
5040
- }
5041
- .sm\:justify-end {
5042
- @media (width >= 40rem) {
4523
+ .sm\:justify-end {
5043
4524
  justify-content: flex-end;
5044
4525
  }
5045
- }
5046
- .sm\:space-x-2 {
5047
- @media (width >= 40rem) {
5048
- :where(& > :not(:last-child)) {
5049
- --tw-space-x-reverse: 0;
5050
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
5051
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
5052
- }
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)));
5053
4530
  }
5054
- }
5055
- .sm\:text-left {
5056
- @media (width >= 40rem) {
4531
+ .sm\:text-left {
5057
4532
  text-align: left;
5058
4533
  }
5059
- }
5060
- .sm\:text-5xl {
5061
- @media (width >= 40rem) {
4534
+ .sm\:text-5xl {
5062
4535
  font-size: var(--text-5xl);
5063
4536
  line-height: var(--tw-leading, var(--text-5xl--line-height));
5064
4537
  }
5065
- }
5066
- .sm\:opacity-0 {
5067
- @media (width >= 40rem) {
4538
+ .sm\:opacity-0 {
5068
4539
  opacity: 0%;
5069
4540
  }
5070
- }
5071
- .sm\:group-hover\:opacity-100 {
5072
- @media (width >= 40rem) {
5073
- &:is(:where(.group):hover *) {
5074
- @media (hover: hover) {
5075
- opacity: 100%;
5076
- }
5077
- }
5078
- }
5079
- }
5080
- .sm\:focus-within\:opacity-100 {
5081
- @media (width >= 40rem) {
5082
- &:focus-within {
4541
+ @media (hover: hover) {
4542
+ .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
5083
4543
  opacity: 100%;
5084
4544
  }
5085
4545
  }
4546
+ .sm\:focus-within\:opacity-100:focus-within {
4547
+ opacity: 100%;
4548
+ }
5086
4549
  }
5087
- .md\:col-span-2 {
5088
- @media (width >= 48rem) {
4550
+ @media (width >= 48rem) {
4551
+ .md\:col-span-2 {
5089
4552
  grid-column: span 2 / span 2;
5090
4553
  }
5091
- }
5092
- .md\:mt-0 {
5093
- @media (width >= 48rem) {
5094
- margin-top: calc(var(--spacing) * 0);
4554
+ .md\:mt-0 {
4555
+ margin-top: 0px;
5095
4556
  }
5096
- }
5097
- .md\:block {
5098
- @media (width >= 48rem) {
4557
+ .md\:block {
5099
4558
  display: block;
5100
4559
  }
5101
- }
5102
- .md\:flex {
5103
- @media (width >= 48rem) {
4560
+ .md\:flex {
5104
4561
  display: flex;
5105
4562
  }
5106
- }
5107
- .md\:grid-cols-2 {
5108
- @media (width >= 48rem) {
4563
+ .md\:grid-cols-2 {
5109
4564
  grid-template-columns: repeat(2, minmax(0, 1fr));
5110
4565
  }
5111
- }
5112
- .md\:grid-cols-3 {
5113
- @media (width >= 48rem) {
4566
+ .md\:grid-cols-3 {
5114
4567
  grid-template-columns: repeat(3, minmax(0, 1fr));
5115
4568
  }
5116
- }
5117
- .md\:grid-cols-4 {
5118
- @media (width >= 48rem) {
4569
+ .md\:grid-cols-4 {
5119
4570
  grid-template-columns: repeat(4, minmax(0, 1fr));
5120
4571
  }
5121
- }
5122
- .md\:grid-cols-5 {
5123
- @media (width >= 48rem) {
4572
+ .md\:grid-cols-5 {
5124
4573
  grid-template-columns: repeat(5, minmax(0, 1fr));
5125
4574
  }
5126
- }
5127
- .md\:flex-row {
5128
- @media (width >= 48rem) {
4575
+ .md\:flex-row {
5129
4576
  flex-direction: row;
5130
4577
  }
5131
- }
5132
- .md\:items-center {
5133
- @media (width >= 48rem) {
4578
+ .md\:items-center {
5134
4579
  align-items: center;
5135
4580
  }
5136
- }
5137
- .md\:justify-between {
5138
- @media (width >= 48rem) {
4581
+ .md\:justify-between {
5139
4582
  justify-content: space-between;
5140
4583
  }
5141
4584
  }
5142
- .lg\:col-span-1 {
5143
- @media (width >= 64rem) {
4585
+ @media (width >= 64rem) {
4586
+ .lg\:col-span-1 {
5144
4587
  grid-column: span 1 / span 1;
5145
4588
  }
5146
- }
5147
- .lg\:ml-\[var\(--sb-content-margin\,0px\)\] {
5148
- @media (width >= 64rem) {
4589
+ .lg\:ml-\[var\(--sb-content-margin\,0px\)\] {
5149
4590
  margin-left: var(--sb-content-margin,0px);
5150
4591
  }
5151
- }
5152
- .lg\:flex {
5153
- @media (width >= 64rem) {
4592
+ .lg\:flex {
5154
4593
  display: flex;
5155
4594
  }
5156
- }
5157
- .lg\:hidden {
5158
- @media (width >= 64rem) {
4595
+ .lg\:hidden {
5159
4596
  display: none;
5160
4597
  }
5161
- }
5162
- .lg\:grid-cols-3 {
5163
- @media (width >= 64rem) {
4598
+ .lg\:grid-cols-3 {
5164
4599
  grid-template-columns: repeat(3, minmax(0, 1fr));
5165
4600
  }
5166
- }
5167
- .lg\:grid-cols-4 {
5168
- @media (width >= 64rem) {
4601
+ .lg\:grid-cols-4 {
5169
4602
  grid-template-columns: repeat(4, minmax(0, 1fr));
5170
4603
  }
5171
- }
5172
- .lg\:grid-cols-6 {
5173
- @media (width >= 64rem) {
4604
+ .lg\:grid-cols-6 {
5174
4605
  grid-template-columns: repeat(6, minmax(0, 1fr));
5175
4606
  }
5176
- }
5177
- .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,0\.9fr\)\] {
5178
- @media (width >= 64rem) {
4607
+ .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,0\.9fr\)\] {
5179
4608
  grid-template-columns: minmax(0,1.35fr) minmax(20rem,0.9fr);
5180
4609
  }
5181
- }
5182
- .lg\:flex-col {
5183
- @media (width >= 64rem) {
4610
+ .lg\:flex-col {
5184
4611
  flex-direction: column;
5185
4612
  }
5186
- }
5187
- .lg\:p-4 {
5188
- @media (width >= 64rem) {
4613
+ .lg\:p-4 {
5189
4614
  padding: calc(var(--spacing) * 4);
5190
4615
  }
5191
- }
5192
- .lg\:px-8 {
5193
- @media (width >= 64rem) {
4616
+ .lg\:px-8 {
5194
4617
  padding-inline: calc(var(--spacing) * 8);
5195
4618
  }
5196
4619
  }
5197
- .xl\:col-span-4 {
5198
- @media (width >= 80rem) {
4620
+ @media (width >= 80rem) {
4621
+ .xl\:col-span-4 {
5199
4622
  grid-column: span 4 / span 4;
5200
4623
  }
5201
- }
5202
- .xl\:col-span-8 {
5203
- @media (width >= 80rem) {
4624
+ .xl\:col-span-8 {
5204
4625
  grid-column: span 8 / span 8;
5205
4626
  }
5206
- }
5207
- .xl\:grid-cols-2 {
5208
- @media (width >= 80rem) {
4627
+ .xl\:grid-cols-2 {
5209
4628
  grid-template-columns: repeat(2, minmax(0, 1fr));
5210
4629
  }
5211
- }
5212
- .xl\:grid-cols-4 {
5213
- @media (width >= 80rem) {
4630
+ .xl\:grid-cols-4 {
5214
4631
  grid-template-columns: repeat(4, minmax(0, 1fr));
5215
4632
  }
5216
- }
5217
- .xl\:grid-cols-5 {
5218
- @media (width >= 80rem) {
4633
+ .xl\:grid-cols-5 {
5219
4634
  grid-template-columns: repeat(5, minmax(0, 1fr));
5220
4635
  }
5221
4636
  }
5222
- .dark\:text-neutral-500 {
5223
- @media (prefers-color-scheme: dark) {
4637
+ @media (prefers-color-scheme: dark) {
4638
+ .dark\:text-neutral-500 {
5224
4639
  color: var(--color-neutral-500);
5225
4640
  }
5226
4641
  }
5227
- .\[\&_svg\]\:pointer-events-none {
5228
- & svg {
5229
- pointer-events: none;
5230
- }
4642
+ .\[\&_svg\]\:pointer-events-none svg {
4643
+ pointer-events: none;
5231
4644
  }
5232
- .\[\&_svg\]\:size-4 {
5233
- & svg {
5234
- width: calc(var(--spacing) * 4);
5235
- height: calc(var(--spacing) * 4);
5236
- }
4645
+ .\[\&_svg\]\:size-4 svg {
4646
+ width: calc(var(--spacing) * 4);
4647
+ height: calc(var(--spacing) * 4);
5237
4648
  }
5238
- .\[\&_svg\]\:h-3\.5 {
5239
- & svg {
5240
- height: calc(var(--spacing) * 3.5);
5241
- }
4649
+ .\[\&_svg\]\:h-3\.5 svg {
4650
+ height: calc(var(--spacing) * 3.5);
5242
4651
  }
5243
- .\[\&_svg\]\:h-\[18px\] {
5244
- & svg {
5245
- height: 18px;
5246
- }
4652
+ .\[\&_svg\]\:h-\[18px\] svg {
4653
+ height: 18px;
5247
4654
  }
5248
- .\[\&_svg\]\:w-3\.5 {
5249
- & svg {
5250
- width: calc(var(--spacing) * 3.5);
5251
- }
4655
+ .\[\&_svg\]\:w-3\.5 svg {
4656
+ width: calc(var(--spacing) * 3.5);
5252
4657
  }
5253
- .\[\&_svg\]\:w-\[18px\] {
5254
- & svg {
5255
- width: 18px;
5256
- }
4658
+ .\[\&_svg\]\:w-\[18px\] svg {
4659
+ width: 18px;
5257
4660
  }
5258
- .\[\&_svg\]\:shrink-0 {
5259
- & svg {
5260
- flex-shrink: 0;
5261
- }
4661
+ .\[\&_svg\]\:shrink-0 svg {
4662
+ flex-shrink: 0;
5262
4663
  }
5263
- .\[\&_tr\]\:border-b {
5264
- & tr {
5265
- border-bottom-style: var(--tw-border-style);
5266
- border-bottom-width: 1px;
5267
- }
4664
+ .\[\&_tr\]\:border-b tr {
4665
+ border-bottom-style: var(--tw-border-style);
4666
+ border-bottom-width: 1px;
5268
4667
  }
5269
- .\[\&_tr\:last-child\]\:border-0 {
5270
- & tr:last-child {
5271
- border-style: var(--tw-border-style);
5272
- border-width: 0px;
5273
- }
4668
+ .\[\&_tr\:last-child\]\:border-0 tr:last-child {
4669
+ border-style: var(--tw-border-style);
4670
+ border-width: 0px;
5274
4671
  }
5275
- .\[\&\:\:-moz-range-track\]\:h-1\.5 {
5276
- &::-moz-range-track {
5277
- height: calc(var(--spacing) * 1.5);
5278
- }
4672
+ .\[\&\:\:-moz-range-track\]\:h-1\.5::-moz-range-track {
4673
+ height: calc(var(--spacing) * 1.5);
5279
4674
  }
5280
- .\[\&\:\:-moz-range-track\]\:rounded-full {
5281
- &::-moz-range-track {
5282
- border-radius: calc(infinity * 1px);
5283
- }
4675
+ .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
4676
+ border-radius: calc(infinity * 1px);
5284
4677
  }
5285
- .\[\&\:\:-moz-range-track\]\:bg-border {
5286
- &::-moz-range-track {
5287
- background-color: var(--color-border);
5288
- }
4678
+ .\[\&\:\:-moz-range-track\]\:bg-border::-moz-range-track {
4679
+ background-color: var(--color-border);
5289
4680
  }
5290
- .\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5 {
5291
- &::-webkit-slider-runnable-track {
5292
- height: calc(var(--spacing) * 1.5);
5293
- }
4681
+ .\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5::-webkit-slider-runnable-track {
4682
+ height: calc(var(--spacing) * 1.5);
5294
4683
  }
5295
- .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full {
5296
- &::-webkit-slider-runnable-track {
5297
- border-radius: calc(infinity * 1px);
5298
- }
4684
+ .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track {
4685
+ border-radius: calc(infinity * 1px);
5299
4686
  }
5300
- .\[\&\:\:-webkit-slider-runnable-track\]\:bg-border {
5301
- &::-webkit-slider-runnable-track {
5302
- background-color: var(--color-border);
5303
- }
4687
+ .\[\&\:\:-webkit-slider-runnable-track\]\:bg-border::-webkit-slider-runnable-track {
4688
+ background-color: var(--color-border);
5304
4689
  }
5305
- .\[\&\:\:-webkit-slider-thumb\]\:-mt-\[5px\] {
5306
- &::-webkit-slider-thumb {
5307
- margin-top: calc(5px * -1);
5308
- }
4690
+ .\[\&\:\:-webkit-slider-thumb\]\:-mt-\[5px\]::-webkit-slider-thumb {
4691
+ margin-top: calc(5px * -1);
5309
4692
  }
5310
- .\[\&\:\:-webkit-slider-thumb\]\:h-4 {
5311
- &::-webkit-slider-thumb {
5312
- height: calc(var(--spacing) * 4);
5313
- }
4693
+ .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
4694
+ height: calc(var(--spacing) * 4);
5314
4695
  }
5315
- .\[\&\:\:-webkit-slider-thumb\]\:w-4 {
5316
- &::-webkit-slider-thumb {
5317
- width: calc(var(--spacing) * 4);
5318
- }
4696
+ .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
4697
+ width: calc(var(--spacing) * 4);
5319
4698
  }
5320
- .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
5321
- &::-webkit-slider-thumb {
5322
- appearance: none;
5323
- }
4699
+ .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
4700
+ appearance: none;
5324
4701
  }
5325
- .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
5326
- &::-webkit-slider-thumb {
5327
- border-radius: calc(infinity * 1px);
5328
- }
4702
+ .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
4703
+ border-radius: calc(infinity * 1px);
5329
4704
  }
5330
- .\[\&\:\:-webkit-slider-thumb\]\:border-2 {
5331
- &::-webkit-slider-thumb {
5332
- border-style: var(--tw-border-style);
5333
- border-width: 2px;
5334
- }
4705
+ .\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
4706
+ border-style: var(--tw-border-style);
4707
+ border-width: 2px;
5335
4708
  }
5336
- .\[\&\:\:-webkit-slider-thumb\]\:border-primary-foreground {
5337
- &::-webkit-slider-thumb {
5338
- border-color: var(--color-primary-foreground);
5339
- }
4709
+ .\[\&\:\:-webkit-slider-thumb\]\:border-primary-foreground::-webkit-slider-thumb {
4710
+ border-color: var(--color-primary-foreground);
5340
4711
  }
5341
- .\[\&\:\:-webkit-slider-thumb\]\:bg-primary {
5342
- &::-webkit-slider-thumb {
5343
- background-color: var(--color-primary);
5344
- }
4712
+ .\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb {
4713
+ background-color: var(--color-primary);
5345
4714
  }
5346
- .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm {
5347
- &::-webkit-slider-thumb {
5348
- --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));
5349
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5350
- }
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);
5351
4718
  }
5352
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
5353
- &:has([role=checkbox]) {
5354
- padding-right: calc(var(--spacing) * 0);
5355
- }
4719
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
4720
+ padding-right: 0px;
5356
4721
  }
5357
- .\[\&\>span\]\:line-clamp-1 {
5358
- &>span {
5359
- overflow: hidden;
5360
- display: -webkit-box;
5361
- -webkit-box-orient: vertical;
5362
- -webkit-line-clamp: 1;
5363
- }
4722
+ .\[\&\>span\]\:line-clamp-1 > span {
4723
+ overflow: hidden;
4724
+ display: -webkit-box;
4725
+ -webkit-box-orient: vertical;
4726
+ -webkit-line-clamp: 1;
5364
4727
  }
5365
- .\[\&\>tr\]\:last\:border-b-0 {
5366
- &>tr {
5367
- &:last-child {
5368
- border-bottom-style: var(--tw-border-style);
5369
- border-bottom-width: 0px;
5370
- }
5371
- }
4728
+ .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
4729
+ border-bottom-style: var(--tw-border-style);
4730
+ border-bottom-width: 0px;
5372
4731
  }
5373
4732
  }
5374
4733
  :root,