@eightshift/ui-components 5.3.3 → 5.4.0

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 (62) hide show
  1. package/dist/{Button-npzfSoYo.js → Button-CQ5ZZJ2w.js} +8 -14
  2. package/dist/{Dialog-CQ8H6Noi.js → Dialog-BMgMUQuN.js} +81 -73
  3. package/dist/{FocusScope-DJApHXhY.js → FocusScope-B5vxRkHm.js} +1 -1
  4. package/dist/{Heading-bh1HU5HH.js → Heading-B5aEynOM.js} +1 -1
  5. package/dist/{Input-ChJaTNa5.js → Input-8yja_IHC.js} +6 -5
  6. package/dist/{ListBox-D0Stb4wr.js → ListBox-DggfiuO_.js} +28 -16
  7. package/dist/{OverlayArrow-DivvkAVb.js → OverlayArrow-DraDOoRn.js} +1 -1
  8. package/dist/{RSPContexts-2lR5GG9p.js → RSPContexts-CJ-HBf0L.js} +8 -4
  9. package/dist/{SearchField-jVsbJe1O.js → SearchField-DWGdCvnn.js} +24 -18
  10. package/dist/{Select-ciHB1pub.js → Select-BvggcFOX.js} +204 -68
  11. package/dist/SelectionIndicator-D7WMzeAW.js +7 -0
  12. package/dist/{SelectionManager-CabSdgMq.js → SelectionManager-B6-b5NM2.js} +98 -59
  13. package/dist/{Separator-BPvqJny4.js → Separator-B-xeqOkC.js} +6 -6
  14. package/dist/SharedElementTransition-fML-zIv6.js +12 -0
  15. package/dist/{Slider-ChP04COa.js → Slider-DfU6bRtH.js} +4 -4
  16. package/dist/{VisuallyHidden-X6SggVVO.js → VisuallyHidden-CgnIuZJ2.js} +1 -1
  17. package/dist/assets/style-admin.css +893 -86
  18. package/dist/assets/style-editor.css +893 -86
  19. package/dist/assets/style.css +893 -86
  20. package/dist/assets/wp-font-enhancements.css +1 -1
  21. package/dist/assets/wp-ui-enhancements.css +1 -1
  22. package/dist/components/button/button.js +75 -22
  23. package/dist/components/checkbox/checkbox.js +14 -10
  24. package/dist/components/color-pickers/solid-color-picker.js +8 -8
  25. package/dist/components/expandable/expandable.js +40 -10
  26. package/dist/components/index.js +2 -0
  27. package/dist/components/input-field/input-field.js +5 -5
  28. package/dist/components/link-input/link-input.js +32 -21
  29. package/dist/components/menu/menu.js +2 -2
  30. package/dist/components/modal/modal.js +34 -6
  31. package/dist/components/number-picker/number-picker.js +5 -4
  32. package/dist/components/options-panel/options-panel.js +1 -1
  33. package/dist/components/placeholders/file-picker-shell.js +102 -0
  34. package/dist/components/popover/popover.js +1 -1
  35. package/dist/components/radio/radio.js +20 -11
  36. package/dist/components/select/v2/async-multi-select.js +6 -6
  37. package/dist/components/select/v2/async-select.js +6 -6
  38. package/dist/components/select/v2/multi-select.js +7 -7
  39. package/dist/components/select/v2/shared.js +1 -1
  40. package/dist/components/select/v2/single-select.js +7 -7
  41. package/dist/components/slider/column-config-slider.js +1 -1
  42. package/dist/components/slider/slider.js +1 -1
  43. package/dist/components/tabs/tabs.js +16 -10
  44. package/dist/components/toggle/switch.js +5 -5
  45. package/dist/components/toggle-button/toggle-button.js +10 -5
  46. package/dist/components/tooltip/tooltip.js +2 -2
  47. package/dist/index.js +2 -0
  48. package/dist/{textSelection-k0u64dDA.js → textSelection-DbCKqaw8.js} +1 -1
  49. package/dist/{useButton-Bn4ZT295.js → useButton-v9ngEj50.js} +2 -2
  50. package/dist/{useDragAndDrop-DVLrIdEn.js → useDragAndDrop-C08ZXv4F.js} +5 -5
  51. package/dist/{useFilter-C4wo8Iii.js → useFilter-BlkUH1Ma.js} +1 -1
  52. package/dist/{useFocusRing-CUxgjvAY.js → useFocusRing-Cgm0R4Cf.js} +1 -1
  53. package/dist/{useFormValidation-CUtZcedF.js → useFormValidation-CeNsUGWK.js} +1 -1
  54. package/dist/{useHover-LmGemtHE.js → useHover-BRDW3y7-.js} +3 -1
  55. package/dist/{useListState-Xsk-aOvN.js → useListState-RdLrYsMP.js} +1 -1
  56. package/dist/{useNumberField-BCjjZWaz.js → useNumberField-D16dDfYF.js} +5 -5
  57. package/dist/{usePress-CBQIDzpQ.js → usePress-DJskZBH9.js} +4 -2
  58. package/dist/{useSingleSelectListState-DattSD7d.js → useSingleSelectListState-n0AVMr3Y.js} +2 -2
  59. package/dist/{useToggle-C8CedY6Z.js → useToggle-DSBDAfdw.js} +2 -2
  60. package/dist/{useToggleState-CiAradXs.js → useToggleState-CzN79ary.js} +1 -1
  61. package/package.json +14 -14
  62. package/dist/context-DCAZLyDS.js +0 -7
package/dist/assets/style-editor.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -68,6 +68,8 @@
68
68
  --tw-backdrop-sepia: initial;
69
69
  --tw-duration: initial;
70
70
  --tw-ease: initial;
71
+ --tw-text-shadow-color: initial;
72
+ --tw-text-shadow-alpha: 100%;
71
73
  --tw-content: "";
72
74
  }
73
75
  }
@@ -139,6 +141,8 @@
139
141
  --es-spacing-5_5: 1.375rem;
140
142
  --es-radius-7: .4375rem;
141
143
  --es-radius-10: .625rem;
144
+ --es-aspect-3-2: 3 / 2;
145
+ --es-aspect-cinema: 21 / 9;
142
146
  --es-color-secondary-50: var(--es-color-zinc-50);
143
147
  --es-color-secondary-100: var(--es-color-zinc-100);
144
148
  --es-color-secondary-200: var(--es-color-zinc-200);
@@ -159,6 +163,7 @@
159
163
  --es-color-accent-800: var(--es-color-teal-800);
160
164
  --es-color-accent-900: var(--es-color-teal-900);
161
165
  --es-color-accent-950: var(--es-color-teal-950);
166
+ --es-ease-spring-smooth: var(--motion-spring-smooth);
162
167
  --es-color-red-50: oklch(97.1% .013 17.38);
163
168
  --es-color-red-100: oklch(93.6% .032 17.717);
164
169
  --es-color-red-200: oklch(88.5% .062 18.334);
@@ -320,6 +325,7 @@
320
325
  --es-radius-3xl: 1.5rem;
321
326
  --es-drop-shadow-sm: 0 1px 2px #00000026;
322
327
  --es-blur-sm: 8px;
328
+ --es-blur-md: 12px;
323
329
  --es-blur-lg: 16px;
324
330
  --es-blur-2xl: 40px;
325
331
  --es-blur-3xl: 64px;
@@ -773,10 +779,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
773
779
  bottom: calc(var(--es-spacing) * 0);
774
780
  }
775
781
 
782
+ :is(body, #wpwrap #editor) .es\:bottom-2 {
783
+ bottom: calc(var(--es-spacing) * 2);
784
+ }
785
+
776
786
  :is(body, #wpwrap #editor) .es\:left-0 {
777
787
  left: calc(var(--es-spacing) * 0);
778
788
  }
779
789
 
790
+ :is(body, #wpwrap #editor) .es\:left-2 {
791
+ left: calc(var(--es-spacing) * 2);
792
+ }
793
+
780
794
  :is(body, #wpwrap #editor) .es\:left-3\.5 {
781
795
  left: calc(var(--es-spacing) * 3.5);
782
796
  }
@@ -1020,6 +1034,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1020
1034
  display: inline-block;
1021
1035
  }
1022
1036
 
1037
+ :is(body, #wpwrap #editor) .es\:aspect-3-2 {
1038
+ aspect-ratio: var(--es-aspect-3-2);
1039
+ }
1040
+
1041
+ :is(body, #wpwrap #editor) .es\:aspect-cinema {
1042
+ aspect-ratio: var(--es-aspect-cinema);
1043
+ }
1044
+
1023
1045
  :is(body, #wpwrap #editor) .es\:aspect-video {
1024
1046
  aspect-ratio: var(--es-aspect-video);
1025
1047
  }
@@ -1560,6 +1582,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1560
1582
  translate: var(--tw-translate-x) var(--tw-translate-y);
1561
1583
  }
1562
1584
 
1585
+ :is(body, #wpwrap #editor) .es\:translate-y-\[125\%\] {
1586
+ --tw-translate-y: 125%;
1587
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1588
+ }
1589
+
1563
1590
  :is(body, #wpwrap #editor) .es\:translate-y-px {
1564
1591
  --tw-translate-y: 1px;
1565
1592
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1699,6 +1726,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1699
1726
  grid-auto-columns: auto;
1700
1727
  }
1701
1728
 
1729
+ :is(body, #wpwrap #editor) .es\:auto-cols-fr {
1730
+ grid-auto-columns: minmax(0, 1fr);
1731
+ }
1732
+
1733
+ :is(body, #wpwrap #editor) .es\:grid-flow-col {
1734
+ grid-auto-flow: column;
1735
+ }
1736
+
1702
1737
  :is(body, #wpwrap #editor) .es\:auto-rows-auto {
1703
1738
  grid-auto-rows: auto;
1704
1739
  }
@@ -1763,6 +1798,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1763
1798
  align-items: center;
1764
1799
  }
1765
1800
 
1801
+ :is(body, #wpwrap #editor) .es\:items-center-safe {
1802
+ align-items: safe center;
1803
+ }
1804
+
1766
1805
  :is(body, #wpwrap #editor) .es\:items-start {
1767
1806
  align-items: flex-start;
1768
1807
  }
@@ -1779,6 +1818,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1779
1818
  justify-content: center;
1780
1819
  }
1781
1820
 
1821
+ :is(body, #wpwrap #editor) .es\:justify-center-safe {
1822
+ justify-content: safe center;
1823
+ }
1824
+
1782
1825
  :is(body, #wpwrap #editor) .es\:justify-end {
1783
1826
  justify-content: flex-end;
1784
1827
  }
@@ -2165,6 +2208,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2165
2208
  border-style: dotted;
2166
2209
  }
2167
2210
 
2211
+ :is(body, #wpwrap #editor) .es\:border-none {
2212
+ --tw-border-style: none;
2213
+ border-style: none;
2214
+ }
2215
+
2168
2216
  :is(body, #wpwrap #editor) .es\:border-none\! {
2169
2217
  --tw-border-style: none !important;
2170
2218
  border-style: none !important;
@@ -2768,6 +2816,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2768
2816
  background-image: radial-gradient(var(--tw-gradient-stops));
2769
2817
  }
2770
2818
 
2819
+ :is(body, #wpwrap #editor) .es\:bg-radial-\[at_50\%_75\%\] {
2820
+ --tw-gradient-position: at 50% 75%;
2821
+ background-image: radial-gradient(var(--tw-gradient-stops, at 50% 75%));
2822
+ }
2823
+
2771
2824
  :is(body, #wpwrap #editor) .es\:bg-radial-\[at_50\%_125\%\] {
2772
2825
  --tw-gradient-position: at 50% 125%;
2773
2826
  background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
@@ -2783,6 +2836,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2783
2836
  --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));
2784
2837
  }
2785
2838
 
2839
+ :is(body, #wpwrap #editor) .es\:from-accent-400\/35 {
2840
+ --tw-gradient-from: var(--es-color-accent-400);
2841
+ }
2842
+
2843
+ @supports (color: color-mix(in lab, red, red)) {
2844
+ :is(body, #wpwrap #editor) .es\:from-accent-400\/35 {
2845
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 35%, transparent);
2846
+ }
2847
+ }
2848
+
2849
+ :is(body, #wpwrap #editor) .es\:from-accent-400\/35 {
2850
+ --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));
2851
+ }
2852
+
2786
2853
  :is(body, #wpwrap #editor) .es\:from-accent-500 {
2787
2854
  --tw-gradient-from: var(--es-color-accent-500);
2788
2855
  --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));
@@ -2793,6 +2860,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2793
2860
  --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));
2794
2861
  }
2795
2862
 
2863
+ :is(body, #wpwrap #editor) .es\:from-black\/40 {
2864
+ --tw-gradient-from: var(--es-color-black);
2865
+ }
2866
+
2867
+ @supports (color: color-mix(in lab, red, red)) {
2868
+ :is(body, #wpwrap #editor) .es\:from-black\/40 {
2869
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 40%, transparent);
2870
+ }
2871
+ }
2872
+
2873
+ :is(body, #wpwrap #editor) .es\:from-black\/40 {
2874
+ --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));
2875
+ }
2876
+
2796
2877
  :is(body, #wpwrap #editor) .es\:from-current {
2797
2878
  --tw-gradient-from: currentcolor;
2798
2879
  --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));
@@ -2826,6 +2907,34 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2826
2907
  --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));
2827
2908
  }
2828
2909
 
2910
+ :is(body, #wpwrap #editor) .es\:from-red-600\/5 {
2911
+ --tw-gradient-from: var(--es-color-red-600);
2912
+ }
2913
+
2914
+ @supports (color: color-mix(in lab, red, red)) {
2915
+ :is(body, #wpwrap #editor) .es\:from-red-600\/5 {
2916
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
2917
+ }
2918
+ }
2919
+
2920
+ :is(body, #wpwrap #editor) .es\:from-red-600\/5 {
2921
+ --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));
2922
+ }
2923
+
2924
+ :is(body, #wpwrap #editor) .es\:from-red-700\/50 {
2925
+ --tw-gradient-from: var(--es-color-red-700);
2926
+ }
2927
+
2928
+ @supports (color: color-mix(in lab, red, red)) {
2929
+ :is(body, #wpwrap #editor) .es\:from-red-700\/50 {
2930
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 50%, transparent);
2931
+ }
2932
+ }
2933
+
2934
+ :is(body, #wpwrap #editor) .es\:from-red-700\/50 {
2935
+ --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));
2936
+ }
2937
+
2829
2938
  :is(body, #wpwrap #editor) .es\:from-secondary-50 {
2830
2939
  --tw-gradient-from: var(--es-color-secondary-50);
2831
2940
  --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));
@@ -2851,10 +2960,38 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2851
2960
  --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));
2852
2961
  }
2853
2962
 
2963
+ :is(body, #wpwrap #editor) .es\:from-white\/20 {
2964
+ --tw-gradient-from: var(--es-color-white);
2965
+ }
2966
+
2967
+ @supports (color: color-mix(in lab, red, red)) {
2968
+ :is(body, #wpwrap #editor) .es\:from-white\/20 {
2969
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 20%, transparent);
2970
+ }
2971
+ }
2972
+
2973
+ :is(body, #wpwrap #editor) .es\:from-white\/20 {
2974
+ --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));
2975
+ }
2976
+
2854
2977
  :is(body, #wpwrap #editor) .es\:from-40\% {
2855
2978
  --tw-gradient-from-position: 40%;
2856
2979
  }
2857
2980
 
2981
+ :is(body, #wpwrap #editor) .es\:to-accent-400\/30 {
2982
+ --tw-gradient-to: var(--es-color-accent-400);
2983
+ }
2984
+
2985
+ @supports (color: color-mix(in lab, red, red)) {
2986
+ :is(body, #wpwrap #editor) .es\:to-accent-400\/30 {
2987
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 30%, transparent);
2988
+ }
2989
+ }
2990
+
2991
+ :is(body, #wpwrap #editor) .es\:to-accent-400\/30 {
2992
+ --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));
2993
+ }
2994
+
2858
2995
  :is(body, #wpwrap #editor) .es\:to-accent-500 {
2859
2996
  --tw-gradient-to: var(--es-color-accent-500);
2860
2997
  --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));
@@ -2879,6 +3016,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2879
3016
  --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));
2880
3017
  }
2881
3018
 
3019
+ :is(body, #wpwrap #editor) .es\:to-black\/35 {
3020
+ --tw-gradient-to: var(--es-color-black);
3021
+ }
3022
+
3023
+ @supports (color: color-mix(in lab, red, red)) {
3024
+ :is(body, #wpwrap #editor) .es\:to-black\/35 {
3025
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 35%, transparent);
3026
+ }
3027
+ }
3028
+
3029
+ :is(body, #wpwrap #editor) .es\:to-black\/35 {
3030
+ --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));
3031
+ }
3032
+
2882
3033
  :is(body, #wpwrap #editor) .es\:to-current\/10 {
2883
3034
  --tw-gradient-to: currentcolor;
2884
3035
  }
@@ -2893,6 +3044,34 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2893
3044
  --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));
2894
3045
  }
2895
3046
 
3047
+ :is(body, #wpwrap #editor) .es\:to-red-600\/2 {
3048
+ --tw-gradient-to: var(--es-color-red-600);
3049
+ }
3050
+
3051
+ @supports (color: color-mix(in lab, red, red)) {
3052
+ :is(body, #wpwrap #editor) .es\:to-red-600\/2 {
3053
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 2%, transparent);
3054
+ }
3055
+ }
3056
+
3057
+ :is(body, #wpwrap #editor) .es\:to-red-600\/2 {
3058
+ --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));
3059
+ }
3060
+
3061
+ :is(body, #wpwrap #editor) .es\:to-red-700\/45 {
3062
+ --tw-gradient-to: var(--es-color-red-700);
3063
+ }
3064
+
3065
+ @supports (color: color-mix(in lab, red, red)) {
3066
+ :is(body, #wpwrap #editor) .es\:to-red-700\/45 {
3067
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 45%, transparent);
3068
+ }
3069
+ }
3070
+
3071
+ :is(body, #wpwrap #editor) .es\:to-red-700\/45 {
3072
+ --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));
3073
+ }
3074
+
2896
3075
  :is(body, #wpwrap #editor) .es\:to-secondary-50 {
2897
3076
  --tw-gradient-to: var(--es-color-secondary-50);
2898
3077
  --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));
@@ -2918,6 +3097,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2918
3097
  --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));
2919
3098
  }
2920
3099
 
3100
+ :is(body, #wpwrap #editor) .es\:to-white\/15 {
3101
+ --tw-gradient-to: var(--es-color-white);
3102
+ }
3103
+
3104
+ @supports (color: color-mix(in lab, red, red)) {
3105
+ :is(body, #wpwrap #editor) .es\:to-white\/15 {
3106
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 15%, transparent);
3107
+ }
3108
+ }
3109
+
3110
+ :is(body, #wpwrap #editor) .es\:to-white\/15 {
3111
+ --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));
3112
+ }
3113
+
2921
3114
  :is(body, #wpwrap #editor) .es\:fill-secondary-200 {
2922
3115
  fill: var(--es-color-secondary-200);
2923
3116
  }
@@ -3606,6 +3799,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3606
3799
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3607
3800
  }
3608
3801
 
3802
+ :is(body, #wpwrap #editor) .es\:inset-shadow-sm {
3803
+ --tw-inset-shadow: inset 0 2px 4px var(--tw-inset-shadow-color, #0000000d);
3804
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3805
+ }
3806
+
3609
3807
  :is(body, #wpwrap #editor) .es\:inset-shadow-xs {
3610
3808
  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
3611
3809
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3676,6 +3874,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3676
3874
  }
3677
3875
  }
3678
3876
 
3877
+ :is(body, #wpwrap #editor) .es\:shadow-black\/10 {
3878
+ --tw-shadow-color: var(--es-color-black);
3879
+ }
3880
+
3881
+ @supports (color: color-mix(in lab, red, red)) {
3882
+ :is(body, #wpwrap #editor) .es\:shadow-black\/10 {
3883
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
3884
+ }
3885
+ }
3886
+
3679
3887
  :is(body, #wpwrap #editor) .es\:shadow-blue-500\/15 {
3680
3888
  --tw-shadow-color: var(--es-color-blue-500);
3681
3889
  }
@@ -3736,6 +3944,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3736
3944
  }
3737
3945
  }
3738
3946
 
3947
+ :is(body, #wpwrap #editor) .es\:shadow-red-700\/10 {
3948
+ --tw-shadow-color: var(--es-color-red-700);
3949
+ }
3950
+
3951
+ @supports (color: color-mix(in lab, red, red)) {
3952
+ :is(body, #wpwrap #editor) .es\:shadow-red-700\/10 {
3953
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-700) 10%, transparent) var(--tw-shadow-alpha), transparent);
3954
+ }
3955
+ }
3956
+
3739
3957
  :is(body, #wpwrap #editor) .es\:shadow-red-700\/20 {
3740
3958
  --tw-shadow-color: var(--es-color-red-700);
3741
3959
  }
@@ -3820,6 +4038,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3820
4038
  }
3821
4039
  }
3822
4040
 
4041
+ :is(body, #wpwrap #editor) .es\:inset-shadow-white\/5 {
4042
+ --tw-inset-shadow-color: var(--es-color-white);
4043
+ }
4044
+
4045
+ @supports (color: color-mix(in lab, red, red)) {
4046
+ :is(body, #wpwrap #editor) .es\:inset-shadow-white\/5 {
4047
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 5%, transparent) var(--tw-inset-shadow-alpha), transparent);
4048
+ }
4049
+ }
4050
+
3823
4051
  :is(body, #wpwrap #editor) .es\:inset-ring-accent-500 {
3824
4052
  --tw-inset-ring-color: var(--es-color-accent-500);
3825
4053
  }
@@ -3834,6 +4062,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3834
4062
  }
3835
4063
  }
3836
4064
 
4065
+ :is(body, #wpwrap #editor) .es\:inset-ring-black\/10 {
4066
+ --tw-inset-ring-color: var(--es-color-black);
4067
+ }
4068
+
4069
+ @supports (color: color-mix(in lab, red, red)) {
4070
+ :is(body, #wpwrap #editor) .es\:inset-ring-black\/10 {
4071
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-black) 10%, transparent);
4072
+ }
4073
+ }
4074
+
3837
4075
  :is(body, #wpwrap #editor) .es\:inset-ring-blue-100 {
3838
4076
  --tw-inset-ring-color: var(--es-color-blue-100);
3839
4077
  }
@@ -3860,6 +4098,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3860
4098
  --tw-inset-ring-color: var(--es-color-red-100);
3861
4099
  }
3862
4100
 
4101
+ :is(body, #wpwrap #editor) .es\:inset-ring-red-700\/10 {
4102
+ --tw-inset-ring-color: var(--es-color-red-700);
4103
+ }
4104
+
4105
+ @supports (color: color-mix(in lab, red, red)) {
4106
+ :is(body, #wpwrap #editor) .es\:inset-ring-red-700\/10 {
4107
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-red-700) 10%, transparent);
4108
+ }
4109
+ }
4110
+
3863
4111
  :is(body, #wpwrap #editor) .es\:inset-ring-secondary-50 {
3864
4112
  --tw-inset-ring-color: var(--es-color-secondary-50);
3865
4113
  }
@@ -3888,6 +4136,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3888
4136
  }
3889
4137
  }
3890
4138
 
4139
+ :is(body, #wpwrap #editor) .es\:inset-ring-white\/2 {
4140
+ --tw-inset-ring-color: var(--es-color-white);
4141
+ }
4142
+
4143
+ @supports (color: color-mix(in lab, red, red)) {
4144
+ :is(body, #wpwrap #editor) .es\:inset-ring-white\/2 {
4145
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-white) 2%, transparent);
4146
+ }
4147
+ }
4148
+
3891
4149
  :is(body, #wpwrap #editor) .es\:outline-hidden {
3892
4150
  --tw-outline-style: none;
3893
4151
  outline-style: none;
@@ -3966,6 +4224,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3966
4224
  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, );
3967
4225
  }
3968
4226
 
4227
+ :is(body, #wpwrap #editor) .es\:backdrop-blur-md {
4228
+ --tw-backdrop-blur: blur(var(--es-blur-md));
4229
+ -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, );
4230
+ 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, );
4231
+ }
4232
+
3969
4233
  :is(body, #wpwrap #editor) .es\:backdrop-blur-sm {
3970
4234
  --tw-backdrop-blur: blur(var(--es-blur-sm));
3971
4235
  -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, );
@@ -3978,6 +4242,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3978
4242
  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, );
3979
4243
  }
3980
4244
 
4245
+ :is(body, #wpwrap #editor) .es\:backdrop-saturate-115 {
4246
+ --tw-backdrop-saturate: saturate(115%);
4247
+ -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, );
4248
+ 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, );
4249
+ }
4250
+
4251
+ :is(body, #wpwrap #editor) .es\:backdrop-saturate-120 {
4252
+ --tw-backdrop-saturate: saturate(120%);
4253
+ -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, );
4254
+ 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, );
4255
+ }
4256
+
3981
4257
  :is(body, #wpwrap #editor) .es\:backdrop-saturate-150 {
3982
4258
  --tw-backdrop-saturate: saturate(150%);
3983
4259
  -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, );
@@ -4062,6 +4338,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4062
4338
  transition-timing-function: var(--motion-spring-bouncy);
4063
4339
  }
4064
4340
 
4341
+ :is(body, #wpwrap #editor) .es\:ease-spring-smooth {
4342
+ --tw-ease: var(--es-ease-spring-smooth);
4343
+ transition-timing-function: var(--es-ease-spring-smooth);
4344
+ }
4345
+
4065
4346
  :is(body, #wpwrap #editor) .es\:will-change-\[transform\,opacity\] {
4066
4347
  will-change: transform, opacity;
4067
4348
  }
@@ -4144,6 +4425,30 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4144
4425
  -webkit-tap-highlight-color: transparent;
4145
4426
  }
4146
4427
 
4428
+ :is(body, #wpwrap #editor) .es\:text-shadow-2xs {
4429
+ text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000026);
4430
+ }
4431
+
4432
+ :is(body, #wpwrap #editor) .es\:text-shadow-black\/20 {
4433
+ --tw-text-shadow-color: var(--es-color-black);
4434
+ }
4435
+
4436
+ @supports (color: color-mix(in lab, red, red)) {
4437
+ :is(body, #wpwrap #editor) .es\:text-shadow-black\/20 {
4438
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 20%, transparent) var(--tw-text-shadow-alpha), transparent);
4439
+ }
4440
+ }
4441
+
4442
+ :is(body, #wpwrap #editor) .es\:text-shadow-black\/30 {
4443
+ --tw-text-shadow-color: var(--es-color-black);
4444
+ }
4445
+
4446
+ @supports (color: color-mix(in lab, red, red)) {
4447
+ :is(body, #wpwrap #editor) .es\:text-shadow-black\/30 {
4448
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 30%, transparent) var(--tw-text-shadow-alpha), transparent);
4449
+ }
4450
+ }
4451
+
4147
4452
  :is(:is(body, #wpwrap #editor) .es\:\*\:col-start-1 > *) {
4148
4453
  grid-column-start: 1;
4149
4454
  }
@@ -4200,6 +4505,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4200
4505
  cursor: pointer;
4201
4506
  }
4202
4507
 
4508
+ :is(body, #wpwrap #editor) .es\:group-hover\:translate-y-0:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
4509
+ --tw-translate-y: calc(var(--es-spacing) * 0);
4510
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4511
+ }
4512
+
4513
+ @media (hover: hover) {
4514
+ :is(body, #wpwrap #editor) .es\:group-hover\:translate-y-0:is(:where(.es\:group):where(:not([data-rac])):hover *) {
4515
+ --tw-translate-y: calc(var(--es-spacing) * 0);
4516
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4517
+ }
4518
+ }
4519
+
4203
4520
  :is(body, #wpwrap #editor) .es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
4204
4521
  color: var(--es-color-black);
4205
4522
  }
@@ -4698,6 +5015,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4698
5015
  display: none;
4699
5016
  }
4700
5017
 
5018
+ :is(body, #wpwrap #editor) .es\:focus-within\:translate-y-0:where([data-rac])[data-focus-within], :is(body, #wpwrap #editor) .es\:focus-within\:translate-y-0:where(:not([data-rac])):focus-within {
5019
+ --tw-translate-y: calc(var(--es-spacing) * 0);
5020
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5021
+ }
5022
+
4701
5023
  :is(body, #wpwrap #editor) .es\:focus-within\:shadow-md:where([data-rac])[data-focus-within], :is(body, #wpwrap #editor) .es\:focus-within\:shadow-md:where(:not([data-rac])):focus-within {
4702
5024
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
4703
5025
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4927,85 +5249,433 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4927
5249
  }
4928
5250
  }
4929
5251
 
4930
- :is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
4931
- --tw-gradient-to: var(--es-color-secondary-100);
4932
- --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));
5252
+ :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5253
+ --tw-gradient-from: var(--es-color-accent-400);
4933
5254
  }
4934
5255
 
4935
- @media (hover: hover) {
4936
- :is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
4937
- --tw-gradient-to: var(--es-color-secondary-100);
4938
- --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));
5256
+ @supports (color: color-mix(in lab, red, red)) {
5257
+ :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5258
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 45%, transparent);
4939
5259
  }
4940
5260
  }
4941
5261
 
4942
- :is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
4943
- color: var(--es-color-accent-500);
5262
+ :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5263
+ --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));
4944
5264
  }
4945
5265
 
4946
5266
  @media (hover: hover) {
4947
- :is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
4948
- color: var(--es-color-accent-500);
5267
+ :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5268
+ --tw-gradient-from: var(--es-color-accent-400);
4949
5269
  }
4950
- }
4951
5270
 
4952
- :is(body, #wpwrap #editor) .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
4953
- color: var(--es-color-accent-700);
4954
- }
5271
+ @supports (color: color-mix(in lab, red, red)) {
5272
+ :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5273
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 45%, transparent);
5274
+ }
5275
+ }
4955
5276
 
4956
- @media (hover: hover) {
4957
- :is(body, #wpwrap #editor) .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
4958
- color: var(--es-color-accent-700);
5277
+ :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5278
+ --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));
4959
5279
  }
4960
5280
  }
4961
5281
 
4962
- :is(body, #wpwrap #editor) .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
4963
- color: var(--es-color-accent-900);
5282
+ :is(body, #wpwrap #editor) .es\:hover\:from-accent-600:where([data-rac])[data-hovered] {
5283
+ --tw-gradient-from: var(--es-color-accent-600);
5284
+ --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));
4964
5285
  }
4965
5286
 
4966
5287
  @media (hover: hover) {
4967
- :is(body, #wpwrap #editor) .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
4968
- color: var(--es-color-accent-900);
5288
+ :is(body, #wpwrap #editor) .es\:hover\:from-accent-600:where(:not([data-rac])):hover {
5289
+ --tw-gradient-from: var(--es-color-accent-600);
5290
+ --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));
4969
5291
  }
4970
5292
  }
4971
5293
 
4972
- :is(body, #wpwrap #editor) .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
4973
- color: var(--es-color-accent-950);
5294
+ :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5295
+ --tw-gradient-from: var(--es-color-black);
4974
5296
  }
4975
5297
 
4976
- @media (hover: hover) {
4977
- :is(body, #wpwrap #editor) .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
4978
- color: var(--es-color-accent-950);
5298
+ @supports (color: color-mix(in lab, red, red)) {
5299
+ :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5300
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 50%, transparent);
4979
5301
  }
4980
5302
  }
4981
5303
 
4982
- :is(body, #wpwrap #editor) .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
4983
- color: var(--es-color-red-600);
5304
+ :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5305
+ --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));
4984
5306
  }
4985
5307
 
4986
5308
  @media (hover: hover) {
4987
- :is(body, #wpwrap #editor) .es\:hover\:text-red-600:where(:not([data-rac])):hover {
4988
- color: var(--es-color-red-600);
5309
+ :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5310
+ --tw-gradient-from: var(--es-color-black);
5311
+ }
5312
+
5313
+ @supports (color: color-mix(in lab, red, red)) {
5314
+ :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5315
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 50%, transparent);
5316
+ }
5317
+ }
5318
+
5319
+ :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5320
+ --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));
4989
5321
  }
4990
5322
  }
4991
5323
 
4992
- :is(body, #wpwrap #editor) .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
4993
- color: var(--es-color-red-800);
5324
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5325
+ --tw-gradient-from: var(--es-color-red-600);
4994
5326
  }
4995
5327
 
4996
- @media (hover: hover) {
4997
- :is(body, #wpwrap #editor) .es\:hover\:text-red-800:where(:not([data-rac])):hover {
4998
- color: var(--es-color-red-800);
5328
+ @supports (color: color-mix(in lab, red, red)) {
5329
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5330
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 10%, transparent);
4999
5331
  }
5000
5332
  }
5001
5333
 
5002
- :is(body, #wpwrap #editor) .es\:hover\:text-red-900:where([data-rac])[data-hovered] {
5003
- color: var(--es-color-red-900);
5334
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5335
+ --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));
5004
5336
  }
5005
5337
 
5006
5338
  @media (hover: hover) {
5007
- :is(body, #wpwrap #editor) .es\:hover\:text-red-900:where(:not([data-rac])):hover {
5008
- color: var(--es-color-red-900);
5339
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5340
+ --tw-gradient-from: var(--es-color-red-600);
5341
+ }
5342
+
5343
+ @supports (color: color-mix(in lab, red, red)) {
5344
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5345
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 10%, transparent);
5346
+ }
5347
+ }
5348
+
5349
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5350
+ --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));
5351
+ }
5352
+ }
5353
+
5354
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5355
+ --tw-gradient-from: var(--es-color-red-700);
5356
+ }
5357
+
5358
+ @supports (color: color-mix(in lab, red, red)) {
5359
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5360
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 60%, transparent);
5361
+ }
5362
+ }
5363
+
5364
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5365
+ --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));
5366
+ }
5367
+
5368
+ @media (hover: hover) {
5369
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5370
+ --tw-gradient-from: var(--es-color-red-700);
5371
+ }
5372
+
5373
+ @supports (color: color-mix(in lab, red, red)) {
5374
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5375
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 60%, transparent);
5376
+ }
5377
+ }
5378
+
5379
+ :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5380
+ --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));
5381
+ }
5382
+ }
5383
+
5384
+ :is(body, #wpwrap #editor) .es\:hover\:from-secondary-100:where([data-rac])[data-hovered] {
5385
+ --tw-gradient-from: var(--es-color-secondary-100);
5386
+ --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));
5387
+ }
5388
+
5389
+ @media (hover: hover) {
5390
+ :is(body, #wpwrap #editor) .es\:hover\:from-secondary-100:where(:not([data-rac])):hover {
5391
+ --tw-gradient-from: var(--es-color-secondary-100);
5392
+ --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));
5393
+ }
5394
+ }
5395
+
5396
+ :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5397
+ --tw-gradient-from: var(--es-color-white);
5398
+ }
5399
+
5400
+ @supports (color: color-mix(in lab, red, red)) {
5401
+ :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5402
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 30%, transparent);
5403
+ }
5404
+ }
5405
+
5406
+ :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5407
+ --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));
5408
+ }
5409
+
5410
+ @media (hover: hover) {
5411
+ :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5412
+ --tw-gradient-from: var(--es-color-white);
5413
+ }
5414
+
5415
+ @supports (color: color-mix(in lab, red, red)) {
5416
+ :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5417
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 30%, transparent);
5418
+ }
5419
+ }
5420
+
5421
+ :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5422
+ --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));
5423
+ }
5424
+ }
5425
+
5426
+ :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5427
+ --tw-gradient-to: var(--es-color-accent-400);
5428
+ }
5429
+
5430
+ @supports (color: color-mix(in lab, red, red)) {
5431
+ :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5432
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 40%, transparent);
5433
+ }
5434
+ }
5435
+
5436
+ :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5437
+ --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));
5438
+ }
5439
+
5440
+ @media (hover: hover) {
5441
+ :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5442
+ --tw-gradient-to: var(--es-color-accent-400);
5443
+ }
5444
+
5445
+ @supports (color: color-mix(in lab, red, red)) {
5446
+ :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5447
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 40%, transparent);
5448
+ }
5449
+ }
5450
+
5451
+ :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5452
+ --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));
5453
+ }
5454
+ }
5455
+
5456
+ :is(body, #wpwrap #editor) .es\:hover\:to-accent-700:where([data-rac])[data-hovered] {
5457
+ --tw-gradient-to: var(--es-color-accent-700);
5458
+ --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));
5459
+ }
5460
+
5461
+ @media (hover: hover) {
5462
+ :is(body, #wpwrap #editor) .es\:hover\:to-accent-700:where(:not([data-rac])):hover {
5463
+ --tw-gradient-to: var(--es-color-accent-700);
5464
+ --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));
5465
+ }
5466
+ }
5467
+
5468
+ :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5469
+ --tw-gradient-to: var(--es-color-black);
5470
+ }
5471
+
5472
+ @supports (color: color-mix(in lab, red, red)) {
5473
+ :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5474
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 45%, transparent);
5475
+ }
5476
+ }
5477
+
5478
+ :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5479
+ --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));
5480
+ }
5481
+
5482
+ @media (hover: hover) {
5483
+ :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
5484
+ --tw-gradient-to: var(--es-color-black);
5485
+ }
5486
+
5487
+ @supports (color: color-mix(in lab, red, red)) {
5488
+ :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
5489
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 45%, transparent);
5490
+ }
5491
+ }
5492
+
5493
+ :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
5494
+ --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));
5495
+ }
5496
+ }
5497
+
5498
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
5499
+ --tw-gradient-to: var(--es-color-red-600);
5500
+ }
5501
+
5502
+ @supports (color: color-mix(in lab, red, red)) {
5503
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
5504
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
5505
+ }
5506
+ }
5507
+
5508
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
5509
+ --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));
5510
+ }
5511
+
5512
+ @media (hover: hover) {
5513
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
5514
+ --tw-gradient-to: var(--es-color-red-600);
5515
+ }
5516
+
5517
+ @supports (color: color-mix(in lab, red, red)) {
5518
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
5519
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
5520
+ }
5521
+ }
5522
+
5523
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
5524
+ --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));
5525
+ }
5526
+ }
5527
+
5528
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
5529
+ --tw-gradient-to: var(--es-color-red-700);
5530
+ }
5531
+
5532
+ @supports (color: color-mix(in lab, red, red)) {
5533
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
5534
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 55%, transparent);
5535
+ }
5536
+ }
5537
+
5538
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
5539
+ --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));
5540
+ }
5541
+
5542
+ @media (hover: hover) {
5543
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
5544
+ --tw-gradient-to: var(--es-color-red-700);
5545
+ }
5546
+
5547
+ @supports (color: color-mix(in lab, red, red)) {
5548
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
5549
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 55%, transparent);
5550
+ }
5551
+ }
5552
+
5553
+ :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
5554
+ --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));
5555
+ }
5556
+ }
5557
+
5558
+ :is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
5559
+ --tw-gradient-to: var(--es-color-secondary-100);
5560
+ --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));
5561
+ }
5562
+
5563
+ @media (hover: hover) {
5564
+ :is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
5565
+ --tw-gradient-to: var(--es-color-secondary-100);
5566
+ --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));
5567
+ }
5568
+ }
5569
+
5570
+ :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
5571
+ --tw-gradient-to: var(--es-color-white);
5572
+ }
5573
+
5574
+ @supports (color: color-mix(in lab, red, red)) {
5575
+ :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
5576
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 25%, transparent);
5577
+ }
5578
+ }
5579
+
5580
+ :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
5581
+ --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));
5582
+ }
5583
+
5584
+ @media (hover: hover) {
5585
+ :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
5586
+ --tw-gradient-to: var(--es-color-white);
5587
+ }
5588
+
5589
+ @supports (color: color-mix(in lab, red, red)) {
5590
+ :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
5591
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 25%, transparent);
5592
+ }
5593
+ }
5594
+
5595
+ :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
5596
+ --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));
5597
+ }
5598
+ }
5599
+
5600
+ :is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
5601
+ color: var(--es-color-accent-500);
5602
+ }
5603
+
5604
+ @media (hover: hover) {
5605
+ :is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
5606
+ color: var(--es-color-accent-500);
5607
+ }
5608
+ }
5609
+
5610
+ :is(body, #wpwrap #editor) .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
5611
+ color: var(--es-color-accent-700);
5612
+ }
5613
+
5614
+ @media (hover: hover) {
5615
+ :is(body, #wpwrap #editor) .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
5616
+ color: var(--es-color-accent-700);
5617
+ }
5618
+ }
5619
+
5620
+ :is(body, #wpwrap #editor) .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
5621
+ color: var(--es-color-accent-900);
5622
+ }
5623
+
5624
+ @media (hover: hover) {
5625
+ :is(body, #wpwrap #editor) .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
5626
+ color: var(--es-color-accent-900);
5627
+ }
5628
+ }
5629
+
5630
+ :is(body, #wpwrap #editor) .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
5631
+ color: var(--es-color-accent-950);
5632
+ }
5633
+
5634
+ @media (hover: hover) {
5635
+ :is(body, #wpwrap #editor) .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
5636
+ color: var(--es-color-accent-950);
5637
+ }
5638
+ }
5639
+
5640
+ :is(body, #wpwrap #editor) .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
5641
+ color: var(--es-color-red-600);
5642
+ }
5643
+
5644
+ @media (hover: hover) {
5645
+ :is(body, #wpwrap #editor) .es\:hover\:text-red-600:where(:not([data-rac])):hover {
5646
+ color: var(--es-color-red-600);
5647
+ }
5648
+ }
5649
+
5650
+ :is(body, #wpwrap #editor) .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
5651
+ color: var(--es-color-red-800);
5652
+ }
5653
+
5654
+ @media (hover: hover) {
5655
+ :is(body, #wpwrap #editor) .es\:hover\:text-red-800:where(:not([data-rac])):hover {
5656
+ color: var(--es-color-red-800);
5657
+ }
5658
+ }
5659
+
5660
+ :is(body, #wpwrap #editor) .es\:hover\:text-red-900:where([data-rac])[data-hovered] {
5661
+ color: var(--es-color-red-900);
5662
+ }
5663
+
5664
+ @media (hover: hover) {
5665
+ :is(body, #wpwrap #editor) .es\:hover\:text-red-900:where(:not([data-rac])):hover {
5666
+ color: var(--es-color-red-900);
5667
+ }
5668
+ }
5669
+
5670
+ :is(body, #wpwrap #editor) .es\:hover\:shadow-md:where([data-rac])[data-hovered] {
5671
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
5672
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5673
+ }
5674
+
5675
+ @media (hover: hover) {
5676
+ :is(body, #wpwrap #editor) .es\:hover\:shadow-md:where(:not([data-rac])):hover {
5677
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
5678
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5009
5679
  }
5010
5680
  }
5011
5681
 
@@ -5053,6 +5723,28 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5053
5723
  }
5054
5724
  }
5055
5725
 
5726
+ :is(body, #wpwrap #editor) .es\:hover\:inset-shadow-white\/10:where([data-rac])[data-hovered] {
5727
+ --tw-inset-shadow-color: var(--es-color-white);
5728
+ }
5729
+
5730
+ @supports (color: color-mix(in lab, red, red)) {
5731
+ :is(body, #wpwrap #editor) .es\:hover\:inset-shadow-white\/10:where([data-rac])[data-hovered] {
5732
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
5733
+ }
5734
+ }
5735
+
5736
+ @media (hover: hover) {
5737
+ :is(body, #wpwrap #editor) .es\:hover\:inset-shadow-white\/10:where(:not([data-rac])):hover {
5738
+ --tw-inset-shadow-color: var(--es-color-white);
5739
+ }
5740
+
5741
+ @supports (color: color-mix(in lab, red, red)) {
5742
+ :is(body, #wpwrap #editor) .es\:hover\:inset-shadow-white\/10:where(:not([data-rac])):hover {
5743
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
5744
+ }
5745
+ }
5746
+ }
5747
+
5056
5748
  :is(body, #wpwrap #editor) .es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
5057
5749
  --tw-inset-ring-color: var(--es-color-red-100);
5058
5750
  }
@@ -5073,6 +5765,34 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5073
5765
  }
5074
5766
  }
5075
5767
 
5768
+ :is(body, #wpwrap #editor) .es\:hover\:backdrop-saturate-125:where([data-rac])[data-hovered] {
5769
+ --tw-backdrop-saturate: saturate(125%);
5770
+ -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, );
5771
+ 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, );
5772
+ }
5773
+
5774
+ @media (hover: hover) {
5775
+ :is(body, #wpwrap #editor) .es\:hover\:backdrop-saturate-125:where(:not([data-rac])):hover {
5776
+ --tw-backdrop-saturate: saturate(125%);
5777
+ -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, );
5778
+ 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, );
5779
+ }
5780
+ }
5781
+
5782
+ :is(body, #wpwrap #editor) .es\:hover\:backdrop-saturate-130:where([data-rac])[data-hovered] {
5783
+ --tw-backdrop-saturate: saturate(130%);
5784
+ -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, );
5785
+ 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, );
5786
+ }
5787
+
5788
+ @media (hover: hover) {
5789
+ :is(body, #wpwrap #editor) .es\:hover\:backdrop-saturate-130:where(:not([data-rac])):hover {
5790
+ --tw-backdrop-saturate: saturate(130%);
5791
+ -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, );
5792
+ 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, );
5793
+ }
5794
+ }
5795
+
5076
5796
  :is(body, #wpwrap #editor) .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where([data-rac])[data-hovered] {
5077
5797
  background-color: var(--es-color-secondary-100);
5078
5798
  }
@@ -5322,6 +6042,90 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5322
6042
  }
5323
6043
  }
5324
6044
 
6045
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6046
+ --tw-gradient-from: var(--es-color-accent-600);
6047
+ }
6048
+
6049
+ @supports (color: color-mix(in lab, red, red)) {
6050
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6051
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-600) 95%, transparent);
6052
+ }
6053
+ }
6054
+
6055
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6056
+ --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));
6057
+ }
6058
+
6059
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6060
+ --tw-gradient-from: var(--es-color-black);
6061
+ }
6062
+
6063
+ @supports (color: color-mix(in lab, red, red)) {
6064
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6065
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 95%, transparent);
6066
+ }
6067
+ }
6068
+
6069
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6070
+ --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));
6071
+ }
6072
+
6073
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6074
+ --tw-gradient-from: var(--es-color-white);
6075
+ }
6076
+
6077
+ @supports (color: color-mix(in lab, red, red)) {
6078
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6079
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 90%, transparent);
6080
+ }
6081
+ }
6082
+
6083
+ :is(body, #wpwrap #editor) .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6084
+ --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));
6085
+ }
6086
+
6087
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6088
+ --tw-gradient-to: var(--es-color-accent-600);
6089
+ }
6090
+
6091
+ @supports (color: color-mix(in lab, red, red)) {
6092
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6093
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-600) 90%, transparent);
6094
+ }
6095
+ }
6096
+
6097
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6098
+ --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));
6099
+ }
6100
+
6101
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6102
+ --tw-gradient-to: var(--es-color-black);
6103
+ }
6104
+
6105
+ @supports (color: color-mix(in lab, red, red)) {
6106
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6107
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 90%, transparent);
6108
+ }
6109
+ }
6110
+
6111
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6112
+ --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));
6113
+ }
6114
+
6115
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6116
+ --tw-gradient-to: var(--es-color-white);
6117
+ }
6118
+
6119
+ @supports (color: color-mix(in lab, red, red)) {
6120
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6121
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 85%, transparent);
6122
+ }
6123
+ }
6124
+
6125
+ :is(body, #wpwrap #editor) .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6126
+ --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));
6127
+ }
6128
+
5325
6129
  :is(body, #wpwrap #editor) .es\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5326
6130
  color: var(--es-color-accent-700);
5327
6131
  }
@@ -5330,6 +6134,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5330
6134
  color: var(--es-color-accent-950);
5331
6135
  }
5332
6136
 
6137
+ :is(body, #wpwrap #editor) .es\:focus-visible\:text-black:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6138
+ color: var(--es-color-black);
6139
+ }
6140
+
5333
6141
  :is(body, #wpwrap #editor) .es\:focus-visible\:text-red-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5334
6142
  color: var(--es-color-red-700);
5335
6143
  }
@@ -5451,6 +6259,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5451
6259
  }
5452
6260
  }
5453
6261
 
6262
+ :is(body, #wpwrap #editor) .es\:focus-visible\:text-shadow-black\/0:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6263
+ --tw-text-shadow-color: var(--es-color-black);
6264
+ }
6265
+
6266
+ @supports (color: color-mix(in lab, red, red)) {
6267
+ :is(body, #wpwrap #editor) .es\:focus-visible\:text-shadow-black\/0:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6268
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 0%, transparent) var(--tw-text-shadow-alpha), transparent);
6269
+ }
6270
+ }
6271
+
5454
6272
  :is(body, #wpwrap #editor) .es\:not-selected\:focus-visible\:bg-secondary-100:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5455
6273
  background-color: var(--es-color-secondary-100);
5456
6274
  }
@@ -5523,70 +6341,44 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5523
6341
  cursor: pointer;
5524
6342
  }
5525
6343
 
5526
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
5527
- background-color: var(--es-color-accent-500);
5528
- }
5529
-
5530
- @supports (color: color-mix(in lab, red, red)) {
5531
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
5532
- background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
5533
- }
6344
+ :is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
6345
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6346
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5534
6347
  }
5535
6348
 
5536
6349
  @media (hover: hover) {
5537
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
5538
- background-color: var(--es-color-accent-500);
5539
- }
5540
-
5541
- @supports (color: color-mix(in lab, red, red)) {
5542
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
5543
- background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
5544
- }
6350
+ :is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
6351
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6352
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5545
6353
  }
5546
6354
  }
5547
6355
 
5548
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
5549
- background-color: var(--es-color-red-500);
6356
+ :is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6357
+ --tw-gradient-from: var(--es-color-red-700);
5550
6358
  }
5551
6359
 
5552
6360
  @supports (color: color-mix(in lab, red, red)) {
5553
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
5554
- background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
6361
+ :is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6362
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 95%, transparent);
5555
6363
  }
5556
6364
  }
5557
6365
 
5558
- @media (hover: hover) {
5559
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
5560
- background-color: var(--es-color-red-500);
5561
- }
5562
-
5563
- @supports (color: color-mix(in lab, red, red)) {
5564
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
5565
- background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
5566
- }
5567
- }
6366
+ :is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6367
+ --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));
5568
6368
  }
5569
6369
 
5570
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
5571
- background-color: var(--es-color-secondary-100);
6370
+ :is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6371
+ --tw-gradient-to: var(--es-color-red-700);
5572
6372
  }
5573
6373
 
5574
- @media (hover: hover) {
5575
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-secondary-100:enabled:where(:not([data-rac])):hover {
5576
- background-color: var(--es-color-secondary-100);
6374
+ @supports (color: color-mix(in lab, red, red)) {
6375
+ :is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6376
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 90%, transparent);
5577
6377
  }
5578
6378
  }
5579
6379
 
5580
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
5581
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
5582
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5583
- }
5584
-
5585
- @media (hover: hover) {
5586
- :is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
5587
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
5588
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5589
- }
6380
+ :is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6381
+ --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));
5590
6382
  }
5591
6383
 
5592
6384
  :is(body, #wpwrap #editor) .es\:enabled\:active\:bg-accent-50:enabled:where([data-rac])[data-active], :is(body, #wpwrap #editor) .es\:enabled\:active\:bg-accent-50:enabled:where(:not([data-rac])):active {
@@ -6457,6 +7249,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
6457
7249
  color: var(--es-color-lime-500);
6458
7250
  }
6459
7251
 
7252
+ :is(body, #wpwrap #editor) .es\:icon\:text-secondary-500 > svg {
7253
+ color: var(--es-color-secondary-500);
7254
+ }
7255
+
6460
7256
  :is(body, #wpwrap #editor) .es\:icon\:transition-transform > svg {
6461
7257
  transition-property: transform, translate, scale, rotate;
6462
7258
  transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
@@ -7433,6 +8229,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
7433
8229
  inherits: false
7434
8230
  }
7435
8231
 
8232
+ @property --tw-text-shadow-color {
8233
+ syntax: "*";
8234
+ inherits: false
8235
+ }
8236
+
8237
+ @property --tw-text-shadow-alpha {
8238
+ syntax: "<percentage>";
8239
+ inherits: false;
8240
+ initial-value: 100%;
8241
+ }
8242
+
7436
8243
  @property --tw-content {
7437
8244
  syntax: "*";
7438
8245
  inherits: false;