@eightshift/ui-components 5.0.2 → 5.0.4

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 (58) hide show
  1. package/dist/{Button-BpwTmkAe.js → Button-DH22t_SM.js} +75 -6
  2. package/dist/{Collection-n5d0zIgb.js → Collection-uTAXq9Br.js} +1 -1
  3. package/dist/{Color-lVhk8V_G.js → Color-CNqKeT8D.js} +1 -1
  4. package/dist/{ColorSwatch-DntWEAC3.js → ColorSwatch-Dt3lRApA.js} +1 -1
  5. package/dist/{ComboBox-BJpTEATT.js → ComboBox-D7KpCYaK.js} +9 -9
  6. package/dist/{Dialog-O9uw63D7.js → Dialog-CJVCRT8_.js} +5 -5
  7. package/dist/{ListBox-BTxlCGcc.js → ListBox-_nDFq8-H.js} +4 -4
  8. package/dist/{OverlayArrow-5aDgmImj.js → OverlayArrow-CjvnevpX.js} +1 -1
  9. package/dist/{Separator-CaTBkETC.js → Separator-BN3mjL6q.js} +1 -1
  10. package/dist/{Slider-C-S1oEH9.js → Slider-uOPcIpqS.js} +1 -1
  11. package/dist/assets/style-admin.css +1121 -365
  12. package/dist/assets/style-editor.css +1121 -365
  13. package/dist/assets/style.css +1124 -368
  14. package/dist/components/button/button.js +53 -25
  15. package/dist/components/checkbox/checkbox.js +5 -5
  16. package/dist/components/color-pickers/color-swatch.js +4 -4
  17. package/dist/components/color-pickers/gradient-editor.js +3 -3
  18. package/dist/components/color-pickers/solid-color-picker.js +9 -9
  19. package/dist/components/component-toggle/component-toggle.js +0 -1
  20. package/dist/components/draggable/draggable.js +9 -5
  21. package/dist/components/expandable/expandable.js +60 -53
  22. package/dist/components/input-field/input-field.js +3 -3
  23. package/dist/components/layout/hstack.js +4 -2
  24. package/dist/components/layout/vstack.js +4 -2
  25. package/dist/components/link-input/link-input.js +11 -9
  26. package/dist/components/menu/menu.js +5 -5
  27. package/dist/components/modal/modal.js +101 -77
  28. package/dist/components/notice/notice.js +16 -16
  29. package/dist/components/number-picker/number-picker.js +3 -3
  30. package/dist/components/placeholders/file-placeholder.js +13 -6
  31. package/dist/components/placeholders/image-placeholder.js +2 -2
  32. package/dist/components/placeholders/media-placeholder.js +2 -2
  33. package/dist/components/popover/popover.js +2 -2
  34. package/dist/components/radio/radio.js +4 -4
  35. package/dist/components/repeater/repeater-item.js +6 -5
  36. package/dist/components/repeater/repeater.js +8 -3
  37. package/dist/components/select/async-multi-select.js +1 -0
  38. package/dist/components/select/async-single-select.js +1 -0
  39. package/dist/components/select/multi-select.js +1 -0
  40. package/dist/components/select/single-select.js +1 -0
  41. package/dist/components/select/styles.js +1 -1
  42. package/dist/components/select/v2/async-select.js +5 -5
  43. package/dist/components/select/v2/shared.js +1 -1
  44. package/dist/components/select/v2/single-select.js +8 -8
  45. package/dist/components/slider/column-config-slider.js +2 -2
  46. package/dist/components/slider/slider.js +2 -2
  47. package/dist/components/tabs/tabs.js +12 -11
  48. package/dist/components/toggle/switch.js +3 -3
  49. package/dist/components/toggle-button/toggle-button.js +13 -12
  50. package/dist/components/tooltip/tooltip.js +1 -1
  51. package/dist/{number-GajL10e1.js → number-CHmNj-oR.js} +2 -2
  52. package/dist/{useButton-Bt3BffJm.js → useButton-lRcWnvOB.js} +1 -1
  53. package/dist/{useListState-DkyH7elT.js → useListState-9Hq_FiRF.js} +1 -1
  54. package/dist/{useNumberField-CU1_u8ze.js → useNumberField-D0u2bh8g.js} +2 -2
  55. package/dist/{usePress-BrJylgPR.js → usePress-DWBuejBp.js} +5 -3
  56. package/dist/{useSingleSelectListState-C4sorv2p.js → useSingleSelectListState-DqhemUIh.js} +1 -1
  57. package/dist/{useToggle-CDa3YAZI.js → useToggle-yGuUBU7q.js} +1 -1
  58. package/package.json +11 -11
@@ -82,6 +82,8 @@
82
82
  --es-text-xs--line-height: 1.3;
83
83
  --es-spacing-3_25: .8125rem;
84
84
  --es-spacing-5_5: 1.375rem;
85
+ --es-radius-7: .4375rem;
86
+ --es-radius-10: .625rem;
85
87
  --es-color-secondary-50: var(--es-color-zinc-50);
86
88
  --es-color-secondary-100: var(--es-color-zinc-100);
87
89
  --es-color-secondary-200: var(--es-color-zinc-200);
@@ -94,6 +96,7 @@
94
96
  --es-color-secondary-900: var(--es-color-zinc-900);
95
97
  --es-color-accent-50: var(--es-color-teal-50);
96
98
  --es-color-accent-100: var(--es-color-teal-100);
99
+ --es-color-accent-300: var(--es-color-teal-300);
97
100
  --es-color-accent-400: var(--es-color-teal-400);
98
101
  --es-color-accent-500: var(--es-color-teal-500);
99
102
  --es-color-accent-600: var(--es-color-teal-600);
@@ -104,14 +107,17 @@
104
107
  --es-color-red-50: oklch(97.1% .013 17.38);
105
108
  --es-color-red-100: oklch(93.6% .032 17.717);
106
109
  --es-color-red-200: oklch(88.5% .062 18.334);
107
- --es-color-red-400: oklch(70.4% .191 22.216);
110
+ --es-color-red-300: oklch(80.8% .114 19.571);
108
111
  --es-color-red-500: oklch(63.7% .237 25.331);
109
112
  --es-color-red-600: oklch(57.7% .245 27.325);
110
113
  --es-color-red-700: oklch(50.5% .213 27.518);
111
114
  --es-color-red-800: oklch(44.4% .177 26.899);
112
115
  --es-color-red-900: oklch(39.6% .141 25.723);
113
116
  --es-color-red-950: oklch(25.8% .092 26.042);
117
+ --es-color-orange-200: oklch(90.1% .076 70.697);
114
118
  --es-color-orange-500: oklch(70.5% .213 47.604);
119
+ --es-color-orange-700: oklch(55.3% .195 38.402);
120
+ --es-color-orange-950: oklch(26.6% .079 36.259);
115
121
  --es-color-amber-50: oklch(98.7% .022 95.277);
116
122
  --es-color-amber-100: oklch(96.2% .059 95.617);
117
123
  --es-color-amber-200: oklch(92.4% .12 95.746);
@@ -137,6 +143,10 @@
137
143
  --es-color-green-800: oklch(44.8% .119 151.328);
138
144
  --es-color-green-900: oklch(39.3% .095 152.535);
139
145
  --es-color-green-950: oklch(26.6% .065 152.934);
146
+ --es-color-emerald-200: oklch(90.5% .093 164.15);
147
+ --es-color-emerald-500: oklch(69.6% .17 162.48);
148
+ --es-color-emerald-600: oklch(59.6% .145 163.225);
149
+ --es-color-emerald-950: oklch(26.2% .051 172.552);
140
150
  --es-color-teal-50: oklch(98.4% .014 180.72);
141
151
  --es-color-teal-100: oklch(95.3% .051 180.801);
142
152
  --es-color-teal-200: oklch(91% .096 180.426);
@@ -251,9 +261,11 @@
251
261
  --es-radius-md: .375rem;
252
262
  --es-radius-lg: .5rem;
253
263
  --es-radius-xl: .75rem;
264
+ --es-radius-2xl: 1rem;
265
+ --es-radius-3xl: 1.5rem;
254
266
  --es-drop-shadow-sm: 0 1px 2px #00000026;
255
267
  --es-animate-spin: spin 1s linear infinite;
256
- --es-blur-xs: 4px;
268
+ --es-blur-sm: 8px;
257
269
  --es-blur-lg: 16px;
258
270
  --es-blur-3xl: 64px;
259
271
  --es-aspect-video: 16 / 9;
@@ -618,6 +630,18 @@
618
630
  visibility: hidden;
619
631
  }
620
632
 
633
+ :is(body, body #wpwrap) .es\:sr-only {
634
+ clip: rect(0, 0, 0, 0);
635
+ white-space: nowrap;
636
+ border-width: 0;
637
+ width: 1px;
638
+ height: 1px;
639
+ margin: -1px;
640
+ padding: 0;
641
+ position: absolute;
642
+ overflow: hidden;
643
+ }
644
+
621
645
  :is(body, body #wpwrap) .es\:absolute {
622
646
  position: absolute;
623
647
  }
@@ -666,6 +690,10 @@
666
690
  top: var(--es-spacing-3_25);
667
691
  }
668
692
 
693
+ :is(body, body #wpwrap) .es\:top-4 {
694
+ top: calc(var(--es-spacing) * 4);
695
+ }
696
+
669
697
  :is(body, body #wpwrap) .es\:right-0 {
670
698
  right: calc(var(--es-spacing) * 0);
671
699
  }
@@ -674,6 +702,10 @@
674
702
  right: calc(var(--es-spacing) * 1);
675
703
  }
676
704
 
705
+ :is(body, body #wpwrap) .es\:right-4 {
706
+ right: calc(var(--es-spacing) * 4);
707
+ }
708
+
677
709
  :is(body, body #wpwrap) .es\:right-6 {
678
710
  right: calc(var(--es-spacing) * 6);
679
711
  }
@@ -802,6 +834,10 @@
802
834
  margin-inline: auto;
803
835
  }
804
836
 
837
+ :is(body, body #wpwrap) .es\:my-0\! {
838
+ margin-block: calc(var(--es-spacing) * 0) !important;
839
+ }
840
+
805
841
  :is(body, body #wpwrap) .es\:my-1 {
806
842
  margin-block: calc(var(--es-spacing) * 1);
807
843
  }
@@ -1155,6 +1191,10 @@
1155
1191
  min-height: calc(var(--es-spacing) * 12);
1156
1192
  }
1157
1193
 
1194
+ :is(body, body #wpwrap) .es\:min-h-14 {
1195
+ min-height: calc(var(--es-spacing) * 14);
1196
+ }
1197
+
1158
1198
  :is(body, body #wpwrap) .es\:min-h-24 {
1159
1199
  min-height: calc(var(--es-spacing) * 24);
1160
1200
  }
@@ -1465,58 +1505,58 @@
1465
1505
  :is(body, body #wpwrap) .es\:motion-preset-spin {
1466
1506
  --motion-loop-rotate: 360deg;
1467
1507
  --motion-timing: linear;
1468
- --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both var(--motion-rotate-loop-count);
1469
- animation: var(--motion-all-loop-and-enter-animations);
1508
+ --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both var(--motion-rotate-loop-count, var(--motion-loop-count));
1509
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
1470
1510
  }
1471
1511
 
1472
1512
  :is(body, body #wpwrap) .es\:motion-scale-in-90 {
1473
1513
  --motion-origin-scale-x: .9;
1474
1514
  --motion-origin-scale-y: .9;
1475
- --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
1476
- animation: var(--motion-all-loop-and-enter-animations);
1515
+ --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
1516
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
1477
1517
  }
1478
1518
 
1479
1519
  :is(body, body #wpwrap) .es\:motion-scale-in-125 {
1480
1520
  --motion-origin-scale-x: 1.25;
1481
1521
  --motion-origin-scale-y: 1.25;
1482
- --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
1483
- animation: var(--motion-all-loop-and-enter-animations);
1522
+ --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
1523
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
1484
1524
  }
1485
1525
 
1486
1526
  :is(body, body #wpwrap) .es\:motion-blur-in-xs {
1487
1527
  --motion-origin-blur: 4px;
1488
- --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration) * var(--motion-filter-perceptual-duration-multiplier)) var(--motion-filter-timing) var(--motion-filter-delay) both;
1489
- animation: var(--motion-all-loop-and-enter-animations);
1528
+ --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
1529
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
1490
1530
  }
1491
1531
 
1492
1532
  :is(body, body #wpwrap) .es\:motion-opacity-in {
1493
1533
  --motion-origin-opacity: 0;
1494
- --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
1495
- animation: var(--motion-all-loop-and-enter-animations);
1534
+ --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
1535
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
1496
1536
  }
1497
1537
 
1498
1538
  :is(body, body #wpwrap) .es\:motion-opacity-out {
1499
1539
  --motion-end-opacity: 0;
1500
- --motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
1501
- animation: var(--motion-all-exit-animations);
1540
+ --motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
1541
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
1502
1542
  }
1503
1543
 
1504
1544
  :is(body, body #wpwrap) .es\:motion-opacity-out-0 {
1505
1545
  --motion-end-opacity: .001;
1506
- --motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
1507
- animation: var(--motion-all-exit-animations);
1546
+ --motion-opacity-out-animation: motion-opacity-out calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
1547
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
1508
1548
  }
1509
1549
 
1510
1550
  :is(body, body #wpwrap) .es\:motion-rotate-in {
1511
1551
  --motion-origin-rotate: 12deg;
1512
- --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both;
1513
- animation: var(--motion-all-loop-and-enter-animations);
1552
+ --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
1553
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
1514
1554
  }
1515
1555
 
1516
1556
  :is(body, body #wpwrap) .es\:motion-rotate-out {
1517
1557
  --motion-end-rotate: 12deg;
1518
- --motion-rotate-out-animation: motion-rotate-out calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both;
1519
- animation: var(--motion-all-exit-animations);
1558
+ --motion-rotate-out-animation: motion-rotate-out calc(var(--motion-rotate-duration, var(--motion-duration)) * var(--motion-rotate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-rotate-timing, var(--motion-timing)) var(--motion-rotate-delay, var(--motion-delay)) both;
1559
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
1520
1560
  }
1521
1561
 
1522
1562
  :is(body, body #wpwrap) .es\:animate-spin {
@@ -1603,6 +1643,10 @@
1603
1643
  flex-wrap: wrap;
1604
1644
  }
1605
1645
 
1646
+ :is(body, body #wpwrap) .es\:place-items-center {
1647
+ place-items: center;
1648
+ }
1649
+
1606
1650
  :is(body, body #wpwrap) .es\:items-center {
1607
1651
  align-items: center;
1608
1652
  }
@@ -1881,6 +1925,22 @@
1881
1925
  border-radius: .25rem;
1882
1926
  }
1883
1927
 
1928
+ :is(body, body #wpwrap) .es\:rounded-2xl {
1929
+ border-radius: var(--es-radius-2xl);
1930
+ }
1931
+
1932
+ :is(body, body #wpwrap) .es\:rounded-3xl {
1933
+ border-radius: var(--es-radius-3xl);
1934
+ }
1935
+
1936
+ :is(body, body #wpwrap) .es\:rounded-7 {
1937
+ border-radius: var(--es-radius-7);
1938
+ }
1939
+
1940
+ :is(body, body #wpwrap) .es\:rounded-10 {
1941
+ border-radius: var(--es-radius-10);
1942
+ }
1943
+
1884
1944
  :is(body, body #wpwrap) .es\:rounded-full {
1885
1945
  border-radius: 3.40282e38px;
1886
1946
  }
@@ -2036,12 +2096,24 @@
2036
2096
  }
2037
2097
  }
2038
2098
 
2039
- :is(body, body #wpwrap) .es\:border-amber-500 {
2040
- border-color: var(--es-color-amber-500);
2099
+ :is(body, body #wpwrap) .es\:border-blue-400\/75 {
2100
+ border-color: var(--es-color-blue-400);
2041
2101
  }
2042
2102
 
2043
- :is(body, body #wpwrap) .es\:border-blue-400 {
2044
- border-color: var(--es-color-blue-400);
2103
+ @supports (color: color-mix(in lab, red, red)) {
2104
+ :is(body, body #wpwrap) .es\:border-blue-400\/75 {
2105
+ border-color: color-mix(in oklab, var(--es-color-blue-400) 75%, transparent);
2106
+ }
2107
+ }
2108
+
2109
+ :is(body, body #wpwrap) .es\:border-emerald-500\/75 {
2110
+ border-color: var(--es-color-emerald-500);
2111
+ }
2112
+
2113
+ @supports (color: color-mix(in lab, red, red)) {
2114
+ :is(body, body #wpwrap) .es\:border-emerald-500\/75 {
2115
+ border-color: color-mix(in oklab, var(--es-color-emerald-500) 75%, transparent);
2116
+ }
2045
2117
  }
2046
2118
 
2047
2119
  :is(body, body #wpwrap) .es\:border-gray-100 {
@@ -2056,25 +2128,31 @@
2056
2128
  border-color: var(--es-color-gray-300);
2057
2129
  }
2058
2130
 
2059
- :is(body, body #wpwrap) .es\:border-green-500 {
2060
- border-color: var(--es-color-green-500);
2131
+ :is(body, body #wpwrap) .es\:border-orange-500\/75 {
2132
+ border-color: var(--es-color-orange-500);
2133
+ }
2134
+
2135
+ @supports (color: color-mix(in lab, red, red)) {
2136
+ :is(body, body #wpwrap) .es\:border-orange-500\/75 {
2137
+ border-color: color-mix(in oklab, var(--es-color-orange-500) 75%, transparent);
2138
+ }
2061
2139
  }
2062
2140
 
2063
2141
  :is(body, body #wpwrap) .es\:border-red-200\! {
2064
2142
  border-color: var(--es-color-red-200) !important;
2065
2143
  }
2066
2144
 
2067
- :is(body, body #wpwrap) .es\:border-red-400 {
2068
- border-color: var(--es-color-red-400);
2145
+ :is(body, body #wpwrap) .es\:border-red-300 {
2146
+ border-color: var(--es-color-red-300);
2069
2147
  }
2070
2148
 
2071
- :is(body, body #wpwrap) .es\:border-red-600\/50 {
2072
- border-color: var(--es-color-red-600);
2149
+ :is(body, body #wpwrap) .es\:border-red-700\/50 {
2150
+ border-color: var(--es-color-red-700);
2073
2151
  }
2074
2152
 
2075
2153
  @supports (color: color-mix(in lab, red, red)) {
2076
- :is(body, body #wpwrap) .es\:border-red-600\/50 {
2077
- border-color: color-mix(in oklab, var(--es-color-red-600) 50%, transparent);
2154
+ :is(body, body #wpwrap) .es\:border-red-700\/50 {
2155
+ border-color: color-mix(in oklab, var(--es-color-red-700) 50%, transparent);
2078
2156
  }
2079
2157
  }
2080
2158
 
@@ -2082,16 +2160,10 @@
2082
2160
  border-color: var(--es-color-secondary-100);
2083
2161
  }
2084
2162
 
2085
- :is(body, body #wpwrap) .es\:border-secondary-200, :is(body, body #wpwrap) .es\:border-secondary-200\/50 {
2163
+ :is(body, body #wpwrap) .es\:border-secondary-200 {
2086
2164
  border-color: var(--es-color-secondary-200);
2087
2165
  }
2088
2166
 
2089
- @supports (color: color-mix(in lab, red, red)) {
2090
- :is(body, body #wpwrap) .es\:border-secondary-200\/50 {
2091
- border-color: color-mix(in oklab, var(--es-color-secondary-200) 50%, transparent);
2092
- }
2093
- }
2094
-
2095
2167
  :is(body, body #wpwrap) .es\:border-secondary-300, :is(body, body #wpwrap) .es\:border-secondary-300\/0 {
2096
2168
  border-color: var(--es-color-secondary-300);
2097
2169
  }
@@ -2202,23 +2274,13 @@
2202
2274
  }
2203
2275
  }
2204
2276
 
2205
- :is(body, body #wpwrap) .es\:bg-amber-100\/5 {
2206
- background-color: var(--es-color-amber-100);
2207
- }
2208
-
2209
- @supports (color: color-mix(in lab, red, red)) {
2210
- :is(body, body #wpwrap) .es\:bg-amber-100\/5 {
2211
- background-color: color-mix(in oklab, var(--es-color-amber-100) 5%, transparent);
2212
- }
2213
- }
2214
-
2215
- :is(body, body #wpwrap) .es\:bg-black, :is(body, body #wpwrap) .es\:bg-black\/25 {
2277
+ :is(body, body #wpwrap) .es\:bg-black, :is(body, body #wpwrap) .es\:bg-black\/30 {
2216
2278
  background-color: var(--es-color-black);
2217
2279
  }
2218
2280
 
2219
2281
  @supports (color: color-mix(in lab, red, red)) {
2220
- :is(body, body #wpwrap) .es\:bg-black\/25 {
2221
- background-color: color-mix(in oklab, var(--es-color-black) 25%, transparent);
2282
+ :is(body, body #wpwrap) .es\:bg-black\/30 {
2283
+ background-color: color-mix(in oklab, var(--es-color-black) 30%, transparent);
2222
2284
  }
2223
2285
  }
2224
2286
 
@@ -2232,13 +2294,13 @@
2232
2294
  }
2233
2295
  }
2234
2296
 
2235
- :is(body, body #wpwrap) .es\:bg-blue-100\/5 {
2236
- background-color: var(--es-color-blue-100);
2297
+ :is(body, body #wpwrap) .es\:bg-blue-200\/5 {
2298
+ background-color: var(--es-color-blue-200);
2237
2299
  }
2238
2300
 
2239
2301
  @supports (color: color-mix(in lab, red, red)) {
2240
- :is(body, body #wpwrap) .es\:bg-blue-100\/5 {
2241
- background-color: color-mix(in oklab, var(--es-color-blue-100) 5%, transparent);
2302
+ :is(body, body #wpwrap) .es\:bg-blue-200\/5 {
2303
+ background-color: color-mix(in oklab, var(--es-color-blue-200) 5%, transparent);
2242
2304
  }
2243
2305
  }
2244
2306
 
@@ -2254,22 +2316,22 @@
2254
2316
  background-color: var(--es-color-cyan-500);
2255
2317
  }
2256
2318
 
2257
- :is(body, body #wpwrap) .es\:bg-fuchsia-500 {
2258
- background-color: var(--es-color-fuchsia-500);
2319
+ :is(body, body #wpwrap) .es\:bg-emerald-200\/5 {
2320
+ background-color: var(--es-color-emerald-200);
2259
2321
  }
2260
2322
 
2261
- :is(body, body #wpwrap) .es\:bg-gray-100 {
2262
- background-color: var(--es-color-gray-100);
2323
+ @supports (color: color-mix(in lab, red, red)) {
2324
+ :is(body, body #wpwrap) .es\:bg-emerald-200\/5 {
2325
+ background-color: color-mix(in oklab, var(--es-color-emerald-200) 5%, transparent);
2326
+ }
2263
2327
  }
2264
2328
 
2265
- :is(body, body #wpwrap) .es\:bg-green-100\/5 {
2266
- background-color: var(--es-color-green-100);
2329
+ :is(body, body #wpwrap) .es\:bg-fuchsia-500 {
2330
+ background-color: var(--es-color-fuchsia-500);
2267
2331
  }
2268
2332
 
2269
- @supports (color: color-mix(in lab, red, red)) {
2270
- :is(body, body #wpwrap) .es\:bg-green-100\/5 {
2271
- background-color: color-mix(in oklab, var(--es-color-green-100) 5%, transparent);
2272
- }
2333
+ :is(body, body #wpwrap) .es\:bg-gray-100 {
2334
+ background-color: var(--es-color-gray-100);
2273
2335
  }
2274
2336
 
2275
2337
  :is(body, body #wpwrap) .es\:bg-green-500 {
@@ -2288,6 +2350,16 @@
2288
2350
  background-color: var(--es-color-neutral-100);
2289
2351
  }
2290
2352
 
2353
+ :is(body, body #wpwrap) .es\:bg-orange-200\/5 {
2354
+ background-color: var(--es-color-orange-200);
2355
+ }
2356
+
2357
+ @supports (color: color-mix(in lab, red, red)) {
2358
+ :is(body, body #wpwrap) .es\:bg-orange-200\/5 {
2359
+ background-color: color-mix(in oklab, var(--es-color-orange-200) 5%, transparent);
2360
+ }
2361
+ }
2362
+
2291
2363
  :is(body, body #wpwrap) .es\:bg-orange-500 {
2292
2364
  background-color: var(--es-color-orange-500);
2293
2365
  }
@@ -2300,13 +2372,13 @@
2300
2372
  background-color: var(--es-color-red-50);
2301
2373
  }
2302
2374
 
2303
- :is(body, body #wpwrap) .es\:bg-red-100\/5 {
2304
- background-color: var(--es-color-red-100);
2375
+ :is(body, body #wpwrap) .es\:bg-red-200\/5 {
2376
+ background-color: var(--es-color-red-200);
2305
2377
  }
2306
2378
 
2307
2379
  @supports (color: color-mix(in lab, red, red)) {
2308
- :is(body, body #wpwrap) .es\:bg-red-100\/5 {
2309
- background-color: color-mix(in oklab, var(--es-color-red-100) 5%, transparent);
2380
+ :is(body, body #wpwrap) .es\:bg-red-200\/5 {
2381
+ background-color: color-mix(in oklab, var(--es-color-red-200) 5%, transparent);
2310
2382
  }
2311
2383
  }
2312
2384
 
@@ -2366,6 +2438,16 @@
2366
2438
  }
2367
2439
  }
2368
2440
 
2441
+ :is(body, body #wpwrap) .es\:bg-white\/60 {
2442
+ background-color: var(--es-color-white);
2443
+ }
2444
+
2445
+ @supports (color: color-mix(in lab, red, red)) {
2446
+ :is(body, body #wpwrap) .es\:bg-white\/60 {
2447
+ background-color: color-mix(in oklab, var(--es-color-white) 60%, transparent);
2448
+ }
2449
+ }
2450
+
2369
2451
  :is(body, body #wpwrap) .es\:bg-white\/85 {
2370
2452
  background-color: var(--es-color-white);
2371
2453
  }
@@ -2506,6 +2588,16 @@
2506
2588
  background-image: linear-gradient(var(--tw-gradient-stops));
2507
2589
  }
2508
2590
 
2591
+ :is(body, body #wpwrap) .es\:bg-conic {
2592
+ --tw-gradient-position: in oklab;
2593
+ background-image: conic-gradient(var(--tw-gradient-stops));
2594
+ }
2595
+
2596
+ :is(body, body #wpwrap) .es\:bg-gradient-to-br {
2597
+ --tw-gradient-position: to bottom right in oklab;
2598
+ background-image: linear-gradient(var(--tw-gradient-stops));
2599
+ }
2600
+
2509
2601
  :is(body, body #wpwrap) .es\:bg-gradient-to-r {
2510
2602
  --tw-gradient-position: to right in oklab;
2511
2603
  background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2526,14 +2618,6 @@
2526
2618
  background-image: radial-gradient(var(--tw-gradient-stops, circle at 75% 50%));
2527
2619
  }
2528
2620
 
2529
- :is(body, body #wpwrap) .es\:bg-\[conic-gradient\(var\(--tw-gradient-stops\)\)\] {
2530
- background-image: conic-gradient(var(--tw-gradient-stops));
2531
- }
2532
-
2533
- :is(body, body #wpwrap) .es\:bg-\[radial-gradient\(var\(--tw-gradient-stops\)\)\] {
2534
- background-image: radial-gradient(var(--tw-gradient-stops));
2535
- }
2536
-
2537
2621
  :is(body, body #wpwrap) .es\:from-accent-100 {
2538
2622
  --tw-gradient-from: var(--es-color-accent-100);
2539
2623
  --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));
@@ -2554,6 +2638,20 @@
2554
2638
  --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));
2555
2639
  }
2556
2640
 
2641
+ :is(body, body #wpwrap) .es\:from-current\/75 {
2642
+ --tw-gradient-from: currentcolor;
2643
+ }
2644
+
2645
+ @supports (color: color-mix(in lab, red, red)) {
2646
+ :is(body, body #wpwrap) .es\:from-current\/75 {
2647
+ --tw-gradient-from: color-mix(in oklab, currentcolor 75%, transparent);
2648
+ }
2649
+ }
2650
+
2651
+ :is(body, body #wpwrap) .es\:from-current\/75 {
2652
+ --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));
2653
+ }
2654
+
2557
2655
  :is(body, body #wpwrap) .es\:from-red-50\/75 {
2558
2656
  --tw-gradient-from: var(--es-color-red-50);
2559
2657
  }
@@ -2621,6 +2719,20 @@
2621
2719
  --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));
2622
2720
  }
2623
2721
 
2722
+ :is(body, body #wpwrap) .es\:to-current\/10 {
2723
+ --tw-gradient-to: currentcolor;
2724
+ }
2725
+
2726
+ @supports (color: color-mix(in lab, red, red)) {
2727
+ :is(body, body #wpwrap) .es\:to-current\/10 {
2728
+ --tw-gradient-to: color-mix(in oklab, currentcolor 10%, transparent);
2729
+ }
2730
+ }
2731
+
2732
+ :is(body, body #wpwrap) .es\:to-current\/10 {
2733
+ --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));
2734
+ }
2735
+
2624
2736
  :is(body, body #wpwrap) .es\:to-secondary-50 {
2625
2737
  --tw-gradient-to: var(--es-color-secondary-50);
2626
2738
  --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));
@@ -2750,6 +2862,10 @@
2750
2862
  padding-inline: calc(var(--es-spacing) * 2);
2751
2863
  }
2752
2864
 
2865
+ :is(body, body #wpwrap) .es\:px-2\.5 {
2866
+ padding-inline: calc(var(--es-spacing) * 2.5);
2867
+ }
2868
+
2753
2869
  :is(body, body #wpwrap) .es\:px-3 {
2754
2870
  padding-inline: calc(var(--es-spacing) * 3);
2755
2871
  }
@@ -2758,6 +2874,10 @@
2758
2874
  padding-inline: calc(var(--es-spacing) * 4);
2759
2875
  }
2760
2876
 
2877
+ :is(body, body #wpwrap) .es\:px-5 {
2878
+ padding-inline: calc(var(--es-spacing) * 5);
2879
+ }
2880
+
2761
2881
  :is(body, body #wpwrap) .es\:py-0\.5 {
2762
2882
  padding-block: calc(var(--es-spacing) * .5);
2763
2883
  }
@@ -2915,9 +3035,9 @@
2915
3035
  line-height: var(--tw-leading, var(--es-text-2xl--line-height));
2916
3036
  }
2917
3037
 
2918
- :is(body, body #wpwrap) .es\:text-base {
2919
- font-size: var(--es-text-base);
2920
- line-height: var(--tw-leading, var(--es-text-base--line-height));
3038
+ :is(body, body #wpwrap) .es\:text-base\! {
3039
+ font-size: var(--es-text-base) !important;
3040
+ line-height: var(--tw-leading, var(--es-text-base--line-height)) !important;
2921
3041
  }
2922
3042
 
2923
3043
  :is(body, body #wpwrap) .es\:text-lg {
@@ -2969,6 +3089,11 @@
2969
3089
  font-weight: var(--es-font-weight-medium);
2970
3090
  }
2971
3091
 
3092
+ :is(body, body #wpwrap) .es\:font-medium\! {
3093
+ --tw-font-weight: var(--es-font-weight-medium) !important;
3094
+ font-weight: var(--es-font-weight-medium) !important;
3095
+ }
3096
+
2972
3097
  :is(body, body #wpwrap) .es\:font-semibold {
2973
3098
  --tw-font-weight: var(--es-font-weight-semibold);
2974
3099
  font-weight: var(--es-font-weight-semibold);
@@ -2992,6 +3117,10 @@
2992
3117
  color: var(--es-color-accent-500);
2993
3118
  }
2994
3119
 
3120
+ :is(body, body #wpwrap) .es\:text-accent-600 {
3121
+ color: var(--es-color-accent-600);
3122
+ }
3123
+
2995
3124
  :is(body, body #wpwrap) .es\:text-accent-600\! {
2996
3125
  color: var(--es-color-accent-600) !important;
2997
3126
  }
@@ -3008,24 +3137,10 @@
3008
3137
  color: var(--es-color-accent-950);
3009
3138
  }
3010
3139
 
3011
- :is(body, body #wpwrap) .es\:text-amber-500 {
3012
- color: var(--es-color-amber-500);
3013
- }
3014
-
3015
- :is(body, body #wpwrap) .es\:text-amber-900 {
3016
- color: var(--es-color-amber-900);
3017
- }
3018
-
3019
- :is(body, body #wpwrap) .es\:text-amber-950, :is(body, body #wpwrap) .es\:text-amber-950\/60 {
3140
+ :is(body, body #wpwrap) .es\:text-amber-950 {
3020
3141
  color: var(--es-color-amber-950);
3021
3142
  }
3022
3143
 
3023
- @supports (color: color-mix(in lab, red, red)) {
3024
- :is(body, body #wpwrap) .es\:text-amber-950\/60 {
3025
- color: color-mix(in oklab, var(--es-color-amber-950) 60%, transparent);
3026
- }
3027
- }
3028
-
3029
3144
  :is(body, body #wpwrap) .es\:text-black {
3030
3145
  color: var(--es-color-black);
3031
3146
  }
@@ -3038,10 +3153,6 @@
3038
3153
  color: var(--es-color-blue-500);
3039
3154
  }
3040
3155
 
3041
- :is(body, body #wpwrap) .es\:text-blue-900 {
3042
- color: var(--es-color-blue-900);
3043
- }
3044
-
3045
3156
  :is(body, body #wpwrap) .es\:text-blue-950\/60 {
3046
3157
  color: var(--es-color-blue-950);
3047
3158
  }
@@ -3056,6 +3167,24 @@
3056
3167
  color: var(--es-color-cyan-500);
3057
3168
  }
3058
3169
 
3170
+ :is(body, body #wpwrap) .es\:text-emerald-500 {
3171
+ color: var(--es-color-emerald-500);
3172
+ }
3173
+
3174
+ :is(body, body #wpwrap) .es\:text-emerald-600 {
3175
+ color: var(--es-color-emerald-600);
3176
+ }
3177
+
3178
+ :is(body, body #wpwrap) .es\:text-emerald-950\/60 {
3179
+ color: var(--es-color-emerald-950);
3180
+ }
3181
+
3182
+ @supports (color: color-mix(in lab, red, red)) {
3183
+ :is(body, body #wpwrap) .es\:text-emerald-950\/60 {
3184
+ color: color-mix(in oklab, var(--es-color-emerald-950) 60%, transparent);
3185
+ }
3186
+ }
3187
+
3059
3188
  :is(body, body #wpwrap) .es\:text-fuchsia-500 {
3060
3189
  color: var(--es-color-fuchsia-500);
3061
3190
  }
@@ -3082,20 +3211,6 @@
3082
3211
  color: var(--es-color-green-500);
3083
3212
  }
3084
3213
 
3085
- :is(body, body #wpwrap) .es\:text-green-900 {
3086
- color: var(--es-color-green-900);
3087
- }
3088
-
3089
- :is(body, body #wpwrap) .es\:text-green-950\/60 {
3090
- color: var(--es-color-green-950);
3091
- }
3092
-
3093
- @supports (color: color-mix(in lab, red, red)) {
3094
- :is(body, body #wpwrap) .es\:text-green-950\/60 {
3095
- color: color-mix(in oklab, var(--es-color-green-950) 60%, transparent);
3096
- }
3097
- }
3098
-
3099
3214
  :is(body, body #wpwrap) .es\:text-indigo-500 {
3100
3215
  color: var(--es-color-indigo-500);
3101
3216
  }
@@ -3108,8 +3223,18 @@
3108
3223
  color: var(--es-color-orange-500);
3109
3224
  }
3110
3225
 
3111
- :is(body, body #wpwrap) .es\:text-red-400 {
3112
- color: var(--es-color-red-400);
3226
+ :is(body, body #wpwrap) .es\:text-orange-700 {
3227
+ color: var(--es-color-orange-700);
3228
+ }
3229
+
3230
+ :is(body, body #wpwrap) .es\:text-orange-950\/60 {
3231
+ color: var(--es-color-orange-950);
3232
+ }
3233
+
3234
+ @supports (color: color-mix(in lab, red, red)) {
3235
+ :is(body, body #wpwrap) .es\:text-orange-950\/60 {
3236
+ color: color-mix(in oklab, var(--es-color-orange-950) 60%, transparent);
3237
+ }
3113
3238
  }
3114
3239
 
3115
3240
  :is(body, body #wpwrap) .es\:text-red-500 {
@@ -3120,12 +3245,8 @@
3120
3245
  color: var(--es-color-red-600);
3121
3246
  }
3122
3247
 
3123
- :is(body, body #wpwrap) .es\:text-red-800 {
3124
- color: var(--es-color-red-800);
3125
- }
3126
-
3127
- :is(body, body #wpwrap) .es\:text-red-900 {
3128
- color: var(--es-color-red-900);
3248
+ :is(body, body #wpwrap) .es\:text-red-700 {
3249
+ color: var(--es-color-red-700);
3129
3250
  }
3130
3251
 
3131
3252
  :is(body, body #wpwrap) .es\:text-red-950\/60 {
@@ -3365,33 +3486,33 @@
3365
3486
  }
3366
3487
  }
3367
3488
 
3368
- :is(body, body #wpwrap) .es\:shadow-amber-500\/15 {
3369
- --tw-shadow-color: var(--es-color-amber-500);
3489
+ :is(body, body #wpwrap) .es\:shadow-blue-500\/15 {
3490
+ --tw-shadow-color: var(--es-color-blue-500);
3370
3491
  }
3371
3492
 
3372
3493
  @supports (color: color-mix(in lab, red, red)) {
3373
- :is(body, body #wpwrap) .es\:shadow-amber-500\/15 {
3374
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-amber-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3494
+ :is(body, body #wpwrap) .es\:shadow-blue-500\/15 {
3495
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-blue-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3375
3496
  }
3376
3497
  }
3377
3498
 
3378
- :is(body, body #wpwrap) .es\:shadow-blue-500\/15 {
3379
- --tw-shadow-color: var(--es-color-blue-500);
3499
+ :is(body, body #wpwrap) .es\:shadow-emerald-500\/15 {
3500
+ --tw-shadow-color: var(--es-color-emerald-500);
3380
3501
  }
3381
3502
 
3382
3503
  @supports (color: color-mix(in lab, red, red)) {
3383
- :is(body, body #wpwrap) .es\:shadow-blue-500\/15 {
3384
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-blue-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3504
+ :is(body, body #wpwrap) .es\:shadow-emerald-500\/15 {
3505
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-emerald-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3385
3506
  }
3386
3507
  }
3387
3508
 
3388
- :is(body, body #wpwrap) .es\:shadow-green-500\/15 {
3389
- --tw-shadow-color: var(--es-color-green-500);
3509
+ :is(body, body #wpwrap) .es\:shadow-orange-500\/15 {
3510
+ --tw-shadow-color: var(--es-color-orange-500);
3390
3511
  }
3391
3512
 
3392
3513
  @supports (color: color-mix(in lab, red, red)) {
3393
- :is(body, body #wpwrap) .es\:shadow-green-500\/15 {
3394
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-green-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3514
+ :is(body, body #wpwrap) .es\:shadow-orange-500\/15 {
3515
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-orange-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3395
3516
  }
3396
3517
  }
3397
3518
 
@@ -3415,6 +3536,16 @@
3415
3536
  }
3416
3537
  }
3417
3538
 
3539
+ :is(body, body #wpwrap) .es\:shadow-red-700\/20 {
3540
+ --tw-shadow-color: var(--es-color-red-700);
3541
+ }
3542
+
3543
+ @supports (color: color-mix(in lab, red, red)) {
3544
+ :is(body, body #wpwrap) .es\:shadow-red-700\/20 {
3545
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-700) 20%, transparent) var(--tw-shadow-alpha), transparent);
3546
+ }
3547
+ }
3548
+
3418
3549
  :is(body, body #wpwrap) .es\:shadow-secondary-300\/25 {
3419
3550
  --tw-shadow-color: var(--es-color-secondary-300);
3420
3551
  }
@@ -3491,6 +3622,10 @@
3491
3622
  --tw-inset-ring-color: var(--es-color-red-100);
3492
3623
  }
3493
3624
 
3625
+ :is(body, body #wpwrap) .es\:inset-ring-secondary-50 {
3626
+ --tw-inset-ring-color: var(--es-color-secondary-50);
3627
+ }
3628
+
3494
3629
  :is(body, body #wpwrap) .es\:inset-ring-secondary-100 {
3495
3630
  --tw-inset-ring-color: var(--es-color-secondary-100);
3496
3631
  }
@@ -3555,6 +3690,11 @@
3555
3690
  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, );
3556
3691
  }
3557
3692
 
3693
+ :is(body, body #wpwrap) .es\:saturate-75 {
3694
+ --tw-saturate: saturate(75%);
3695
+ 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, );
3696
+ }
3697
+
3558
3698
  :is(body, body #wpwrap) .es\:backdrop-blur {
3559
3699
  --tw-backdrop-blur: blur(8px);
3560
3700
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -3573,8 +3713,8 @@
3573
3713
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
3574
3714
  }
3575
3715
 
3576
- :is(body, body #wpwrap) .es\:backdrop-blur-xs {
3577
- --tw-backdrop-blur: blur(var(--es-blur-xs));
3716
+ :is(body, body #wpwrap) .es\:backdrop-blur-sm {
3717
+ --tw-backdrop-blur: blur(var(--es-blur-sm));
3578
3718
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
3579
3719
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
3580
3720
  }
@@ -3729,6 +3869,10 @@
3729
3869
  --motion-duration: 1.5s;
3730
3870
  }
3731
3871
 
3872
+ :is(body, body #wpwrap) .es\:motion-duration-1750 {
3873
+ --motion-duration: 1.75s;
3874
+ }
3875
+
3732
3876
  :is(body, body #wpwrap) .es\:no-webkit-highlight {
3733
3877
  -webkit-tap-highlight-color: transparent;
3734
3878
  }
@@ -3779,15 +3923,15 @@
3779
3923
  :is(body, body #wpwrap) .es\:not-motion-reduce\:motion-preset-slide-down-sm {
3780
3924
  --motion-origin-translate-y: -5%;
3781
3925
  --motion-origin-opacity: 0;
3782
- --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
3783
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
3784
- animation: var(--motion-all-loop-and-enter-animations);
3926
+ --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
3927
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
3928
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
3785
3929
  }
3786
3930
 
3787
3931
  :is(body, body #wpwrap) .es\:not-motion-reduce\:motion-translate-y-out-\[-2\.5\%\] {
3788
3932
  --motion-end-translate-y: -2.5%;
3789
- --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
3790
- animation: var(--motion-all-exit-animations);
3933
+ --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
3934
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
3791
3935
  }
3792
3936
  }
3793
3937
 
@@ -3795,42 +3939,74 @@
3795
3939
  cursor: pointer;
3796
3940
  }
3797
3941
 
3942
+ :is(body, body #wpwrap) .es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
3943
+ color: var(--es-color-black);
3944
+ }
3945
+
3798
3946
  @media (hover: hover) {
3799
- :is(body, body #wpwrap) .es\:group-hover\:text-black:is(:where(.es\:group):hover *) {
3947
+ :is(body, body #wpwrap) .es\:group-hover\:text-black:is(:where(.es\:group):where(:not([data-rac])):hover *) {
3800
3948
  color: var(--es-color-black);
3801
3949
  }
3950
+ }
3951
+
3952
+ :is(body, body #wpwrap) .es\:group-hover\:opacity-100:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
3953
+ opacity: 1;
3954
+ }
3802
3955
 
3803
- :is(body, body #wpwrap) .es\:group-hover\:opacity-100:is(:where(.es\:group):hover *) {
3956
+ @media (hover: hover) {
3957
+ :is(body, body #wpwrap) .es\:group-hover\:opacity-100:is(:where(.es\:group):where(:not([data-rac])):hover *) {
3804
3958
  opacity: 1;
3805
3959
  }
3806
3960
  }
3807
3961
 
3808
- :is(body, body #wpwrap) .es\:group-focus\:border-accent-500:is(:where(.es\:group):focus *) {
3962
+ :is(body, body #wpwrap) .es\:group-focus\:border-accent-500:is(:where(.es\:group):where([data-rac])[data-focused] *), :is(body, body #wpwrap) .es\:group-focus\:border-accent-500:is(:where(.es\:group):where(:not([data-rac])):focus *) {
3809
3963
  border-color: var(--es-color-accent-500);
3810
3964
  }
3811
3965
 
3812
- :is(body, body #wpwrap) .es\:group-focus\:ring-2:is(:where(.es\:group):focus *) {
3966
+ :is(body, body #wpwrap) .es\:group-focus\:ring-2:is(:where(.es\:group):where([data-rac])[data-focused] *), :is(body, body #wpwrap) .es\:group-focus\:ring-2:is(:where(.es\:group):where(:not([data-rac])):focus *) {
3813
3967
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3814
3968
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3815
3969
  }
3816
3970
 
3817
- :is(body, body #wpwrap) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
3971
+ :is(body, body #wpwrap) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where([data-rac])[data-focused] *) {
3972
+ --tw-ring-color: var(--es-color-accent-500);
3973
+ }
3974
+
3975
+ @supports (color: color-mix(in lab, red, red)) {
3976
+ :is(body, body #wpwrap) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where([data-rac])[data-focused] *) {
3977
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3978
+ }
3979
+ }
3980
+
3981
+ :is(body, body #wpwrap) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where(:not([data-rac])):focus *) {
3818
3982
  --tw-ring-color: var(--es-color-accent-500);
3819
3983
  }
3820
3984
 
3821
3985
  @supports (color: color-mix(in lab, red, red)) {
3822
- :is(body, body #wpwrap) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
3986
+ :is(body, body #wpwrap) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):where(:not([data-rac])):focus *) {
3823
3987
  --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3824
3988
  }
3825
3989
  }
3826
3990
 
3827
- :is(body, body #wpwrap) .es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
3991
+ :is(body, body #wpwrap) .es\:group-focus\:outline-hidden:is(:where(.es\:group):where([data-rac])[data-focused] *) {
3992
+ --tw-outline-style: none;
3993
+ outline-style: none;
3994
+ }
3995
+
3996
+ @media (forced-colors: active) {
3997
+ :is(body, body #wpwrap) .es\:group-focus\:outline-hidden:is(:where(.es\:group):where([data-rac])[data-focused] *) {
3998
+ outline-offset: 2px;
3999
+ outline: 2px solid #0000;
4000
+ }
4001
+ }
4002
+
4003
+ :is(body, body #wpwrap) .es\:group-focus\:outline-hidden:is(:where(.es\:group):where(:not([data-rac])):focus *) {
3828
4004
  --tw-outline-style: none;
3829
4005
  outline-style: none;
3830
4006
  }
3831
4007
 
3832
4008
  @media (forced-colors: active) {
3833
- :is(body, body #wpwrap) .es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
4009
+ :is(body, body #wpwrap) .es\:group-focus\:outline-hidden:is(:where(.es\:group):where(:not([data-rac])):focus *) {
3834
4010
  outline-offset: 2px;
3835
4011
  outline: 2px solid #0000;
3836
4012
  }
@@ -4197,204 +4373,428 @@
4197
4373
  padding-bottom: calc(var(--es-spacing) * 0);
4198
4374
  }
4199
4375
 
4200
- :is(body, body #wpwrap) .es\:empty\:hidden:empty {
4376
+ :is(body, body #wpwrap) .es\:empty\:hidden:where([data-rac])[data-empty], :is(body, body #wpwrap) .es\:empty\:hidden:where(:not([data-rac])):empty {
4201
4377
  display: none;
4202
4378
  }
4203
4379
 
4380
+ :is(body, body #wpwrap) .es\:focus-within\:shadow-md:where([data-rac])[data-focus-within], :is(body, body #wpwrap) .es\:focus-within\:shadow-md:where(:not([data-rac])):focus-within {
4381
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
4382
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4383
+ }
4384
+
4385
+ :is(body, body #wpwrap) .es\:hover\:cursor-grab:where([data-rac])[data-hovered] {
4386
+ cursor: grab;
4387
+ }
4388
+
4204
4389
  @media (hover: hover) {
4205
- :is(body, body #wpwrap) .es\:hover\:cursor-grab:hover {
4390
+ :is(body, body #wpwrap) .es\:hover\:cursor-grab:where(:not([data-rac])):hover {
4206
4391
  cursor: grab;
4207
4392
  }
4393
+ }
4394
+
4395
+ :is(body, body #wpwrap) .es\:hover\:border-accent-500:where([data-rac])[data-hovered] {
4396
+ border-color: var(--es-color-accent-500);
4397
+ }
4208
4398
 
4209
- :is(body, body #wpwrap) .es\:hover\:border-accent-500:hover {
4399
+ @media (hover: hover) {
4400
+ :is(body, body #wpwrap) .es\:hover\:border-accent-500:where(:not([data-rac])):hover {
4210
4401
  border-color: var(--es-color-accent-500);
4211
4402
  }
4403
+ }
4212
4404
 
4213
- :is(body, body #wpwrap) .es\:hover\:border-red-600:hover {
4405
+ :is(body, body #wpwrap) .es\:hover\:border-red-600:where([data-rac])[data-hovered] {
4406
+ border-color: var(--es-color-red-600);
4407
+ }
4408
+
4409
+ @media (hover: hover) {
4410
+ :is(body, body #wpwrap) .es\:hover\:border-red-600:where(:not([data-rac])):hover {
4214
4411
  border-color: var(--es-color-red-600);
4215
4412
  }
4413
+ }
4414
+
4415
+ :is(body, body #wpwrap) .es\:hover\:border-secondary-300:where([data-rac])[data-hovered] {
4416
+ border-color: var(--es-color-secondary-300);
4417
+ }
4216
4418
 
4217
- :is(body, body #wpwrap) .es\:hover\:border-secondary-300:hover {
4419
+ @media (hover: hover) {
4420
+ :is(body, body #wpwrap) .es\:hover\:border-secondary-300:where(:not([data-rac])):hover {
4218
4421
  border-color: var(--es-color-secondary-300);
4219
4422
  }
4423
+ }
4424
+
4425
+ :is(body, body #wpwrap) .es\:hover\:bg-accent-400:where([data-rac])[data-hovered] {
4426
+ background-color: var(--es-color-accent-400);
4427
+ }
4220
4428
 
4221
- :is(body, body #wpwrap) .es\:hover\:bg-accent-400:hover {
4429
+ @media (hover: hover) {
4430
+ :is(body, body #wpwrap) .es\:hover\:bg-accent-400:where(:not([data-rac])):hover {
4222
4431
  background-color: var(--es-color-accent-400);
4223
4432
  }
4433
+ }
4434
+
4435
+ :is(body, body #wpwrap) .es\:hover\:bg-red-50:where([data-rac])[data-hovered] {
4436
+ background-color: var(--es-color-red-50);
4437
+ }
4224
4438
 
4225
- :is(body, body #wpwrap) .es\:hover\:bg-red-50:hover {
4439
+ @media (hover: hover) {
4440
+ :is(body, body #wpwrap) .es\:hover\:bg-red-50:where(:not([data-rac])):hover {
4226
4441
  background-color: var(--es-color-red-50);
4227
4442
  }
4443
+ }
4444
+
4445
+ :is(body, body #wpwrap) .es\:hover\:bg-red-500\/15:where([data-rac])[data-hovered] {
4446
+ background-color: var(--es-color-red-500);
4447
+ }
4448
+
4449
+ @supports (color: color-mix(in lab, red, red)) {
4450
+ :is(body, body #wpwrap) .es\:hover\:bg-red-500\/15:where([data-rac])[data-hovered] {
4451
+ background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
4452
+ }
4453
+ }
4228
4454
 
4229
- :is(body, body #wpwrap) .es\:hover\:bg-red-500\/15:hover {
4455
+ @media (hover: hover) {
4456
+ :is(body, body #wpwrap) .es\:hover\:bg-red-500\/15:where(:not([data-rac])):hover {
4230
4457
  background-color: var(--es-color-red-500);
4231
4458
  }
4232
4459
 
4233
4460
  @supports (color: color-mix(in lab, red, red)) {
4234
- :is(body, body #wpwrap) .es\:hover\:bg-red-500\/15:hover {
4461
+ :is(body, body #wpwrap) .es\:hover\:bg-red-500\/15:where(:not([data-rac])):hover {
4235
4462
  background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
4236
4463
  }
4237
4464
  }
4465
+ }
4466
+
4467
+ :is(body, body #wpwrap) .es\:hover\:bg-red-600\/5:where([data-rac])[data-hovered] {
4468
+ background-color: var(--es-color-red-600);
4469
+ }
4470
+
4471
+ @supports (color: color-mix(in lab, red, red)) {
4472
+ :is(body, body #wpwrap) .es\:hover\:bg-red-600\/5:where([data-rac])[data-hovered] {
4473
+ background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
4474
+ }
4475
+ }
4238
4476
 
4239
- :is(body, body #wpwrap) .es\:hover\:bg-red-600\/5:hover {
4477
+ @media (hover: hover) {
4478
+ :is(body, body #wpwrap) .es\:hover\:bg-red-600\/5:where(:not([data-rac])):hover {
4240
4479
  background-color: var(--es-color-red-600);
4241
4480
  }
4242
4481
 
4243
4482
  @supports (color: color-mix(in lab, red, red)) {
4244
- :is(body, body #wpwrap) .es\:hover\:bg-red-600\/5:hover {
4483
+ :is(body, body #wpwrap) .es\:hover\:bg-red-600\/5:where(:not([data-rac])):hover {
4245
4484
  background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
4246
4485
  }
4247
4486
  }
4487
+ }
4488
+
4489
+ :is(body, body #wpwrap) .es\:hover\:bg-secondary-100:where([data-rac])[data-hovered] {
4490
+ background-color: var(--es-color-secondary-100);
4491
+ }
4492
+
4493
+ @media (hover: hover) {
4494
+ :is(body, body #wpwrap) .es\:hover\:bg-secondary-100:where(:not([data-rac])):hover {
4495
+ background-color: var(--es-color-secondary-100);
4496
+ }
4497
+ }
4498
+
4499
+ :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:where([data-rac])[data-hovered] {
4500
+ background-color: var(--es-color-secondary-100);
4501
+ }
4502
+
4503
+ @supports (color: color-mix(in lab, red, red)) {
4504
+ :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:where([data-rac])[data-hovered] {
4505
+ background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
4506
+ }
4507
+ }
4508
+
4509
+ @media (hover: hover) {
4510
+ :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:where(:not([data-rac])):hover {
4511
+ background-color: var(--es-color-secondary-100);
4512
+ }
4248
4513
 
4249
- :is(body, body #wpwrap) .es\:hover\:bg-secondary-100:hover, :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:hover {
4250
- background-color: var(--es-color-secondary-100);
4251
- }
4252
-
4253
4514
  @supports (color: color-mix(in lab, red, red)) {
4254
- :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:hover {
4515
+ :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:where(:not([data-rac])):hover {
4255
4516
  background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
4256
4517
  }
4257
4518
  }
4519
+ }
4520
+
4521
+ :is(body, body #wpwrap) .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
4522
+ --tw-gradient-to: var(--es-color-secondary-100);
4523
+ --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));
4524
+ }
4258
4525
 
4259
- :is(body, body #wpwrap) .es\:hover\:to-secondary-100:hover {
4526
+ @media (hover: hover) {
4527
+ :is(body, body #wpwrap) .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
4260
4528
  --tw-gradient-to: var(--es-color-secondary-100);
4261
4529
  --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));
4262
4530
  }
4531
+ }
4532
+
4533
+ :is(body, body #wpwrap) .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
4534
+ color: var(--es-color-accent-500);
4535
+ }
4263
4536
 
4264
- :is(body, body #wpwrap) .es\:hover\:text-accent-500:hover {
4537
+ @media (hover: hover) {
4538
+ :is(body, body #wpwrap) .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
4265
4539
  color: var(--es-color-accent-500);
4266
4540
  }
4541
+ }
4267
4542
 
4268
- :is(body, body #wpwrap) .es\:hover\:text-accent-950:hover {
4543
+ :is(body, body #wpwrap) .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
4544
+ color: var(--es-color-accent-950);
4545
+ }
4546
+
4547
+ @media (hover: hover) {
4548
+ :is(body, body #wpwrap) .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
4269
4549
  color: var(--es-color-accent-950);
4270
4550
  }
4551
+ }
4271
4552
 
4272
- :is(body, body #wpwrap) .es\:hover\:text-red-600:hover {
4553
+ :is(body, body #wpwrap) .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
4554
+ color: var(--es-color-red-600);
4555
+ }
4556
+
4557
+ @media (hover: hover) {
4558
+ :is(body, body #wpwrap) .es\:hover\:text-red-600:where(:not([data-rac])):hover {
4273
4559
  color: var(--es-color-red-600);
4274
4560
  }
4561
+ }
4562
+
4563
+ :is(body, body #wpwrap) .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
4564
+ color: var(--es-color-red-800);
4565
+ }
4275
4566
 
4276
- :is(body, body #wpwrap) .es\:hover\:text-red-800:hover {
4567
+ @media (hover: hover) {
4568
+ :is(body, body #wpwrap) .es\:hover\:text-red-800:where(:not([data-rac])):hover {
4277
4569
  color: var(--es-color-red-800);
4278
4570
  }
4571
+ }
4279
4572
 
4280
- :is(body, body #wpwrap) .es\:hover\:text-red-900:hover {
4573
+ :is(body, body #wpwrap) .es\:hover\:text-red-900:where([data-rac])[data-hovered] {
4574
+ color: var(--es-color-red-900);
4575
+ }
4576
+
4577
+ @media (hover: hover) {
4578
+ :is(body, body #wpwrap) .es\:hover\:text-red-900:where(:not([data-rac])):hover {
4281
4579
  color: var(--es-color-red-900);
4282
4580
  }
4581
+ }
4582
+
4583
+ :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
4584
+ --tw-shadow-color: var(--es-color-accent-600);
4585
+ }
4283
4586
 
4284
- :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:hover {
4587
+ @supports (color: color-mix(in lab, red, red)) {
4588
+ :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
4589
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
4590
+ }
4591
+ }
4592
+
4593
+ @media (hover: hover) {
4594
+ :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
4285
4595
  --tw-shadow-color: var(--es-color-accent-600);
4286
4596
  }
4287
4597
 
4288
4598
  @supports (color: color-mix(in lab, red, red)) {
4289
- :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:hover {
4599
+ :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
4290
4600
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
4291
4601
  }
4292
4602
  }
4603
+ }
4604
+
4605
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
4606
+ --tw-inset-shadow-color: var(--es-color-red-100);
4607
+ }
4608
+
4609
+ @supports (color: color-mix(in lab, red, red)) {
4610
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
4611
+ --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
4612
+ }
4613
+ }
4293
4614
 
4294
- :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:hover {
4615
+ @media (hover: hover) {
4616
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:where(:not([data-rac])):hover {
4295
4617
  --tw-inset-shadow-color: var(--es-color-red-100);
4296
4618
  }
4297
4619
 
4298
4620
  @supports (color: color-mix(in lab, red, red)) {
4299
- :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:hover {
4621
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:where(:not([data-rac])):hover {
4300
4622
  --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
4301
4623
  }
4302
4624
  }
4625
+ }
4626
+
4627
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-secondary-100:where([data-rac])[data-hovered] {
4628
+ --tw-inset-shadow-color: var(--es-color-secondary-100);
4629
+ }
4630
+
4631
+ @supports (color: color-mix(in lab, red, red)) {
4632
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-secondary-100:where([data-rac])[data-hovered] {
4633
+ --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
4634
+ }
4635
+ }
4303
4636
 
4304
- :is(body, body #wpwrap) .es\:hover\:inset-shadow-secondary-100:hover {
4637
+ @media (hover: hover) {
4638
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-secondary-100:where(:not([data-rac])):hover {
4305
4639
  --tw-inset-shadow-color: var(--es-color-secondary-100);
4306
4640
  }
4307
4641
 
4308
4642
  @supports (color: color-mix(in lab, red, red)) {
4309
- :is(body, body #wpwrap) .es\:hover\:inset-shadow-secondary-100:hover {
4643
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-secondary-100:where(:not([data-rac])):hover {
4310
4644
  --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
4311
4645
  }
4312
4646
  }
4647
+ }
4648
+
4649
+ :is(body, body #wpwrap) .es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
4650
+ --tw-inset-ring-color: var(--es-color-red-100);
4651
+ }
4313
4652
 
4314
- :is(body, body #wpwrap) .es\:hover\:inset-ring-red-100:hover {
4653
+ @media (hover: hover) {
4654
+ :is(body, body #wpwrap) .es\:hover\:inset-ring-red-100:where(:not([data-rac])):hover {
4315
4655
  --tw-inset-ring-color: var(--es-color-red-100);
4316
4656
  }
4657
+ }
4658
+
4659
+ :is(body, body #wpwrap) .es\:hover\:inset-ring-secondary-100:where([data-rac])[data-hovered] {
4660
+ --tw-inset-ring-color: var(--es-color-secondary-100);
4661
+ }
4317
4662
 
4318
- :is(body, body #wpwrap) .es\:hover\:inset-ring-secondary-100:hover {
4663
+ @media (hover: hover) {
4664
+ :is(body, body #wpwrap) .es\:hover\:inset-ring-secondary-100:where(:not([data-rac])):hover {
4319
4665
  --tw-inset-ring-color: var(--es-color-secondary-100);
4320
4666
  }
4667
+ }
4668
+
4669
+ :is(body, body #wpwrap) .es\:hover\:outline-hidden:where([data-rac])[data-hovered] {
4670
+ --tw-outline-style: none;
4671
+ outline-style: none;
4672
+ }
4673
+
4674
+ @media (forced-colors: active) {
4675
+ :is(body, body #wpwrap) .es\:hover\:outline-hidden:where([data-rac])[data-hovered] {
4676
+ outline-offset: 2px;
4677
+ outline: 2px solid #0000;
4678
+ }
4679
+ }
4321
4680
 
4322
- :is(body, body #wpwrap) .es\:hover\:outline-hidden:hover {
4681
+ @media (hover: hover) {
4682
+ :is(body, body #wpwrap) .es\:hover\:outline-hidden:where(:not([data-rac])):hover {
4323
4683
  --tw-outline-style: none;
4324
4684
  outline-style: none;
4325
4685
  }
4326
4686
 
4327
4687
  @media (forced-colors: active) {
4328
- :is(body, body #wpwrap) .es\:hover\:outline-hidden:hover {
4688
+ :is(body, body #wpwrap) .es\:hover\:outline-hidden:where(:not([data-rac])):hover {
4329
4689
  outline-offset: 2px;
4330
4690
  outline: 2px solid #0000;
4331
4691
  }
4332
4692
  }
4693
+ }
4333
4694
 
4334
- :is(body, body #wpwrap) .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
4335
- background-color: var(--es-color-red-500);
4336
- }
4337
-
4338
- @supports (color: color-mix(in lab, red, red)) {
4339
- :is(body, body #wpwrap) .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
4340
- background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
4341
- }
4342
- }
4695
+ :is(body, body #wpwrap) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
4696
+ background-color: var(--es-color-secondary-100);
4697
+ }
4343
4698
 
4344
- :is(body, body #wpwrap) .es\:not-disabled\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):hover, :is(body, body #wpwrap) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
4699
+ @media (hover: hover) {
4700
+ :is(body, body #wpwrap) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where(:not([data-rac])):hover {
4345
4701
  background-color: var(--es-color-secondary-100);
4346
4702
  }
4703
+ }
4347
4704
 
4348
- :is(body, body #wpwrap) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
4705
+ :is(body, body #wpwrap) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where([data-rac])[data-hovered] {
4706
+ color: var(--es-color-secondary-900);
4707
+ }
4708
+
4709
+ @media (hover: hover) {
4710
+ :is(body, body #wpwrap) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):where(:not([data-rac])):hover {
4349
4711
  color: var(--es-color-secondary-900);
4350
4712
  }
4713
+ }
4714
+
4715
+ :is(body, body #wpwrap) .es\:hover\:after\:bg-accent-500:where([data-rac])[data-hovered]:after {
4716
+ content: var(--tw-content);
4717
+ background-color: var(--es-color-accent-500);
4718
+ }
4351
4719
 
4352
- :is(body, body #wpwrap) .es\:hover\:after\:bg-accent-500:hover:after {
4720
+ @media (hover: hover) {
4721
+ :is(body, body #wpwrap) .es\:hover\:after\:bg-accent-500:where(:not([data-rac])):hover:after {
4353
4722
  content: var(--tw-content);
4354
4723
  background-color: var(--es-color-accent-500);
4355
4724
  }
4725
+ }
4726
+
4727
+ :is(body, body #wpwrap) .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:where([data-rac])[data-hovered]:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
4728
+ content: var(--tw-content);
4729
+ --tw-gradient-from: var(--es-color-secondary-200);
4730
+ --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));
4731
+ }
4356
4732
 
4357
- :is(body, body #wpwrap) .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
4733
+ @media (hover: hover) {
4734
+ :is(body, body #wpwrap) .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:where(:not([data-rac])):hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
4358
4735
  content: var(--tw-content);
4359
4736
  --tw-gradient-from: var(--es-color-secondary-200);
4360
4737
  --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));
4361
4738
  }
4739
+ }
4362
4740
 
4363
- :is(body, body #wpwrap) .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
4741
+ :is(body, body #wpwrap) .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:where([data-rac])[data-hovered]:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
4742
+ content: var(--tw-content);
4743
+ --tw-gradient-to: var(--es-color-secondary-300);
4744
+ --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));
4745
+ }
4746
+
4747
+ @media (hover: hover) {
4748
+ :is(body, body #wpwrap) .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:where(:not([data-rac])):hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
4364
4749
  content: var(--tw-content);
4365
4750
  --tw-gradient-to: var(--es-color-secondary-300);
4366
4751
  --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));
4367
4752
  }
4368
4753
  }
4369
4754
 
4370
- :is(body, body #wpwrap) .es\:focus\:border-accent-500:focus {
4755
+ :is(body, body #wpwrap) .es\:focus\:border-accent-500:where([data-rac])[data-focused], :is(body, body #wpwrap) .es\:focus\:border-accent-500:where(:not([data-rac])):focus {
4371
4756
  border-color: var(--es-color-accent-500);
4372
4757
  }
4373
4758
 
4374
- :is(body, body #wpwrap) .es\:focus\:text-current:focus {
4759
+ :is(body, body #wpwrap) .es\:focus\:text-current:where([data-rac])[data-focused], :is(body, body #wpwrap) .es\:focus\:text-current:where(:not([data-rac])):focus {
4375
4760
  color: currentColor;
4376
4761
  }
4377
4762
 
4378
- :is(body, body #wpwrap) .es\:focus\:shadow-none\!:focus {
4763
+ :is(body, body #wpwrap) .es\:focus\:shadow-none\!:where([data-rac])[data-focused], :is(body, body #wpwrap) .es\:focus\:shadow-none\!:where(:not([data-rac])):focus {
4379
4764
  --tw-shadow: 0 0 #0000 !important;
4380
4765
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
4381
4766
  }
4382
4767
 
4383
- :is(body, body #wpwrap) .es\:focus\:ring-2:focus {
4768
+ :is(body, body #wpwrap) .es\:focus\:ring-2:where([data-rac])[data-focused], :is(body, body #wpwrap) .es\:focus\:ring-2:where(:not([data-rac])):focus {
4384
4769
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4385
4770
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4386
4771
  }
4387
4772
 
4388
- :is(body, body #wpwrap) .es\:focus\:ring-accent-500\/50:focus {
4773
+ :is(body, body #wpwrap) .es\:focus\:ring-accent-500\/50:where([data-rac])[data-focused] {
4774
+ --tw-ring-color: var(--es-color-accent-500);
4775
+ }
4776
+
4777
+ @supports (color: color-mix(in lab, red, red)) {
4778
+ :is(body, body #wpwrap) .es\:focus\:ring-accent-500\/50:where([data-rac])[data-focused] {
4779
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4780
+ }
4781
+ }
4782
+
4783
+ :is(body, body #wpwrap) .es\:focus\:ring-accent-500\/50:where(:not([data-rac])):focus {
4389
4784
  --tw-ring-color: var(--es-color-accent-500);
4390
4785
  }
4391
4786
 
4392
4787
  @supports (color: color-mix(in lab, red, red)) {
4393
- :is(body, body #wpwrap) .es\:focus\:ring-accent-500\/50:focus {
4788
+ :is(body, body #wpwrap) .es\:focus\:ring-accent-500\/50:where(:not([data-rac])):focus {
4394
4789
  --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4395
4790
  }
4396
4791
  }
4397
4792
 
4793
+ :is(body, body #wpwrap) .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where([data-rac])[data-focused], :is(body, body #wpwrap) .es\:not-readonly\:focus\:shadow-md:not(:where([data-readonly], [readonly])):where(:not([data-rac])):focus {
4794
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
4795
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4796
+ }
4797
+
4398
4798
  :is(body, body #wpwrap) .es\:focus-visible\:z-10:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4399
4799
  z-index: 10;
4400
4800
  }
@@ -4419,6 +4819,10 @@
4419
4819
  background-color: var(--es-color-secondary-100);
4420
4820
  }
4421
4821
 
4822
+ :is(body, body #wpwrap) .es\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4823
+ color: var(--es-color-accent-700);
4824
+ }
4825
+
4422
4826
  :is(body, body #wpwrap) .es\:focus-visible\:text-accent-950:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4423
4827
  color: var(--es-color-accent-950);
4424
4828
  }
@@ -4446,6 +4850,16 @@
4446
4850
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4447
4851
  }
4448
4852
 
4853
+ :is(body, body #wpwrap) .es\:focus-visible\:ring-accent-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4854
+ --tw-ring-color: var(--es-color-accent-500);
4855
+ }
4856
+
4857
+ @supports (color: color-mix(in lab, red, red)) {
4858
+ :is(body, body #wpwrap) .es\:focus-visible\:ring-accent-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4859
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
4860
+ }
4861
+ }
4862
+
4449
4863
  :is(body, body #wpwrap) .es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4450
4864
  --tw-ring-color: var(--es-color-accent-500);
4451
4865
  }
@@ -4476,6 +4890,10 @@
4476
4890
  }
4477
4891
  }
4478
4892
 
4893
+ :is(body, body #wpwrap) .es\:focus-visible\:inset-ring-accent-100:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4894
+ --tw-inset-ring-color: var(--es-color-accent-100);
4895
+ }
4896
+
4479
4897
  :is(body, body #wpwrap) .es\:focus-visible\:inset-ring-accent-600:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4480
4898
  --tw-inset-ring-color: var(--es-color-accent-600);
4481
4899
  }
@@ -4534,6 +4952,109 @@
4534
4952
  color: var(--es-color-accent-500);
4535
4953
  }
4536
4954
 
4955
+ :is(body, body #wpwrap) .es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
4956
+ cursor: pointer;
4957
+ }
4958
+
4959
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
4960
+ background-color: var(--es-color-accent-500);
4961
+ }
4962
+
4963
+ @supports (color: color-mix(in lab, red, red)) {
4964
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
4965
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
4966
+ }
4967
+ }
4968
+
4969
+ @media (hover: hover) {
4970
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
4971
+ background-color: var(--es-color-accent-500);
4972
+ }
4973
+
4974
+ @supports (color: color-mix(in lab, red, red)) {
4975
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
4976
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
4977
+ }
4978
+ }
4979
+ }
4980
+
4981
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
4982
+ background-color: var(--es-color-red-500);
4983
+ }
4984
+
4985
+ @supports (color: color-mix(in lab, red, red)) {
4986
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
4987
+ background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
4988
+ }
4989
+ }
4990
+
4991
+ @media (hover: hover) {
4992
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
4993
+ background-color: var(--es-color-red-500);
4994
+ }
4995
+
4996
+ @supports (color: color-mix(in lab, red, red)) {
4997
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
4998
+ background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
4999
+ }
5000
+ }
5001
+ }
5002
+
5003
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
5004
+ background-color: var(--es-color-secondary-100);
5005
+ }
5006
+
5007
+ @media (hover: hover) {
5008
+ :is(body, body #wpwrap) .es\:enabled\:hover\:bg-secondary-100:enabled:where(:not([data-rac])):hover {
5009
+ background-color: var(--es-color-secondary-100);
5010
+ }
5011
+ }
5012
+
5013
+ :is(body, body #wpwrap) .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
5014
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
5015
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5016
+ }
5017
+
5018
+ @media (hover: hover) {
5019
+ :is(body, body #wpwrap) .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
5020
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
5021
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5022
+ }
5023
+ }
5024
+
5025
+ :is(body, body #wpwrap) .es\:enabled\:active\:bg-accent-50:enabled:active {
5026
+ background-color: var(--es-color-accent-50);
5027
+ }
5028
+
5029
+ :is(body, body #wpwrap) .es\:enabled\:active\:bg-accent-500\/10:enabled:active {
5030
+ background-color: var(--es-color-accent-500);
5031
+ }
5032
+
5033
+ @supports (color: color-mix(in lab, red, red)) {
5034
+ :is(body, body #wpwrap) .es\:enabled\:active\:bg-accent-500\/10:enabled:active {
5035
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
5036
+ }
5037
+ }
5038
+
5039
+ :is(body, body #wpwrap) .es\:enabled\:active\:bg-red-500\/10:enabled:active {
5040
+ background-color: var(--es-color-red-500);
5041
+ }
5042
+
5043
+ @supports (color: color-mix(in lab, red, red)) {
5044
+ :is(body, body #wpwrap) .es\:enabled\:active\:bg-red-500\/10:enabled:active {
5045
+ background-color: color-mix(in oklab, var(--es-color-red-500) 10%, transparent);
5046
+ }
5047
+ }
5048
+
5049
+ :is(body, body #wpwrap) .es\:enabled\:active\:text-accent-950:enabled:active {
5050
+ color: var(--es-color-accent-950);
5051
+ }
5052
+
5053
+ :is(body, body #wpwrap) .es\:enabled\:active\:shadow-sm:enabled:active {
5054
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
5055
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5056
+ }
5057
+
4537
5058
  :is(body, body #wpwrap) .es\:disabled\:invisible:is(:disabled, [data-rac][data-disabled]) {
4538
5059
  visibility: hidden;
4539
5060
  }
@@ -4711,66 +5232,66 @@
4711
5232
  :is(body, body #wpwrap) .es\:motion-safe\:motion-preset-slide-down-sm {
4712
5233
  --motion-origin-translate-y: -5%;
4713
5234
  --motion-origin-opacity: 0;
4714
- --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
4715
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4716
- animation: var(--motion-all-loop-and-enter-animations);
5235
+ --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
5236
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5237
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4717
5238
  }
4718
5239
 
4719
5240
  :is(body, body #wpwrap) .es\:motion-safe\:motion-scale-in-95 {
4720
5241
  --motion-origin-scale-x: .95;
4721
5242
  --motion-origin-scale-y: .95;
4722
- --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
4723
- animation: var(--motion-all-loop-and-enter-animations);
5243
+ --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
5244
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4724
5245
  }
4725
5246
 
4726
5247
  :is(body, body #wpwrap) .es\:motion-safe\:motion-scale-out-90 {
4727
5248
  --motion-end-scale-x: .9;
4728
5249
  --motion-end-scale-y: .9;
4729
- --motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
4730
- animation: var(--motion-all-exit-animations);
5250
+ --motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
5251
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4731
5252
  }
4732
5253
 
4733
5254
  :is(body, body #wpwrap) .es\:motion-safe\:motion-scale-out-95 {
4734
5255
  --motion-end-scale-x: .95;
4735
5256
  --motion-end-scale-y: .95;
4736
- --motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
4737
- animation: var(--motion-all-exit-animations);
5257
+ --motion-scale-out-animation: motion-scale-out calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
5258
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4738
5259
  }
4739
5260
 
4740
5261
  :is(body, body #wpwrap) .es\:motion-safe\:motion-translate-y-in-\[-0\.25rem\] {
4741
5262
  --motion-origin-translate-y: -.25rem;
4742
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4743
- animation: var(--motion-all-loop-and-enter-animations);
5263
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5264
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4744
5265
  }
4745
5266
 
4746
5267
  :is(body, body #wpwrap) .es\:motion-safe\:motion-translate-y-in-\[-5\%\] {
4747
5268
  --motion-origin-translate-y: -5%;
4748
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4749
- animation: var(--motion-all-loop-and-enter-animations);
5269
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5270
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4750
5271
  }
4751
5272
 
4752
5273
  :is(body, body #wpwrap) .es\:motion-safe\:motion-translate-y-in-\[0\.25rem\] {
4753
5274
  --motion-origin-translate-y: .25rem;
4754
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4755
- animation: var(--motion-all-loop-and-enter-animations);
5275
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5276
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4756
5277
  }
4757
5278
 
4758
5279
  :is(body, body #wpwrap) .es\:motion-safe\:motion-translate-y-out-\[-0\.25rem\] {
4759
5280
  --motion-end-translate-y: -.25rem;
4760
- --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4761
- animation: var(--motion-all-exit-animations);
5281
+ --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5282
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4762
5283
  }
4763
5284
 
4764
5285
  :is(body, body #wpwrap) .es\:motion-safe\:motion-translate-y-out-\[-5\%\] {
4765
5286
  --motion-end-translate-y: -5%;
4766
- --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4767
- animation: var(--motion-all-exit-animations);
5287
+ --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5288
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4768
5289
  }
4769
5290
 
4770
5291
  :is(body, body #wpwrap) .es\:motion-safe\:motion-translate-y-out-\[0\.25rem\] {
4771
5292
  --motion-end-translate-y: .25rem;
4772
- --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4773
- animation: var(--motion-all-exit-animations);
5293
+ --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5294
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4774
5295
  }
4775
5296
 
4776
5297
  :is(body, body #wpwrap) .es\:motion-safe\:motion-ease-spring-bouncy {
@@ -4802,50 +5323,50 @@
4802
5323
 
4803
5324
  :is(body, body #wpwrap) .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-\[5\%\][data-placement="bottom"] {
4804
5325
  --motion-origin-translate-y: calc(5% * -1);
4805
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4806
- animation: var(--motion-all-loop-and-enter-animations);
5326
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5327
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4807
5328
  }
4808
5329
 
4809
5330
  :is(body, body #wpwrap) .es\:motion-safe\:data-\[placement\=bottom\]\:motion-translate-y-out-\[-12\.5\%\][data-placement="bottom"] {
4810
5331
  --motion-end-translate-y: -12.5%;
4811
- --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4812
- animation: var(--motion-all-exit-animations);
5332
+ --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5333
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4813
5334
  }
4814
5335
 
4815
5336
  :is(body, body #wpwrap) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-in-\[5\%\][data-placement="left"] {
4816
5337
  --motion-origin-translate-x: 5%;
4817
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4818
- animation: var(--motion-all-loop-and-enter-animations);
5338
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5339
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4819
5340
  }
4820
5341
 
4821
5342
  :is(body, body #wpwrap) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-out-\[12\.5\%\][data-placement="left"] {
4822
5343
  --motion-end-translate-x: 12.5%;
4823
- --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4824
- animation: var(--motion-all-exit-animations);
5344
+ --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5345
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4825
5346
  }
4826
5347
 
4827
5348
  :is(body, body #wpwrap) .es\:motion-safe\:data-\[placement\=right\]\:-motion-translate-x-in-\[5\%\][data-placement="right"] {
4828
5349
  --motion-origin-translate-x: calc(5% * -1);
4829
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4830
- animation: var(--motion-all-loop-and-enter-animations);
5350
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5351
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4831
5352
  }
4832
5353
 
4833
5354
  :is(body, body #wpwrap) .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-out-\[-12\.5\%\][data-placement="right"] {
4834
5355
  --motion-end-translate-x: -12.5%;
4835
- --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4836
- animation: var(--motion-all-exit-animations);
5356
+ --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5357
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4837
5358
  }
4838
5359
 
4839
5360
  :is(body, body #wpwrap) .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-\[5\%\][data-placement="top"] {
4840
5361
  --motion-origin-translate-y: 5%;
4841
- --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4842
- animation: var(--motion-all-loop-and-enter-animations);
5362
+ --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5363
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4843
5364
  }
4844
5365
 
4845
5366
  :is(body, body #wpwrap) .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-out-\[12\.5\%\][data-placement="top"] {
4846
5367
  --motion-end-translate-y: 12.5%;
4847
- --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
4848
- animation: var(--motion-all-exit-animations);
5368
+ --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
5369
+ animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
4849
5370
  }
4850
5371
  }
4851
5372
 
@@ -4853,8 +5374,8 @@
4853
5374
  :is(body, body #wpwrap) .es\:motion-reduce\:motion-preset-fade, :is(body, body #wpwrap) .es\:motion-reduce\:motion-preset-fade-md {
4854
5375
  --motion-origin-opacity: 0;
4855
5376
  --motion-duration: .5s;
4856
- --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration) * var(--motion-opacity-perceptual-duration-multiplier)) var(--motion-opacity-timing) var(--motion-opacity-delay) both;
4857
- animation: var(--motion-all-loop-and-enter-animations);
5377
+ --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
5378
+ animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
4858
5379
  }
4859
5380
  }
4860
5381
 
@@ -4880,18 +5401,62 @@
4880
5401
  }
4881
5402
  }
4882
5403
 
4883
- :is(body, body #wpwrap) .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
4884
- --tw-outline-style: none;
4885
- outline-style: none;
5404
+ :is(body, body #wpwrap) .es\:pending\:cursor-wait[data-pending] {
5405
+ cursor: wait;
4886
5406
  }
4887
5407
 
4888
- @media (forced-colors: active) {
4889
- :is(body, body #wpwrap) .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
4890
- outline-offset: 2px;
4891
- outline: 2px solid #0000;
5408
+ :is(body, body #wpwrap) .es\:pending\:shadow-none\![data-pending] {
5409
+ --tw-shadow: 0 0 #0000 !important;
5410
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
5411
+ }
5412
+
5413
+ :is(body, body #wpwrap) .es\:enabled\:pressed\:bg-accent-50:enabled[data-pressed] {
5414
+ background-color: var(--es-color-accent-50);
5415
+ }
5416
+
5417
+ :is(body, body #wpwrap) .es\:enabled\:pressed\:bg-accent-500\/10:enabled[data-pressed] {
5418
+ background-color: var(--es-color-accent-500);
5419
+ }
5420
+
5421
+ @supports (color: color-mix(in lab, red, red)) {
5422
+ :is(body, body #wpwrap) .es\:enabled\:pressed\:bg-accent-500\/10:enabled[data-pressed] {
5423
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
5424
+ }
5425
+ }
5426
+
5427
+ :is(body, body #wpwrap) .es\:enabled\:pressed\:bg-red-500\/10:enabled[data-pressed] {
5428
+ background-color: var(--es-color-red-500);
5429
+ }
5430
+
5431
+ @supports (color: color-mix(in lab, red, red)) {
5432
+ :is(body, body #wpwrap) .es\:enabled\:pressed\:bg-red-500\/10:enabled[data-pressed] {
5433
+ background-color: color-mix(in oklab, var(--es-color-red-500) 10%, transparent);
5434
+ }
5435
+ }
5436
+
5437
+ :is(body, body #wpwrap) .es\:enabled\:pressed\:text-accent-950:enabled[data-pressed] {
5438
+ color: var(--es-color-accent-950);
5439
+ }
5440
+
5441
+ :is(body, body #wpwrap) .es\:enabled\:pressed\:shadow-sm:enabled[data-pressed] {
5442
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
5443
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5444
+ }
5445
+
5446
+ :is(body, body #wpwrap) .es\:selected\:border-accent-400\/10[data-selected] {
5447
+ border-color: var(--es-color-accent-400);
5448
+ }
5449
+
5450
+ @supports (color: color-mix(in lab, red, red)) {
5451
+ :is(body, body #wpwrap) .es\:selected\:border-accent-400\/10[data-selected] {
5452
+ border-color: color-mix(in oklab, var(--es-color-accent-400) 10%, transparent);
4892
5453
  }
4893
5454
  }
4894
5455
 
5456
+ :is(body, body #wpwrap) .es\:selected\:border-accent-600[data-selected] {
5457
+ border-color: var(--es-color-accent-600);
5458
+ }
5459
+
4895
5460
  :is(body, body #wpwrap) .es\:selected\:bg-accent-50\/50[data-selected] {
4896
5461
  background-color: var(--es-color-accent-50);
4897
5462
  }
@@ -4902,18 +5467,47 @@
4902
5467
  }
4903
5468
  }
4904
5469
 
4905
- :is(body, body #wpwrap) .es\:selected\:bg-accent-400\/15[data-selected] {
4906
- background-color: var(--es-color-accent-400);
5470
+ :is(body, body #wpwrap) .es\:selected\:bg-gradient-to-br[data-selected] {
5471
+ --tw-gradient-position: to bottom right in oklab;
5472
+ background-image: linear-gradient(var(--tw-gradient-stops));
5473
+ }
5474
+
5475
+ :is(body, body #wpwrap) .es\:selected\:from-accent-300\/10[data-selected] {
5476
+ --tw-gradient-from: var(--es-color-accent-300);
4907
5477
  }
4908
5478
 
4909
5479
  @supports (color: color-mix(in lab, red, red)) {
4910
- :is(body, body #wpwrap) .es\:selected\:bg-accent-400\/15[data-selected] {
4911
- background-color: color-mix(in oklab, var(--es-color-accent-400) 15%, transparent);
5480
+ :is(body, body #wpwrap) .es\:selected\:from-accent-300\/10[data-selected] {
5481
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-300) 10%, transparent);
4912
5482
  }
4913
5483
  }
4914
5484
 
4915
- :is(body, body #wpwrap) .es\:selected\:bg-accent-600[data-selected] {
4916
- background-color: var(--es-color-accent-600);
5485
+ :is(body, body #wpwrap) .es\:selected\:from-accent-300\/10[data-selected] {
5486
+ --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));
5487
+ }
5488
+
5489
+ :is(body, body #wpwrap) .es\:selected\:from-accent-500[data-selected] {
5490
+ --tw-gradient-from: var(--es-color-accent-500);
5491
+ --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));
5492
+ }
5493
+
5494
+ :is(body, body #wpwrap) .es\:selected\:to-accent-400\/20[data-selected] {
5495
+ --tw-gradient-to: var(--es-color-accent-400);
5496
+ }
5497
+
5498
+ @supports (color: color-mix(in lab, red, red)) {
5499
+ :is(body, body #wpwrap) .es\:selected\:to-accent-400\/20[data-selected] {
5500
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 20%, transparent);
5501
+ }
5502
+ }
5503
+
5504
+ :is(body, body #wpwrap) .es\:selected\:to-accent-400\/20[data-selected] {
5505
+ --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));
5506
+ }
5507
+
5508
+ :is(body, body #wpwrap) .es\:selected\:to-accent-600[data-selected] {
5509
+ --tw-gradient-to: var(--es-color-accent-600);
5510
+ --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));
4917
5511
  }
4918
5512
 
4919
5513
  :is(body, body #wpwrap) .es\:selected\:text-accent-900[data-selected] {
@@ -4940,9 +5534,9 @@
4940
5534
  --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));
4941
5535
  }
4942
5536
 
4943
- :is(body, body #wpwrap) .es\:selected\:after\:shadow-xs[data-selected]:after {
5537
+ :is(body, body #wpwrap) .es\:selected\:after\:shadow-sm[data-selected]:after {
4944
5538
  content: var(--tw-content);
4945
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
5539
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
4946
5540
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4947
5541
  }
4948
5542
 
@@ -4957,10 +5551,6 @@
4957
5551
  }
4958
5552
  }
4959
5553
 
4960
- :is(body, body #wpwrap) .es\:readonly\:bg-secondary-50:where([data-readonly], [readonly]) {
4961
- background-color: var(--es-color-secondary-50);
4962
- }
4963
-
4964
5554
  :is(body, body #wpwrap) .es\:dragging\:scale-110\![data-dragging] {
4965
5555
  --tw-scale-x: 110% !important;
4966
5556
  --tw-scale-y: 110% !important;
@@ -4968,6 +5558,27 @@
4968
5558
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
4969
5559
  }
4970
5560
 
5561
+ :is(body, body #wpwrap) .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
5562
+ --tw-outline-style: none;
5563
+ outline-style: none;
5564
+ }
5565
+
5566
+ @media (forced-colors: active) {
5567
+ :is(body, body #wpwrap) .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
5568
+ outline-offset: 2px;
5569
+ outline: 2px solid #0000;
5570
+ }
5571
+ }
5572
+
5573
+ :is(body, body #wpwrap) .es\:readonly\:bg-secondary-50:where([data-readonly], [readonly]) {
5574
+ background-color: var(--es-color-secondary-50);
5575
+ }
5576
+
5577
+ :is(body, body #wpwrap) .es\:readonly\:shadow-xs\!:where([data-readonly], [readonly]) {
5578
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d) !important;
5579
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
5580
+ }
5581
+
4971
5582
  :is(body, body #wpwrap) .es\:icon\:absolute > svg {
4972
5583
  position: absolute;
4973
5584
  }
@@ -5026,6 +5637,11 @@
5026
5637
  height: calc(var(--es-spacing) * 7);
5027
5638
  }
5028
5639
 
5640
+ :is(body, body #wpwrap) .es\:icon\:size-7\! > svg {
5641
+ width: calc(var(--es-spacing) * 7) !important;
5642
+ height: calc(var(--es-spacing) * 7) !important;
5643
+ }
5644
+
5029
5645
  :is(body, body #wpwrap) .es\:icon\:size-\[0\.8rem\] > svg {
5030
5646
  width: .8rem;
5031
5647
  height: .8rem;
@@ -5205,112 +5821,252 @@
5205
5821
  }
5206
5822
 
5207
5823
  @layer base {
5208
- :root {
5209
- --motion-default-timing: cubic-bezier(.165, .84, .44, 1);
5210
- --motion-bounce: linear(0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1);
5211
- --motion-spring-smooth: linear(0, .001 0.44%, .0045 0.94%, .0195 2.03%, .0446 3.19%, .0811 4.5%, .1598 6.82%, .3685 12.34%, .4693 15.17%, .5663, .6498 21.27%, .7215 24.39%, .7532 25.98%, .7829 27.65%, .8105, .8349 31.14%, .8573 32.95%, .8776 34.84%, .8964 36.87%, .9136 39.05%, .929 41.37%, .9421 43.77%, .9537 46.38%, .9636 49.14%, .9789 55.31%, .9888 62.35%, .9949 71.06%, .9982 82.52%, .9997 99.94%);
5212
- --motion-spring-snappy: linear(0, .0014, .0053 1.02%, .0126, .0227 2.18%, .0517 3.41%, .094 4.79%, .1865 7.26%, .4182 12.77%, .5246 15.46%, .6249, .7112, .7831 23.95%, .8146 25.4%, .844, .8699 28.45%, .8935, .9139 31.64%, .932, .9473, .9601 36.65%, .9714 38.47%, .9808 40.35%, .9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%);
5213
- --motion-spring-bouncy: linear(0, .0018, .0069, .0151 1.74%, .0277 2.4%, .062 3.7%, .1115 5.15%, .2211 7.77%, .4778 13.21%, .5912 15.75%, .6987 18.44%, .7862 20.98%, .861 23.59%, .8926, .9205, .945 27.51%, .9671 28.89%, .9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, .9981 80.49%, .9991 99.94%);
5214
- --motion-spring-bouncier: linear(0, .0023, .0088, .0194 1.59%, .035 2.17%, .078 3.33%, .1415 4.64%, .2054 5.75%, .2821 6.95%, .5912 11.45%, .7205 13.43%, .8393 15.45%, .936 17.39%, .9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, .9911 48.87%, .9826 50.9%, .9769 53.03%, .9735 56.02%, .9748 59.45%, .9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%);
5215
- --motion-spring-bounciest: linear(0, .0032, .0131, .0294, .0524, .0824, .1192 1.54%, .2134 2.11%, .3102 2.59%, .4297 3.13%, .8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, .9773, .9031 16.08%, .8449 16.73%, .8014, .7701 17.95%, .7587, .7501, .7443, .7412 19.16%, .7421 19.68%, .7508 20.21%, .7672 20.77%, .7917 21.37%, .8169 21.87%, .8492 22.43%, .9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, .9941 34.72%, .9748 35.43%, .9597 36.09%, .9487, .9407, .9355, .933 38.46%, .9344 39.38%, .9421 40.38%, .9566 41.5%, .9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, .992 55.02%, .9854 56.38%, .9827 57.72%, .985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, .9981 74.28%, .9956 76.85%, .9961 79.06%, 1.0023 86.46%, .999 95.22%, .9994 100%);
5216
- }
5217
-
5218
- * {
5219
- --motion-origin-scale-x: 100%;
5220
- --motion-origin-scale-y: 100%;
5221
- --motion-origin-translate-x: 0%;
5222
- --motion-origin-translate-y: 0%;
5223
- --motion-origin-rotate: 0deg;
5224
- --motion-origin-blur: 0px;
5225
- --motion-origin-grayscale: 0%;
5226
- --motion-origin-opacity: 100%;
5227
- --motion-origin-background-color: ;
5228
- --motion-origin-text-color: ;
5229
- --motion-end-scale-x: 100%;
5230
- --motion-end-scale-y: 100%;
5231
- --motion-end-translate-x: 0%;
5232
- --motion-end-translate-y: 0%;
5233
- --motion-end-rotate: 0deg;
5234
- --motion-end-blur: 0px;
5235
- --motion-end-grayscale: 0%;
5236
- --motion-end-opacity: 100%;
5237
- --motion-end-background-color: ;
5238
- --motion-end-text-color: ;
5239
- --motion-loop-scale-x: 100%;
5240
- --motion-loop-scale-y: 100%;
5241
- --motion-loop-translate-x: 0%;
5242
- --motion-loop-translate-y: 0%;
5243
- --motion-loop-rotate: 0deg;
5244
- --motion-loop-blur: 0px;
5245
- --motion-loop-grayscale: 0%;
5246
- --motion-loop-opacity: 100%;
5247
- --motion-loop-background-color: ;
5248
- --motion-loop-text-color: ;
5249
- --motion-duration: .7s;
5250
- --motion-timing: var(--motion-default-timing);
5251
- --motion-perceptual-duration-multiplier: 1;
5252
- --motion-delay: 0s;
5253
- --motion-loop-count: infinite;
5254
- --motion-scale-duration: var(--motion-duration);
5255
- --motion-scale-timing: var(--motion-timing);
5256
- --motion-scale-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
5257
- --motion-scale-delay: var(--motion-delay);
5258
- --motion-scale-loop-count: var(--motion-loop-count);
5259
- --motion-translate-duration: var(--motion-duration);
5260
- --motion-translate-timing: var(--motion-timing);
5261
- --motion-translate-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
5262
- --motion-translate-delay: var(--motion-delay);
5263
- --motion-translate-loop-count: var(--motion-loop-count);
5264
- --motion-rotate-duration: var(--motion-duration);
5265
- --motion-rotate-timing: var(--motion-timing);
5266
- --motion-rotate-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
5267
- --motion-rotate-delay: var(--motion-delay);
5268
- --motion-rotate-loop-count: var(--motion-loop-count);
5269
- --motion-filter-duration: var(--motion-duration);
5270
- --motion-filter-timing: var(--motion-timing);
5271
- --motion-filter-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
5272
- --motion-filter-delay: var(--motion-delay);
5273
- --motion-filter-loop-count: var(--motion-loop-count);
5274
- --motion-opacity-duration: var(--motion-duration);
5275
- --motion-opacity-timing: var(--motion-timing);
5276
- --motion-opacity-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
5277
- --motion-opacity-delay: var(--motion-delay);
5278
- --motion-opacity-loop-count: var(--motion-loop-count);
5279
- --motion-background-color-duration: var(--motion-duration);
5280
- --motion-background-color-timing: var(--motion-timing);
5281
- --motion-background-color-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
5282
- --motion-background-color-delay: var(--motion-delay);
5283
- --motion-background-color-loop-count: var(--motion-loop-count);
5284
- --motion-text-color-duration: var(--motion-duration);
5285
- --motion-text-color-timing: var(--motion-timing);
5286
- --motion-text-color-perceptual-duration-multiplier: var(--motion-perceptual-duration-multiplier);
5287
- --motion-text-color-delay: var(--motion-delay);
5288
- --motion-text-color-loop-count: var(--motion-loop-count);
5289
- --motion-scale-in-animation: none;
5290
- --motion-translate-in-animation: none;
5291
- --motion-rotate-in-animation: none;
5292
- --motion-filter-in-animation: none;
5293
- --motion-opacity-in-animation: none;
5294
- --motion-background-color-in-animation: none;
5295
- --motion-text-color-in-animation: none;
5296
- --motion-scale-out-animation: none;
5297
- --motion-translate-out-animation: none;
5298
- --motion-rotate-out-animation: none;
5299
- --motion-filter-out-animation: none;
5300
- --motion-opacity-out-animation: none;
5301
- --motion-background-color-out-animation: none;
5302
- --motion-text-color-out-animation: none;
5303
- --motion-scale-loop-animation: none;
5304
- --motion-translate-loop-animation: none;
5305
- --motion-rotate-loop-animation: none;
5306
- --motion-filter-loop-animation: none;
5307
- --motion-opacity-loop-animation: none;
5308
- --motion-background-color-loop-animation: none;
5309
- --motion-text-color-loop-animation: none;
5310
- --motion-all-enter-animations: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation);
5311
- --motion-all-exit-animations: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
5312
- --motion-all-loop-animations: var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
5313
- --motion-all-loop-and-enter-animations: var(--motion-all-loop-animations), var(--motion-all-enter-animations);
5824
+ @property --motion-bounce {
5825
+ syntax: "*"; inherits: false; initial-value: linear(0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1) ;
5826
+ }
5827
+
5828
+ @property --motion-spring-smooth {
5829
+ syntax: "*"; inherits: false; initial-value: linear(0, .001 0.44%, .0045 0.94%, .0195 2.03%, .0446 3.19%, .0811 4.5%, .1598 6.82%, .3685 12.34%, .4693 15.17%, .5663, .6498 21.27%, .7215 24.39%, .7532 25.98%, .7829 27.65%, .8105, .8349 31.14%, .8573 32.95%, .8776 34.84%, .8964 36.87%, .9136 39.05%, .929 41.37%, .9421 43.77%, .9537 46.38%, .9636 49.14%, .9789 55.31%, .9888 62.35%, .9949 71.06%, .9982 82.52%, .9997 99.94%) ;
5830
+ }
5831
+
5832
+ @property --motion-spring-snappy {
5833
+ syntax: "*"; inherits: false; initial-value: linear(0, .0014, .0053 1.02%, .0126, .0227 2.18%, .0517 3.41%, .094 4.79%, .1865 7.26%, .4182 12.77%, .5246 15.46%, .6249, .7112, .7831 23.95%, .8146 25.4%, .844, .8699 28.45%, .8935, .9139 31.64%, .932, .9473, .9601 36.65%, .9714 38.47%, .9808 40.35%, .9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%) ;
5834
+ }
5835
+
5836
+ @property --motion-spring-bouncy {
5837
+ syntax: "*"; inherits: false; initial-value: linear(0, .0018, .0069, .0151 1.74%, .0277 2.4%, .062 3.7%, .1115 5.15%, .2211 7.77%, .4778 13.21%, .5912 15.75%, .6987 18.44%, .7862 20.98%, .861 23.59%, .8926, .9205, .945 27.51%, .9671 28.89%, .9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, .9981 80.49%, .9991 99.94%) ;
5838
+ }
5839
+
5840
+ @property --motion-spring-bouncier {
5841
+ syntax: "*"; inherits: false; initial-value: linear(0, .0023, .0088, .0194 1.59%, .035 2.17%, .078 3.33%, .1415 4.64%, .2054 5.75%, .2821 6.95%, .5912 11.45%, .7205 13.43%, .8393 15.45%, .936 17.39%, .9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, .9911 48.87%, .9826 50.9%, .9769 53.03%, .9735 56.02%, .9748 59.45%, .9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%) ;
5842
+ }
5843
+
5844
+ @property --motion-spring-bounciest {
5845
+ syntax: "*"; inherits: false; initial-value: linear(0, .0032, .0131, .0294, .0524, .0824, .1192 1.54%, .2134 2.11%, .3102 2.59%, .4297 3.13%, .8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, .9773, .9031 16.08%, .8449 16.73%, .8014, .7701 17.95%, .7587, .7501, .7443, .7412 19.16%, .7421 19.68%, .7508 20.21%, .7672 20.77%, .7917 21.37%, .8169 21.87%, .8492 22.43%, .9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, .9941 34.72%, .9748 35.43%, .9597 36.09%, .9487, .9407, .9355, .933 38.46%, .9344 39.38%, .9421 40.38%, .9566 41.5%, .9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, .992 55.02%, .9854 56.38%, .9827 57.72%, .985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, .9981 74.28%, .9956 76.85%, .9961 79.06%, 1.0023 86.46%, .999 95.22%, .9994 100%) ;
5846
+ }
5847
+
5848
+ @property --motion-origin-scale-x {
5849
+ syntax: "*"; inherits: false; initial-value: 100%;
5850
+ }
5851
+
5852
+ @property --motion-origin-scale-y {
5853
+ syntax: "*"; inherits: false; initial-value: 100%;
5854
+ }
5855
+
5856
+ @property --motion-origin-translate-x {
5857
+ syntax: "*"; inherits: false; initial-value: 0%;
5858
+ }
5859
+
5860
+ @property --motion-origin-translate-y {
5861
+ syntax: "*"; inherits: false; initial-value: 0%;
5862
+ }
5863
+
5864
+ @property --motion-origin-rotate {
5865
+ syntax: "*"; inherits: false; initial-value: 0deg;
5866
+ }
5867
+
5868
+ @property --motion-origin-blur {
5869
+ syntax: "*"; inherits: false; initial-value: 0px;
5870
+ }
5871
+
5872
+ @property --motion-origin-grayscale {
5873
+ syntax: "*"; inherits: false; initial-value: 0%;
5874
+ }
5875
+
5876
+ @property --motion-origin-opacity {
5877
+ syntax: "*"; inherits: false; initial-value: 100%;
5878
+ }
5879
+
5880
+ @property --motion-origin-background-color {
5881
+ syntax: "*"; inherits: false;
5882
+ }
5883
+
5884
+ @property --motion-origin-text-color {
5885
+ syntax: "*"; inherits: false;
5886
+ }
5887
+
5888
+ @property --motion-end-scale-x {
5889
+ syntax: "*"; inherits: false; initial-value: 100%;
5890
+ }
5891
+
5892
+ @property --motion-end-scale-y {
5893
+ syntax: "*"; inherits: false; initial-value: 100%;
5894
+ }
5895
+
5896
+ @property --motion-end-translate-x {
5897
+ syntax: "*"; inherits: false; initial-value: 0%;
5898
+ }
5899
+
5900
+ @property --motion-end-translate-y {
5901
+ syntax: "*"; inherits: false; initial-value: 0%;
5902
+ }
5903
+
5904
+ @property --motion-end-rotate {
5905
+ syntax: "*"; inherits: false; initial-value: 0deg;
5906
+ }
5907
+
5908
+ @property --motion-end-blur {
5909
+ syntax: "*"; inherits: false; initial-value: 0px;
5910
+ }
5911
+
5912
+ @property --motion-end-grayscale {
5913
+ syntax: "*"; inherits: false; initial-value: 0%;
5914
+ }
5915
+
5916
+ @property --motion-end-opacity {
5917
+ syntax: "*"; inherits: false; initial-value: 100%;
5918
+ }
5919
+
5920
+ @property --motion-end-background-color {
5921
+ syntax: "*"; inherits: false;
5922
+ }
5923
+
5924
+ @property --motion-end-text-color {
5925
+ syntax: "*"; inherits: false;
5926
+ }
5927
+
5928
+ @property --motion-loop-scale-x {
5929
+ syntax: "*"; inherits: false; initial-value: 100%;
5930
+ }
5931
+
5932
+ @property --motion-loop-scale-y {
5933
+ syntax: "*"; inherits: false; initial-value: 100%;
5934
+ }
5935
+
5936
+ @property --motion-loop-translate-x {
5937
+ syntax: "*"; inherits: false; initial-value: 0%;
5938
+ }
5939
+
5940
+ @property --motion-loop-translate-y {
5941
+ syntax: "*"; inherits: false; initial-value: 0%;
5942
+ }
5943
+
5944
+ @property --motion-loop-rotate {
5945
+ syntax: "*"; inherits: false; initial-value: 0deg;
5946
+ }
5947
+
5948
+ @property --motion-loop-blur {
5949
+ syntax: "*"; inherits: false; initial-value: 0px;
5950
+ }
5951
+
5952
+ @property --motion-loop-grayscale {
5953
+ syntax: "*"; inherits: false; initial-value: 0%;
5954
+ }
5955
+
5956
+ @property --motion-loop-opacity {
5957
+ syntax: "*"; inherits: false; initial-value: 100%;
5958
+ }
5959
+
5960
+ @property --motion-loop-background-color {
5961
+ syntax: "*"; inherits: false;
5962
+ }
5963
+
5964
+ @property --motion-loop-text-color {
5965
+ syntax: "*"; inherits: false;
5966
+ }
5967
+
5968
+ @property --motion-duration {
5969
+ syntax: "*"; inherits: false; initial-value: .7s;
5970
+ }
5971
+
5972
+ @property --motion-timing {
5973
+ syntax: "*"; inherits: false; initial-value: cubic-bezier(.165, .84, .44, 1) ;
5974
+ }
5975
+
5976
+ @property --motion-perceptual-duration-multiplier {
5977
+ syntax: "*"; inherits: false; initial-value: 1;
5978
+ }
5979
+
5980
+ @property --motion-delay {
5981
+ syntax: "*"; inherits: false; initial-value: 0s;
5982
+ }
5983
+
5984
+ @property --motion-loop-count {
5985
+ syntax: "*"; inherits: false; initial-value: infinite;
5986
+ }
5987
+
5988
+ @property --motion-scale-in-animation {
5989
+ syntax: "*"; inherits: false; initial-value: none;
5990
+ }
5991
+
5992
+ @property --motion-translate-in-animation {
5993
+ syntax: "*"; inherits: false; initial-value: none;
5994
+ }
5995
+
5996
+ @property --motion-rotate-in-animation {
5997
+ syntax: "*"; inherits: false; initial-value: none;
5998
+ }
5999
+
6000
+ @property --motion-filter-in-animation {
6001
+ syntax: "*"; inherits: false; initial-value: none;
6002
+ }
6003
+
6004
+ @property --motion-opacity-in-animation {
6005
+ syntax: "*"; inherits: false; initial-value: none;
6006
+ }
6007
+
6008
+ @property --motion-background-color-in-animation {
6009
+ syntax: "*"; inherits: false; initial-value: none;
6010
+ }
6011
+
6012
+ @property --motion-text-color-in-animation {
6013
+ syntax: "*"; inherits: false; initial-value: none;
6014
+ }
6015
+
6016
+ @property --motion-scale-out-animation {
6017
+ syntax: "*"; inherits: false; initial-value: none;
6018
+ }
6019
+
6020
+ @property --motion-translate-out-animation {
6021
+ syntax: "*"; inherits: false; initial-value: none;
6022
+ }
6023
+
6024
+ @property --motion-rotate-out-animation {
6025
+ syntax: "*"; inherits: false; initial-value: none;
6026
+ }
6027
+
6028
+ @property --motion-filter-out-animation {
6029
+ syntax: "*"; inherits: false; initial-value: none;
6030
+ }
6031
+
6032
+ @property --motion-opacity-out-animation {
6033
+ syntax: "*"; inherits: false; initial-value: none;
6034
+ }
6035
+
6036
+ @property --motion-background-color-out-animation {
6037
+ syntax: "*"; inherits: false; initial-value: none;
6038
+ }
6039
+
6040
+ @property --motion-text-color-out-animation {
6041
+ syntax: "*"; inherits: false; initial-value: none;
6042
+ }
6043
+
6044
+ @property --motion-scale-loop-animation {
6045
+ syntax: "*"; inherits: false; initial-value: none;
6046
+ }
6047
+
6048
+ @property --motion-translate-loop-animation {
6049
+ syntax: "*"; inherits: false; initial-value: none;
6050
+ }
6051
+
6052
+ @property --motion-rotate-loop-animation {
6053
+ syntax: "*"; inherits: false; initial-value: none;
6054
+ }
6055
+
6056
+ @property --motion-filter-loop-animation {
6057
+ syntax: "*"; inherits: false; initial-value: none;
6058
+ }
6059
+
6060
+ @property --motion-opacity-loop-animation {
6061
+ syntax: "*"; inherits: false; initial-value: none;
6062
+ }
6063
+
6064
+ @property --motion-background-color-loop-animation {
6065
+ syntax: "*"; inherits: false; initial-value: none;
6066
+ }
6067
+
6068
+ @property --motion-text-color-loop-animation {
6069
+ syntax: "*"; inherits: false; initial-value: none;
5314
6070
  }
5315
6071
 
5316
6072
  @media screen and (prefers-reduced-motion: no-preference) {