@eightshift/ui-components 2.0.1 → 3.0.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 (94) hide show
  1. package/dist/{Button-OQ5EIPvt.js → Button-D7c-vzAt.js} +5 -5
  2. package/dist/{Collection-CJM_asJz.js → Collection-CDEKDgvV.js} +234 -128
  3. package/dist/{Color-B0HgM8f4.js → Color-MV5kBVXr.js} +1 -1
  4. package/dist/{ColorSwatch-Dv3Wxdl_.js → ColorSwatch-BqQfVu4L.js} +5 -5
  5. package/dist/{ComboBox-BnlZjJ3T.js → ComboBox-BL1hyP4p.js} +42 -21
  6. package/dist/{Dialog-CIh-hX93.js → Dialog-s3fX5lSh.js} +199 -88
  7. package/dist/{FieldError-D7A6s7O5.js → FieldError-52GVSGgC.js} +2 -2
  8. package/dist/{FocusScope-Cs5_OoeA.js → FocusScope-DbqfVa2Z.js} +206 -43
  9. package/dist/{Group-D6tr3U_n.js → Group-DMRt6g_N.js} +3 -3
  10. package/dist/{Heading-DiYTXoIW.js → Heading-B2153VXe.js} +1 -1
  11. package/dist/{Hidden-DnOd_jPX.js → Hidden-rE6uR-lr.js} +2 -6
  12. package/dist/{Input-Se0m3ubj.js → Input-CTTTeCpo.js} +10 -10
  13. package/dist/{Label-Ca9uelsn.js → Label-icmbmNdI.js} +2 -2
  14. package/dist/{List-Br274SP1.js → List-UdOhiW-i.js} +2 -0
  15. package/dist/{ListBox-D9dFEh5A.js → ListBox-CfdzmefC.js} +28 -27
  16. package/dist/{OverlayArrow-1jx-ZyCR.js → OverlayArrow-CMh-7gEM.js} +3 -3
  17. package/dist/{Separator-BhZycTUp.js → Separator-BxbOoGIK.js} +4 -4
  18. package/dist/{Slider-BZNaJylD.js → Slider-BZO0Tvut.js} +13 -14
  19. package/dist/{Text-aOUPPvTO.js → Text-DVSAPY-K.js} +1 -1
  20. package/dist/{VisuallyHidden-ClTQo25k.js → VisuallyHidden-ooItkWYR.js} +2 -2
  21. package/dist/assets/style-admin.css +1320 -1348
  22. package/dist/assets/style-editor.css +475 -503
  23. package/dist/assets/style.css +475 -503
  24. package/dist/assets/wp-font-enhancements.css +3 -3
  25. package/dist/assets/wp-ui-enhancements.css +45 -45
  26. package/dist/components/base-control/base-control.js +1 -1
  27. package/dist/components/button/button.js +5 -5
  28. package/dist/components/checkbox/checkbox.js +8 -8
  29. package/dist/components/color-pickers/color-swatch.js +2 -2
  30. package/dist/components/color-pickers/gradient-editor.js +2 -2
  31. package/dist/components/color-pickers/solid-color-picker.js +23 -25
  32. package/dist/components/container-panel/container-panel.js +9 -3
  33. package/dist/components/draggable/draggable-handle.js +4 -3
  34. package/dist/components/draggable/draggable.js +1166 -877
  35. package/dist/components/draggable-list/draggable-list-item.js +1 -1
  36. package/dist/components/draggable-list/draggable-list.js +3 -2
  37. package/dist/components/expandable/expandable.js +7 -13
  38. package/dist/components/input-field/input-field.js +10 -9
  39. package/dist/components/link-input/link-input.js +9 -10
  40. package/dist/components/menu/menu.js +5 -5
  41. package/dist/components/modal/modal.js +5 -5
  42. package/dist/components/notice/notice.js +1 -1
  43. package/dist/components/number-picker/number-picker.js +14 -12
  44. package/dist/components/options-panel/options-panel.js +1 -1
  45. package/dist/components/placeholders/image-placeholder.js +1 -1
  46. package/dist/components/popover/popover.js +1 -1
  47. package/dist/components/radio/radio.js +16 -15
  48. package/dist/components/repeater/repeater-item.js +11 -4
  49. package/dist/components/repeater/repeater.js +33 -4
  50. package/dist/components/responsive/mini-responsive.js +7 -4
  51. package/dist/components/responsive/responsive.js +7 -4
  52. package/dist/components/rich-label/rich-label.js +4 -3
  53. package/dist/components/select/async-multi-select.js +1 -1
  54. package/dist/components/select/multi-select-components.js +1 -1
  55. package/dist/components/select/multi-select.js +1 -1
  56. package/dist/components/select/styles.js +1 -1
  57. package/dist/components/select/v2/async-select.js +13 -13
  58. package/dist/components/select/v2/shared.js +3 -3
  59. package/dist/components/select/v2/single-select.js +22 -21
  60. package/dist/components/slider/column-config-slider.js +3 -3
  61. package/dist/components/slider/slider.js +4 -4
  62. package/dist/components/tabs/tabs.js +44 -24
  63. package/dist/components/toggle/switch.js +20 -17
  64. package/dist/components/toggle/toggle.js +1 -1
  65. package/dist/components/toggle-button/toggle-button.js +6 -6
  66. package/dist/components/tooltip/tooltip.js +17 -23
  67. package/dist/{context-CDOs-GuR.js → context-D2KUdwNL.js} +1 -1
  68. package/dist/icons/icons.js +229 -1629
  69. package/dist/icons/index.js +2 -3
  70. package/dist/icons/jsx-svg.js +1 -1
  71. package/dist/{index-CcCn9HWX.js → index-BKGQ6jGS.js} +1 -1
  72. package/dist/{multi-select-components-CkF3LyTF.js → multi-select-components-DJfz929p.js} +1 -1
  73. package/dist/{react-jsx-parser.min-CVit0rZn.js → react-jsx-parser.min-DZCiis5V.js} +48 -20
  74. package/dist/{textSelection-BlTDSskG.js → textSelection-CrrUNX-B.js} +8 -47
  75. package/dist/{useButton-CmLbE5vg.js → useButton-Dl1C1478.js} +5 -5
  76. package/dist/{useEvent-cLDJlznQ.js → useEvent-B0b-6KBr.js} +1 -1
  77. package/dist/useFocusRing-CxlVCVpL.js +107 -0
  78. package/dist/{useFormReset-NpLM2e3G.js → useFormReset-C5OggHsw.js} +1 -1
  79. package/dist/{useFormValidation-BWwmZQE2.js → useFormValidation-BgSHI8kQ.js} +2 -2
  80. package/dist/{focusSafely-CiqTTjWy.js → useHover-B-8Wji4B.js} +305 -98
  81. package/dist/{useLabel-C85N3Hzw.js → useLabel-D7HkNEHT.js} +2 -2
  82. package/dist/{useLabels-C_2wWraB.js → useLabels-D8cxd1Z8.js} +1 -1
  83. package/dist/{useListState-Z7FB_NzO.js → useListState-BXnC0mNr.js} +28 -13
  84. package/dist/{useLocalizedStringFormatter-BQ4TF72x.js → useLocalizedStringFormatter-CFP1YZWQ.js} +1 -1
  85. package/dist/{useNumberField-Bm6_BVl9.js → useNumberField-ecr8uK6_.js} +10 -10
  86. package/dist/{useNumberFormatter-DlUVKkO7.js → useNumberFormatter-321rAb4J.js} +1 -1
  87. package/dist/{usePress-rg_OQIGW.js → usePress-C3dxzVyi.js} +69 -63
  88. package/dist/{useSingleSelectListState-Cu3xtEJS.js → useSingleSelectListState-Dgbuzw5o.js} +2 -2
  89. package/dist/{useToggle-DzlgBLAJ.js → useToggle-DyZydSPy.js} +9 -7
  90. package/dist/{useToggleState-DhSBQxkp.js → useToggleState-BZoo5qt_.js} +1 -1
  91. package/dist/{utils-39D0mStj.js → utils-DkCSC521.js} +38 -35
  92. package/package.json +32 -32
  93. package/dist/useFocusRing-CGp3guTX.js +0 -41
  94. package/dist/useFocusable-087cO5Ct.js +0 -81
package/dist/assets/style-editor.css CHANGED
@@ -1,5 +1,5 @@
1
- /*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */
2
- :root {
1
+ /*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
2
+ :root, :host {
3
3
  --es-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4
4
  --es-font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
5
5
  --es-default-transition-duration: .3s;
@@ -9,7 +9,6 @@
9
9
  --es-text-xs--line-height: 1.3;
10
10
  --es-spacing-3_25: .8125rem;
11
11
  --es-spacing-5_5: 1.375rem;
12
- --es-spacing-18: 4.5rem;
13
12
  --es-color-secondary-50: var(--es-color-zinc-50);
14
13
  --es-color-secondary-100: var(--es-color-zinc-100);
15
14
  --es-color-secondary-200: var(--es-color-zinc-200);
@@ -20,11 +19,8 @@
20
19
  --es-color-secondary-700: var(--es-color-zinc-700);
21
20
  --es-color-secondary-800: var(--es-color-zinc-800);
22
21
  --es-color-secondary-900: var(--es-color-zinc-900);
23
- --es-color-secondary-950: var(--es-color-zinc-950);
24
22
  --es-color-accent-50: var(--es-color-teal-50);
25
23
  --es-color-accent-100: var(--es-color-teal-100);
26
- --es-color-accent-200: var(--es-color-teal-200);
27
- --es-color-accent-300: var(--es-color-teal-300);
28
24
  --es-color-accent-400: var(--es-color-teal-400);
29
25
  --es-color-accent-500: var(--es-color-teal-500);
30
26
  --es-color-accent-600: var(--es-color-teal-600);
@@ -32,11 +28,9 @@
32
28
  --es-color-accent-800: var(--es-color-teal-800);
33
29
  --es-color-accent-900: var(--es-color-teal-900);
34
30
  --es-color-accent-950: var(--es-color-teal-950);
35
- --es-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
36
31
  --es-color-red-50: oklch(.971 .013 17.38);
37
32
  --es-color-red-100: oklch(.936 .032 17.717);
38
33
  --es-color-red-200: oklch(.885 .062 18.334);
39
- --es-color-red-300: oklch(.808 .114 19.571);
40
34
  --es-color-red-400: oklch(.704 .191 22.216);
41
35
  --es-color-red-500: oklch(.637 .237 25.331);
42
36
  --es-color-red-600: oklch(.577 .245 27.325);
@@ -44,17 +38,7 @@
44
38
  --es-color-red-800: oklch(.444 .177 26.899);
45
39
  --es-color-red-900: oklch(.396 .141 25.723);
46
40
  --es-color-red-950: oklch(.258 .092 26.042);
47
- --es-color-orange-50: oklch(.98 .016 73.684);
48
- --es-color-orange-100: oklch(.954 .038 75.164);
49
- --es-color-orange-200: oklch(.901 .076 70.697);
50
- --es-color-orange-300: oklch(.837 .128 66.29);
51
- --es-color-orange-400: oklch(.75 .183 55.934);
52
41
  --es-color-orange-500: oklch(.705 .213 47.604);
53
- --es-color-orange-600: oklch(.646 .222 41.116);
54
- --es-color-orange-700: oklch(.553 .195 38.402);
55
- --es-color-orange-800: oklch(.47 .157 37.304);
56
- --es-color-orange-900: oklch(.408 .123 38.172);
57
- --es-color-orange-950: oklch(.266 .079 36.259);
58
42
  --es-color-amber-50: oklch(.987 .022 95.277);
59
43
  --es-color-amber-100: oklch(.962 .059 95.617);
60
44
  --es-color-amber-200: oklch(.924 .12 95.746);
@@ -66,28 +50,9 @@
66
50
  --es-color-amber-800: oklch(.473 .137 46.201);
67
51
  --es-color-amber-900: oklch(.414 .112 45.904);
68
52
  --es-color-amber-950: oklch(.279 .077 45.635);
69
- --es-color-yellow-50: oklch(.987 .026 102.212);
70
- --es-color-yellow-100: oklch(.973 .071 103.193);
71
- --es-color-yellow-200: oklch(.945 .129 101.54);
72
- --es-color-yellow-300: oklch(.905 .182 98.111);
73
53
  --es-color-yellow-400: oklch(.852 .199 91.936);
74
54
  --es-color-yellow-500: oklch(.795 .184 86.047);
75
- --es-color-yellow-600: oklch(.681 .162 75.834);
76
- --es-color-yellow-700: oklch(.554 .135 66.442);
77
- --es-color-yellow-800: oklch(.476 .114 61.907);
78
- --es-color-yellow-900: oklch(.421 .095 57.708);
79
- --es-color-yellow-950: oklch(.286 .066 53.813);
80
- --es-color-lime-50: oklch(.986 .031 120.757);
81
- --es-color-lime-100: oklch(.967 .067 122.328);
82
- --es-color-lime-200: oklch(.938 .127 124.321);
83
- --es-color-lime-300: oklch(.897 .196 126.665);
84
- --es-color-lime-400: oklch(.841 .238 128.85);
85
55
  --es-color-lime-500: oklch(.768 .233 130.85);
86
- --es-color-lime-600: oklch(.648 .2 131.684);
87
- --es-color-lime-700: oklch(.532 .157 131.589);
88
- --es-color-lime-800: oklch(.453 .124 130.933);
89
- --es-color-lime-900: oklch(.405 .101 131.063);
90
- --es-color-lime-950: oklch(.274 .072 132.109);
91
56
  --es-color-green-50: oklch(.982 .018 155.826);
92
57
  --es-color-green-100: oklch(.962 .044 156.743);
93
58
  --es-color-green-200: oklch(.925 .084 155.995);
@@ -99,21 +64,8 @@
99
64
  --es-color-green-800: oklch(.448 .119 151.328);
100
65
  --es-color-green-900: oklch(.393 .095 152.535);
101
66
  --es-color-green-950: oklch(.266 .065 152.934);
102
- --es-color-emerald-50: oklch(.979 .021 166.113);
103
- --es-color-emerald-100: oklch(.95 .052 163.051);
104
- --es-color-emerald-200: oklch(.905 .093 164.15);
105
- --es-color-emerald-300: oklch(.845 .143 164.978);
106
- --es-color-emerald-400: oklch(.765 .177 163.223);
107
- --es-color-emerald-500: oklch(.696 .17 162.48);
108
- --es-color-emerald-600: oklch(.596 .145 163.225);
109
- --es-color-emerald-700: oklch(.508 .118 165.612);
110
- --es-color-emerald-800: oklch(.432 .095 166.913);
111
- --es-color-emerald-900: oklch(.378 .077 168.94);
112
- --es-color-emerald-950: oklch(.262 .051 172.552);
113
67
  --es-color-teal-50: oklch(.984 .014 180.72);
114
68
  --es-color-teal-100: oklch(.953 .051 180.801);
115
- --es-color-teal-200: oklch(.91 .096 180.426);
116
- --es-color-teal-300: oklch(.855 .138 181.071);
117
69
  --es-color-teal-400: oklch(.777 .152 181.912);
118
70
  --es-color-teal-500: oklch(.704 .14 182.503);
119
71
  --es-color-teal-600: oklch(.6 .118 184.704);
@@ -121,28 +73,8 @@
121
73
  --es-color-teal-800: oklch(.437 .078 188.216);
122
74
  --es-color-teal-900: oklch(.386 .063 188.416);
123
75
  --es-color-teal-950: oklch(.277 .046 192.524);
124
- --es-color-cyan-50: oklch(.984 .019 200.873);
125
- --es-color-cyan-100: oklch(.956 .045 203.388);
126
- --es-color-cyan-200: oklch(.917 .08 205.041);
127
- --es-color-cyan-300: oklch(.865 .127 207.078);
128
- --es-color-cyan-400: oklch(.789 .154 211.53);
129
76
  --es-color-cyan-500: oklch(.715 .143 215.221);
130
- --es-color-cyan-600: oklch(.609 .126 221.723);
131
- --es-color-cyan-700: oklch(.52 .105 223.128);
132
- --es-color-cyan-800: oklch(.45 .085 224.283);
133
- --es-color-cyan-900: oklch(.398 .07 227.392);
134
- --es-color-cyan-950: oklch(.302 .056 229.695);
135
- --es-color-sky-50: oklch(.977 .013 236.62);
136
- --es-color-sky-100: oklch(.951 .026 236.824);
137
- --es-color-sky-200: oklch(.901 .058 230.902);
138
- --es-color-sky-300: oklch(.828 .111 230.318);
139
77
  --es-color-sky-400: oklch(.746 .16 232.661);
140
- --es-color-sky-500: oklch(.685 .169 237.323);
141
- --es-color-sky-600: oklch(.588 .158 241.966);
142
- --es-color-sky-700: oklch(.5 .134 242.749);
143
- --es-color-sky-800: oklch(.443 .11 240.79);
144
- --es-color-sky-900: oklch(.391 .09 240.876);
145
- --es-color-sky-950: oklch(.293 .066 243.157);
146
78
  --es-color-blue-50: oklch(.97 .014 254.604);
147
79
  --es-color-blue-100: oklch(.932 .032 255.585);
148
80
  --es-color-blue-200: oklch(.882 .059 254.128);
@@ -154,17 +86,7 @@
154
86
  --es-color-blue-800: oklch(.424 .199 265.638);
155
87
  --es-color-blue-900: oklch(.379 .146 265.522);
156
88
  --es-color-blue-950: oklch(.282 .091 267.935);
157
- --es-color-indigo-50: oklch(.962 .018 272.314);
158
- --es-color-indigo-100: oklch(.93 .034 272.788);
159
- --es-color-indigo-200: oklch(.87 .065 274.039);
160
- --es-color-indigo-300: oklch(.785 .115 274.713);
161
- --es-color-indigo-400: oklch(.673 .182 276.935);
162
89
  --es-color-indigo-500: oklch(.585 .233 277.117);
163
- --es-color-indigo-600: oklch(.511 .262 276.966);
164
- --es-color-indigo-700: oklch(.457 .24 277.023);
165
- --es-color-indigo-800: oklch(.398 .195 277.366);
166
- --es-color-indigo-900: oklch(.359 .144 278.697);
167
- --es-color-indigo-950: oklch(.257 .09 281.288);
168
90
  --es-color-violet-50: oklch(.969 .016 293.756);
169
91
  --es-color-violet-100: oklch(.943 .029 294.588);
170
92
  --es-color-violet-200: oklch(.894 .057 293.283);
@@ -177,49 +99,7 @@
177
99
  --es-color-violet-900: oklch(.38 .189 293.745);
178
100
  --es-color-violet-950: oklch(.283 .141 291.089);
179
101
  --es-color-purple-50: oklch(.977 .014 308.299);
180
- --es-color-purple-100: oklch(.946 .033 307.174);
181
- --es-color-purple-200: oklch(.902 .063 306.703);
182
- --es-color-purple-300: oklch(.827 .119 306.383);
183
- --es-color-purple-400: oklch(.714 .203 305.504);
184
- --es-color-purple-500: oklch(.627 .265 303.9);
185
- --es-color-purple-600: oklch(.558 .288 302.321);
186
- --es-color-purple-700: oklch(.496 .265 301.924);
187
- --es-color-purple-800: oklch(.438 .218 303.724);
188
- --es-color-purple-900: oklch(.381 .176 304.987);
189
- --es-color-purple-950: oklch(.291 .149 302.717);
190
- --es-color-fuchsia-50: oklch(.977 .017 320.058);
191
- --es-color-fuchsia-100: oklch(.952 .037 318.852);
192
- --es-color-fuchsia-200: oklch(.903 .076 319.62);
193
- --es-color-fuchsia-300: oklch(.833 .145 321.434);
194
- --es-color-fuchsia-400: oklch(.74 .238 322.16);
195
102
  --es-color-fuchsia-500: oklch(.667 .295 322.15);
196
- --es-color-fuchsia-600: oklch(.591 .293 322.896);
197
- --es-color-fuchsia-700: oklch(.518 .253 323.949);
198
- --es-color-fuchsia-800: oklch(.452 .211 324.591);
199
- --es-color-fuchsia-900: oklch(.401 .17 325.612);
200
- --es-color-fuchsia-950: oklch(.293 .136 325.661);
201
- --es-color-pink-50: oklch(.971 .014 343.198);
202
- --es-color-pink-100: oklch(.948 .028 342.258);
203
- --es-color-pink-200: oklch(.899 .061 343.231);
204
- --es-color-pink-300: oklch(.823 .12 346.018);
205
- --es-color-pink-400: oklch(.718 .202 349.761);
206
- --es-color-pink-500: oklch(.656 .241 354.308);
207
- --es-color-pink-600: oklch(.592 .249 .584);
208
- --es-color-pink-700: oklch(.525 .223 3.958);
209
- --es-color-pink-800: oklch(.459 .187 3.815);
210
- --es-color-pink-900: oklch(.408 .153 2.432);
211
- --es-color-pink-950: oklch(.284 .109 3.907);
212
- --es-color-rose-50: oklch(.969 .015 12.422);
213
- --es-color-rose-100: oklch(.941 .03 12.58);
214
- --es-color-rose-200: oklch(.892 .058 10.001);
215
- --es-color-rose-300: oklch(.81 .117 11.638);
216
- --es-color-rose-400: oklch(.712 .194 13.428);
217
- --es-color-rose-500: oklch(.645 .246 16.439);
218
- --es-color-rose-600: oklch(.586 .253 17.585);
219
- --es-color-rose-700: oklch(.514 .222 16.935);
220
- --es-color-rose-800: oklch(.455 .188 13.697);
221
- --es-color-rose-900: oklch(.41 .159 10.272);
222
- --es-color-rose-950: oklch(.271 .105 12.094);
223
103
  --es-color-slate-50: oklch(.984 .003 247.858);
224
104
  --es-color-slate-100: oklch(.968 .007 247.896);
225
105
  --es-color-slate-200: oklch(.929 .013 255.508);
@@ -252,7 +132,6 @@
252
132
  --es-color-zinc-700: oklch(.37 .013 285.805);
253
133
  --es-color-zinc-800: oklch(.274 .006 286.033);
254
134
  --es-color-zinc-900: oklch(.21 .006 285.885);
255
- --es-color-zinc-950: oklch(.141 .005 285.823);
256
135
  --es-color-neutral-50: oklch(.985 0 0);
257
136
  --es-color-neutral-100: oklch(.97 0 0);
258
137
  --es-color-neutral-200: oklch(.922 0 0);
@@ -278,117 +157,30 @@
278
157
  --es-color-black: #000;
279
158
  --es-color-white: #fff;
280
159
  --es-spacing: .25rem;
281
- --es-breakpoint-sm: 40rem;
282
- --es-breakpoint-md: 48rem;
283
- --es-breakpoint-lg: 64rem;
284
- --es-breakpoint-xl: 80rem;
285
- --es-breakpoint-2xl: 96rem;
286
- --es-container-3xs: 16rem;
287
- --es-container-2xs: 18rem;
288
- --es-container-xs: 20rem;
289
- --es-container-sm: 24rem;
290
160
  --es-container-md: 28rem;
291
161
  --es-container-lg: 32rem;
292
- --es-container-xl: 36rem;
293
- --es-container-2xl: 42rem;
294
- --es-container-3xl: 48rem;
295
- --es-container-4xl: 56rem;
296
- --es-container-5xl: 64rem;
297
- --es-container-6xl: 72rem;
298
- --es-container-7xl: 80rem;
299
162
  --es-text-base: 1rem;
300
163
  --es-text-base--line-height: calc(1.5 / 1);
301
164
  --es-text-lg: 1.125rem;
302
165
  --es-text-lg--line-height: calc(1.75 / 1.125);
303
- --es-text-xl: 1.25rem;
304
- --es-text-xl--line-height: calc(1.75 / 1.25);
305
166
  --es-text-2xl: 1.5rem;
306
167
  --es-text-2xl--line-height: calc(2 / 1.5);
307
- --es-text-3xl: 1.875rem;
308
- --es-text-3xl--line-height: calc(2.25 / 1.875);
309
- --es-text-4xl: 2.25rem;
310
- --es-text-4xl--line-height: calc(2.5 / 2.25);
311
- --es-text-5xl: 3rem;
312
- --es-text-5xl--line-height: 1;
313
- --es-text-6xl: 3.75rem;
314
- --es-text-6xl--line-height: 1;
315
- --es-text-7xl: 4.5rem;
316
- --es-text-7xl--line-height: 1;
317
- --es-text-8xl: 6rem;
318
- --es-text-8xl--line-height: 1;
319
- --es-text-9xl: 8rem;
320
- --es-text-9xl--line-height: 1;
321
- --es-font-weight-thin: 100;
322
- --es-font-weight-extralight: 200;
323
- --es-font-weight-light: 300;
324
- --es-font-weight-normal: 400;
325
168
  --es-font-weight-medium: 500;
326
169
  --es-font-weight-semibold: 600;
327
170
  --es-font-weight-bold: 700;
328
- --es-font-weight-extrabold: 800;
329
- --es-font-weight-black: 900;
330
171
  --es-tracking-tighter: -.05em;
331
172
  --es-tracking-tight: -.025em;
332
- --es-tracking-normal: 0em;
333
- --es-tracking-wide: .025em;
334
- --es-tracking-wider: .05em;
335
- --es-tracking-widest: .1em;
336
173
  --es-leading-tight: 1.25;
337
- --es-leading-snug: 1.375;
338
- --es-leading-normal: 1.5;
339
- --es-leading-relaxed: 1.625;
340
- --es-leading-loose: 2;
341
- --es-radius-xs: .125rem;
342
174
  --es-radius-sm: .25rem;
343
175
  --es-radius-md: .375rem;
344
176
  --es-radius-lg: .5rem;
345
177
  --es-radius-xl: .75rem;
346
- --es-radius-2xl: 1rem;
347
- --es-radius-3xl: 1.5rem;
348
- --es-radius-4xl: 2rem;
349
- --es-shadow-2xs: 0 1px #0000000d;
350
- --es-shadow-xs: 0 1px 2px 0 #0000000d;
351
- --es-shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
352
- --es-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
353
- --es-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
354
- --es-shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
355
- --es-shadow-2xl: 0 25px 50px -12px #00000040;
356
- --es-inset-shadow-2xs: inset 0 1px #0000000d;
357
- --es-inset-shadow-xs: inset 0 1px 1px #0000000d;
358
- --es-inset-shadow-sm: inset 0 2px 4px #0000000d;
359
- --es-drop-shadow-xs: 0 1px 1px #0000000d;
360
178
  --es-drop-shadow-sm: 0 1px 2px #00000026;
361
- --es-drop-shadow-md: 0 3px 3px #0000001f;
362
- --es-drop-shadow-lg: 0 4px 4px #00000026;
363
- --es-drop-shadow-xl: 0 9px 7px #0000001a;
364
- --es-drop-shadow-2xl: 0 25px 25px #00000026;
365
- --es-ease-in: cubic-bezier(.4, 0, 1, 1);
366
- --es-ease-out: cubic-bezier(0, 0, .2, 1);
367
- --es-ease-in-out: cubic-bezier(.4, 0, .2, 1);
368
179
  --es-animate-spin: spin 1s linear infinite;
369
- --es-animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
370
- --es-animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
371
- --es-animate-bounce: bounce 1s infinite;
372
- --es-blur-xs: 4px;
373
- --es-blur-sm: 8px;
374
- --es-blur-md: 12px;
375
180
  --es-blur-lg: 16px;
376
- --es-blur-xl: 24px;
377
- --es-blur-2xl: 40px;
378
181
  --es-blur-3xl: 64px;
379
- --es-perspective-dramatic: 100px;
380
- --es-perspective-near: 300px;
381
- --es-perspective-normal: 500px;
382
- --es-perspective-midrange: 800px;
383
- --es-perspective-distant: 1200px;
384
182
  --es-aspect-video: 16 / 9;
385
183
  --es-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
386
- --es-default-font-family: var(--font-sans);
387
- --es-default-font-feature-settings: var(--font-sans--font-feature-settings);
388
- --es-default-font-variation-settings: var(--font-sans--font-variation-settings);
389
- --es-default-mono-font-family: var(--font-mono);
390
- --es-default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
391
- --es-default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
392
184
  }
393
185
 
394
186
  .es-uic-theme-green {
@@ -776,6 +568,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
776
568
  top: calc(var(--es-spacing) * 0);
777
569
  }
778
570
 
571
+ :is(body, #wpwrap #editor) .es\:top-1 {
572
+ top: calc(var(--es-spacing) * 1);
573
+ }
574
+
779
575
  :is(body, #wpwrap #editor) .es\:top-2\.5 {
780
576
  top: calc(var(--es-spacing) * 2.5);
781
577
  }
@@ -896,6 +692,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
896
692
  margin: calc(var(--es-spacing) * .5);
897
693
  }
898
694
 
695
+ :is(body, #wpwrap #editor) .es\:m-5 {
696
+ margin: calc(var(--es-spacing) * 5);
697
+ }
698
+
899
699
  :is(body, #wpwrap #editor) .es\:m-auto {
900
700
  margin: auto;
901
701
  }
@@ -924,6 +724,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
924
724
  margin-block: calc(var(--es-spacing) * 4);
925
725
  }
926
726
 
727
+ :is(body, #wpwrap #editor) .es\:my-10 {
728
+ margin-block: calc(var(--es-spacing) * 10);
729
+ }
730
+
927
731
  :is(body, #wpwrap #editor) .es\:my-auto {
928
732
  margin-block: auto;
929
733
  }
@@ -1032,10 +836,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1032
836
  display: none;
1033
837
  }
1034
838
 
1035
- :is(body, #wpwrap #editor) .es\:inline {
1036
- display: inline;
1037
- }
1038
-
1039
839
  :is(body, #wpwrap #editor) .es\:inline-block {
1040
840
  display: inline-block;
1041
841
  }
@@ -1139,6 +939,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1139
939
  height: 100%;
1140
940
  }
1141
941
 
942
+ :is(body, #wpwrap #editor) .es\:size-full\! {
943
+ width: 100% !important;
944
+ height: 100% !important;
945
+ }
946
+
1142
947
  :is(body, #wpwrap #editor) .es\:size-px {
1143
948
  width: 1px;
1144
949
  height: 1px;
@@ -1216,6 +1021,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1216
1021
  height: 2.375rem;
1217
1022
  }
1218
1023
 
1024
+ :is(body, #wpwrap #editor) .es\:h-\[90vh\] {
1025
+ height: 90vh;
1026
+ }
1027
+
1219
1028
  :is(body, #wpwrap #editor) .es\:h-fit {
1220
1029
  height: fit-content;
1221
1030
  }
@@ -1228,10 +1037,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1228
1037
  height: 1px;
1229
1038
  }
1230
1039
 
1040
+ :is(body, #wpwrap #editor) .es\:max-h-40 {
1041
+ max-height: calc(var(--es-spacing) * 40);
1042
+ }
1043
+
1231
1044
  :is(body, #wpwrap #editor) .es\:min-h-5 {
1232
1045
  min-height: calc(var(--es-spacing) * 5);
1233
1046
  }
1234
1047
 
1048
+ :is(body, #wpwrap #editor) .es\:min-h-6\.5 {
1049
+ min-height: calc(var(--es-spacing) * 6.5);
1050
+ }
1051
+
1235
1052
  :is(body, #wpwrap #editor) .es\:min-h-8 {
1236
1053
  min-height: calc(var(--es-spacing) * 8);
1237
1054
  }
@@ -1256,14 +1073,26 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1256
1073
  min-height: calc(var(--es-spacing) * 12);
1257
1074
  }
1258
1075
 
1076
+ :is(body, #wpwrap #editor) .es\:min-h-24 {
1077
+ min-height: calc(var(--es-spacing) * 24);
1078
+ }
1079
+
1259
1080
  :is(body, #wpwrap #editor) .es\:min-h-40 {
1260
1081
  min-height: calc(var(--es-spacing) * 40);
1261
1082
  }
1262
1083
 
1084
+ :is(body, #wpwrap #editor) .es\:min-h-56 {
1085
+ min-height: calc(var(--es-spacing) * 56);
1086
+ }
1087
+
1263
1088
  :is(body, #wpwrap #editor) .es\:min-h-full {
1264
1089
  min-height: 100%;
1265
1090
  }
1266
1091
 
1092
+ :is(body, #wpwrap #editor) .es\:min-h-screen {
1093
+ min-height: 100vh;
1094
+ }
1095
+
1267
1096
  :is(body, #wpwrap #editor) .es\:w-0\.5 {
1268
1097
  width: calc(var(--es-spacing) * .5);
1269
1098
  }
@@ -1340,10 +1169,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1340
1169
  width: calc(var(--es-spacing) * 80);
1341
1170
  }
1342
1171
 
1172
+ :is(body, #wpwrap #editor) .es\:w-96 {
1173
+ width: calc(var(--es-spacing) * 96);
1174
+ }
1175
+
1343
1176
  :is(body, #wpwrap #editor) .es\:w-\[18\.5rem\] {
1344
1177
  width: 18.5rem;
1345
1178
  }
1346
1179
 
1180
+ :is(body, #wpwrap #editor) .es\:w-\[50rem\] {
1181
+ width: 50rem;
1182
+ }
1183
+
1347
1184
  :is(body, #wpwrap #editor) .es\:w-auto\! {
1348
1185
  width: auto !important;
1349
1186
  }
@@ -1364,10 +1201,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1364
1201
  max-width: calc(var(--es-spacing) * 40);
1365
1202
  }
1366
1203
 
1204
+ :is(body, #wpwrap #editor) .es\:max-w-60 {
1205
+ max-width: calc(var(--es-spacing) * 60);
1206
+ }
1207
+
1367
1208
  :is(body, #wpwrap #editor) .es\:max-w-64 {
1368
1209
  max-width: calc(var(--es-spacing) * 64);
1369
1210
  }
1370
1211
 
1212
+ :is(body, #wpwrap #editor) .es\:max-w-72 {
1213
+ max-width: calc(var(--es-spacing) * 72);
1214
+ }
1215
+
1371
1216
  :is(body, #wpwrap #editor) .es\:max-w-80 {
1372
1217
  max-width: calc(var(--es-spacing) * 80);
1373
1218
  }
@@ -1396,6 +1241,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1396
1241
  min-width: calc(var(--es-spacing) * 10);
1397
1242
  }
1398
1243
 
1244
+ :is(body, #wpwrap #editor) .es\:min-w-24 {
1245
+ min-width: calc(var(--es-spacing) * 24);
1246
+ }
1247
+
1399
1248
  :is(body, #wpwrap #editor) .es\:min-w-28 {
1400
1249
  min-width: calc(var(--es-spacing) * 28);
1401
1250
  }
@@ -1463,11 +1312,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1463
1312
  translate: var(--tw-translate-x) var(--tw-translate-y);
1464
1313
  }
1465
1314
 
1466
- :is(body, #wpwrap #editor) .es\:-translate-y-1\/2 {
1467
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1468
- translate: var(--tw-translate-x) var(--tw-translate-y);
1469
- }
1470
-
1471
1315
  :is(body, #wpwrap #editor) .es\:translate-x-1 {
1472
1316
  --tw-translate-x: calc(var(--es-spacing) * 1);
1473
1317
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1498,6 +1342,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1498
1342
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1499
1343
  }
1500
1344
 
1345
+ :is(body, #wpwrap #editor) .es\:-translate-y-1\/2 {
1346
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1347
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1348
+ }
1349
+
1501
1350
  :is(body, #wpwrap #editor) .es\:translate-y-1\/2\! {
1502
1351
  --tw-translate-y: calc(1 / 2 * 100%) !important;
1503
1352
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -1531,8 +1380,25 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1531
1380
  rotate: 45deg;
1532
1381
  }
1533
1382
 
1534
- :is(body, #wpwrap #editor) .es\:animate-spin {
1535
- animation: var(--es-animate-spin);
1383
+ :is(body, #wpwrap #editor) .es\:motion-preset-spin {
1384
+ --motion-loop-rotate: 360deg;
1385
+ --motion-timing: linear;
1386
+ --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);
1387
+ animation: var(--motion-all-loop-and-enter-animations);
1388
+ }
1389
+
1390
+ :is(body, #wpwrap #editor) .es\:motion-scale-in-90 {
1391
+ --motion-origin-scale-x: .9;
1392
+ --motion-origin-scale-y: .9;
1393
+ --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;
1394
+ animation: var(--motion-all-loop-and-enter-animations);
1395
+ }
1396
+
1397
+ :is(body, #wpwrap #editor) .es\:motion-scale-in-125 {
1398
+ --motion-origin-scale-x: 1.25;
1399
+ --motion-origin-scale-y: 1.25;
1400
+ --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;
1401
+ animation: var(--motion-all-loop-and-enter-animations);
1536
1402
  }
1537
1403
 
1538
1404
  :is(body, #wpwrap #editor) .es\:motion-blur-in-xs {
@@ -1559,13 +1425,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1559
1425
  animation: var(--motion-all-exit-animations);
1560
1426
  }
1561
1427
 
1562
- :is(body, #wpwrap #editor) .es\:motion-preset-spin {
1563
- --motion-loop-rotate: 360deg;
1564
- --motion-timing: linear;
1565
- --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);
1566
- animation: var(--motion-all-loop-and-enter-animations);
1567
- }
1568
-
1569
1428
  :is(body, #wpwrap #editor) .es\:motion-rotate-in {
1570
1429
  --motion-origin-rotate: 12deg;
1571
1430
  --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;
@@ -1578,18 +1437,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1578
1437
  animation: var(--motion-all-exit-animations);
1579
1438
  }
1580
1439
 
1581
- :is(body, #wpwrap #editor) .es\:motion-scale-in-90 {
1582
- --motion-origin-scale-x: .9;
1583
- --motion-origin-scale-y: .9;
1584
- --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;
1585
- animation: var(--motion-all-loop-and-enter-animations);
1586
- }
1587
-
1588
- :is(body, #wpwrap #editor) .es\:motion-scale-in-125 {
1589
- --motion-origin-scale-x: 1.25;
1590
- --motion-origin-scale-y: 1.25;
1591
- --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;
1592
- animation: var(--motion-all-loop-and-enter-animations);
1440
+ :is(body, #wpwrap #editor) .es\:animate-spin {
1441
+ animation: var(--es-animate-spin);
1593
1442
  }
1594
1443
 
1595
1444
  :is(body, #wpwrap #editor) .es\:cursor-default {
@@ -1616,10 +1465,22 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1616
1465
  grid-auto-columns: auto;
1617
1466
  }
1618
1467
 
1468
+ :is(body, #wpwrap #editor) .es\:auto-rows-auto {
1469
+ grid-auto-rows: auto;
1470
+ }
1471
+
1619
1472
  :is(body, #wpwrap #editor) .es\:grid-cols-1 {
1620
1473
  grid-template-columns: repeat(1, minmax(0, 1fr));
1621
1474
  }
1622
1475
 
1476
+ :is(body, #wpwrap #editor) .es\:grid-cols-2 {
1477
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1478
+ }
1479
+
1480
+ :is(body, #wpwrap #editor) .es\:grid-cols-3 {
1481
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1482
+ }
1483
+
1623
1484
  :is(body, #wpwrap #editor) .es\:grid-cols-\[1fr_auto_1fr\] {
1624
1485
  grid-template-columns: 1fr auto 1fr;
1625
1486
  }
@@ -1744,24 +1605,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1744
1605
  margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse))) !important;
1745
1606
  }
1746
1607
 
1747
- :is(body, #wpwrap #editor) .es\:gap-x-1 {
1748
- column-gap: calc(var(--es-spacing) * 1);
1749
- }
1750
-
1751
- :is(body, #wpwrap #editor) .es\:gap-x-1\.5 {
1752
- column-gap: calc(var(--es-spacing) * 1.5);
1753
- }
1754
-
1755
- :is(body, #wpwrap #editor) .es\:gap-x-2 {
1756
- column-gap: calc(var(--es-spacing) * 2);
1757
- }
1758
-
1759
- :is(body, #wpwrap #editor) .es\:gap-x-3 {
1760
- column-gap: calc(var(--es-spacing) * 3);
1761
- }
1762
-
1763
- :is(body, #wpwrap #editor) .es\:gap-x-8 {
1764
- column-gap: calc(var(--es-spacing) * 8);
1608
+ :where(:is(body, #wpwrap #editor) .es\:space-y-0 > :not(:last-child)) {
1609
+ --tw-space-y-reverse: 0;
1610
+ margin-block-start: calc(calc(var(--es-spacing) * 0) * var(--tw-space-y-reverse));
1611
+ margin-block-end: calc(calc(var(--es-spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
1765
1612
  }
1766
1613
 
1767
1614
  :where(:is(body, #wpwrap #editor) .es\:space-y-0\! > :not(:last-child)) {
@@ -1794,6 +1641,32 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1794
1641
  margin-block-end: calc(calc(var(--es-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
1795
1642
  }
1796
1643
 
1644
+ :where(:is(body, #wpwrap #editor) .es\:space-y-4 > :not(:last-child)) {
1645
+ --tw-space-y-reverse: 0;
1646
+ margin-block-start: calc(calc(var(--es-spacing) * 4) * var(--tw-space-y-reverse));
1647
+ margin-block-end: calc(calc(var(--es-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1648
+ }
1649
+
1650
+ :is(body, #wpwrap #editor) .es\:gap-x-1 {
1651
+ column-gap: calc(var(--es-spacing) * 1);
1652
+ }
1653
+
1654
+ :is(body, #wpwrap #editor) .es\:gap-x-1\.5 {
1655
+ column-gap: calc(var(--es-spacing) * 1.5);
1656
+ }
1657
+
1658
+ :is(body, #wpwrap #editor) .es\:gap-x-2 {
1659
+ column-gap: calc(var(--es-spacing) * 2);
1660
+ }
1661
+
1662
+ :is(body, #wpwrap #editor) .es\:gap-x-3 {
1663
+ column-gap: calc(var(--es-spacing) * 3);
1664
+ }
1665
+
1666
+ :is(body, #wpwrap #editor) .es\:gap-x-8 {
1667
+ column-gap: calc(var(--es-spacing) * 8);
1668
+ }
1669
+
1797
1670
  :where(:is(body, #wpwrap #editor) .es\:-space-x-px > :not(:last-child)) {
1798
1671
  --tw-space-x-reverse: 0;
1799
1672
  margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
@@ -1806,6 +1679,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1806
1679
  margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))) !important;
1807
1680
  }
1808
1681
 
1682
+ :where(:is(body, #wpwrap #editor) .es\:space-x-1\.5 > :not(:last-child)) {
1683
+ --tw-space-x-reverse: 0;
1684
+ margin-inline-start: calc(calc(var(--es-spacing) * 1.5) * var(--tw-space-x-reverse));
1685
+ margin-inline-end: calc(calc(var(--es-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
1686
+ }
1687
+
1809
1688
  :is(body, #wpwrap #editor) .es\:gap-y-0\.5 {
1810
1689
  row-gap: calc(var(--es-spacing) * .5);
1811
1690
  }
@@ -1826,12 +1705,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1826
1705
  row-gap: calc(var(--es-spacing) * 4);
1827
1706
  }
1828
1707
 
1829
- :where(:is(body, #wpwrap #editor) .es\:space-x-1\.5 > :not(:last-child)) {
1830
- --tw-space-x-reverse: 0;
1831
- margin-inline-start: calc(calc(var(--es-spacing) * 1.5) * var(--tw-space-x-reverse));
1832
- margin-inline-end: calc(calc(var(--es-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
1833
- }
1834
-
1835
1708
  :where(:is(body, #wpwrap #editor) .es\:divide-y > :not(:last-child)) {
1836
1709
  --tw-divide-y-reverse: 0;
1837
1710
  border-bottom-style: var(--tw-border-style);
@@ -1916,6 +1789,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1916
1789
  overflow-y: visible;
1917
1790
  }
1918
1791
 
1792
+ :is(body, #wpwrap #editor) .es\:overscroll-contain {
1793
+ overscroll-behavior: contain;
1794
+ }
1795
+
1919
1796
  :is(body, #wpwrap #editor) .es\:rounded {
1920
1797
  border-radius: .25rem;
1921
1798
  }
@@ -1940,6 +1817,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1940
1817
  border-radius: var(--es-radius-xl);
1941
1818
  }
1942
1819
 
1820
+ :is(body, #wpwrap #editor) .es\:rounded-t-full {
1821
+ border-top-left-radius: 3.40282e38px;
1822
+ border-top-right-radius: 3.40282e38px;
1823
+ }
1824
+
1825
+ :is(body, #wpwrap #editor) .es\:rounded-t-lg {
1826
+ border-top-left-radius: var(--es-radius-lg);
1827
+ border-top-right-radius: var(--es-radius-lg);
1828
+ }
1829
+
1943
1830
  :is(body, #wpwrap #editor) .es\:rounded-l-full {
1944
1831
  border-top-left-radius: 3.40282e38px;
1945
1832
  border-bottom-left-radius: 3.40282e38px;
@@ -1955,16 +1842,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1955
1842
  border-bottom-left-radius: 0;
1956
1843
  }
1957
1844
 
1958
- :is(body, #wpwrap #editor) .es\:rounded-t-full {
1959
- border-top-left-radius: 3.40282e38px;
1960
- border-top-right-radius: 3.40282e38px;
1961
- }
1962
-
1963
- :is(body, #wpwrap #editor) .es\:rounded-t-lg {
1964
- border-top-left-radius: var(--es-radius-lg);
1965
- border-top-right-radius: var(--es-radius-lg);
1966
- }
1967
-
1968
1845
  :is(body, #wpwrap #editor) .es\:rounded-r-full {
1969
1846
  border-top-right-radius: 3.40282e38px;
1970
1847
  border-bottom-right-radius: 3.40282e38px;
@@ -1985,21 +1862,51 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1985
1862
  border-width: 1px;
1986
1863
  }
1987
1864
 
1865
+ :is(body, #wpwrap #editor) .es\:border-x {
1866
+ border-inline-style: var(--tw-border-style);
1867
+ border-inline-width: 1px;
1868
+ }
1869
+
1870
+ :is(body, #wpwrap #editor) .es\:border-y {
1871
+ border-block-style: var(--tw-border-style);
1872
+ border-block-width: 1px;
1873
+ }
1874
+
1988
1875
  :is(body, #wpwrap #editor) .es\:border-t {
1989
1876
  border-top-style: var(--tw-border-style);
1990
1877
  border-top-width: 1px;
1991
1878
  }
1992
1879
 
1880
+ :is(body, #wpwrap #editor) .es\:border-r {
1881
+ border-right-style: var(--tw-border-style);
1882
+ border-right-width: 1px;
1883
+ }
1884
+
1885
+ :is(body, #wpwrap #editor) .es\:border-r-0 {
1886
+ border-right-style: var(--tw-border-style);
1887
+ border-right-width: 0;
1888
+ }
1889
+
1993
1890
  :is(body, #wpwrap #editor) .es\:border-b {
1994
1891
  border-bottom-style: var(--tw-border-style);
1995
1892
  border-bottom-width: 1px;
1996
1893
  }
1997
1894
 
1895
+ :is(body, #wpwrap #editor) .es\:border-l {
1896
+ border-left-style: var(--tw-border-style);
1897
+ border-left-width: 1px;
1898
+ }
1899
+
1998
1900
  :is(body, #wpwrap #editor) .es\:border-dashed {
1999
1901
  --tw-border-style: dashed;
2000
1902
  border-style: dashed;
2001
1903
  }
2002
1904
 
1905
+ :is(body, #wpwrap #editor) .es\:border-dotted {
1906
+ --tw-border-style: dotted;
1907
+ border-style: dotted;
1908
+ }
1909
+
2003
1910
  :is(body, #wpwrap #editor) .es\:border-none\! {
2004
1911
  --tw-border-style: none !important;
2005
1912
  border-style: none !important;
@@ -2113,6 +2020,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2113
2020
  border-color: var(--es-color-secondary-600);
2114
2021
  }
2115
2022
 
2023
+ :is(body, #wpwrap #editor) .es\:border-sky-400 {
2024
+ border-color: var(--es-color-sky-400);
2025
+ }
2026
+
2116
2027
  :is(body, #wpwrap #editor) .es\:border-transparent {
2117
2028
  border-color: #0000;
2118
2029
  }
@@ -2133,6 +2044,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2133
2044
  border-bottom-color: var(--es-color-secondary-200);
2134
2045
  }
2135
2046
 
2047
+ :is(body, #wpwrap #editor) .es\:bg-\[\#f1f1f1\] {
2048
+ background-color: #f1f1f1;
2049
+ }
2050
+
2136
2051
  :is(body, #wpwrap #editor) .es\:bg-accent-50 {
2137
2052
  background-color: var(--es-color-accent-50);
2138
2053
  }
@@ -2213,6 +2128,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2213
2128
  background-color: color-mix(in oklab, var(--es-color-green-100) 5%, transparent);
2214
2129
  }
2215
2130
 
2131
+ :is(body, #wpwrap #editor) .es\:bg-green-500 {
2132
+ background-color: var(--es-color-green-500);
2133
+ }
2134
+
2216
2135
  :is(body, #wpwrap #editor) .es\:bg-indigo-500 {
2217
2136
  background-color: var(--es-color-indigo-500);
2218
2137
  }
@@ -2221,10 +2140,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2221
2140
  background-color: var(--es-color-lime-500);
2222
2141
  }
2223
2142
 
2143
+ :is(body, #wpwrap #editor) .es\:bg-neutral-100 {
2144
+ background-color: var(--es-color-neutral-100);
2145
+ }
2146
+
2224
2147
  :is(body, #wpwrap #editor) .es\:bg-orange-500 {
2225
2148
  background-color: var(--es-color-orange-500);
2226
2149
  }
2227
2150
 
2151
+ :is(body, #wpwrap #editor) .es\:bg-purple-50 {
2152
+ background-color: var(--es-color-purple-50);
2153
+ }
2154
+
2228
2155
  :is(body, #wpwrap #editor) .es\:bg-red-50 {
2229
2156
  background-color: var(--es-color-red-50);
2230
2157
  }
@@ -2257,14 +2184,26 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2257
2184
  background-color: var(--es-color-secondary-300);
2258
2185
  }
2259
2186
 
2187
+ :is(body, #wpwrap #editor) .es\:bg-secondary-400 {
2188
+ background-color: var(--es-color-secondary-400);
2189
+ }
2190
+
2260
2191
  :is(body, #wpwrap #editor) .es\:bg-secondary-600 {
2261
2192
  background-color: var(--es-color-secondary-600);
2262
2193
  }
2263
2194
 
2195
+ :is(body, #wpwrap #editor) .es\:bg-secondary-900 {
2196
+ background-color: var(--es-color-secondary-900);
2197
+ }
2198
+
2264
2199
  :is(body, #wpwrap #editor) .es\:bg-transparent {
2265
2200
  background-color: #0000;
2266
2201
  }
2267
2202
 
2203
+ :is(body, #wpwrap #editor) .es\:bg-violet-50 {
2204
+ background-color: var(--es-color-violet-50);
2205
+ }
2206
+
2268
2207
  :is(body, #wpwrap #editor) .es\:bg-white {
2269
2208
  background-color: var(--es-color-white);
2270
2209
  }
@@ -2285,58 +2224,62 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2285
2224
  background-color: var(--es-color-yellow-400);
2286
2225
  }
2287
2226
 
2227
+ :is(body, #wpwrap #editor) .es\:bg-yellow-500 {
2228
+ background-color: var(--es-color-yellow-500);
2229
+ }
2230
+
2288
2231
  :is(body, #wpwrap #editor) .es\:bg-linear-to-b {
2289
- --tw-gradient-position: to bottom in oklab, ;
2232
+ --tw-gradient-position: to bottom in oklab;
2290
2233
  background-image: linear-gradient(var(--tw-gradient-stops));
2291
2234
  }
2292
2235
 
2293
2236
  :is(body, #wpwrap #editor) .es\:bg-linear-to-bl {
2294
- --tw-gradient-position: to bottom left in oklab, ;
2237
+ --tw-gradient-position: to bottom left in oklab;
2295
2238
  background-image: linear-gradient(var(--tw-gradient-stops));
2296
2239
  }
2297
2240
 
2298
2241
  :is(body, #wpwrap #editor) .es\:bg-linear-to-br {
2299
- --tw-gradient-position: to bottom right in oklab, ;
2242
+ --tw-gradient-position: to bottom right in oklab;
2300
2243
  background-image: linear-gradient(var(--tw-gradient-stops));
2301
2244
  }
2302
2245
 
2303
2246
  :is(body, #wpwrap #editor) .es\:bg-linear-to-l {
2304
- --tw-gradient-position: to left in oklab, ;
2247
+ --tw-gradient-position: to left in oklab;
2305
2248
  background-image: linear-gradient(var(--tw-gradient-stops));
2306
2249
  }
2307
2250
 
2308
2251
  :is(body, #wpwrap #editor) .es\:bg-linear-to-r {
2309
- --tw-gradient-position: to right in oklab, ;
2252
+ --tw-gradient-position: to right in oklab;
2310
2253
  background-image: linear-gradient(var(--tw-gradient-stops));
2311
2254
  }
2312
2255
 
2313
2256
  :is(body, #wpwrap #editor) .es\:bg-linear-to-t {
2314
- --tw-gradient-position: to top in oklab, ;
2257
+ --tw-gradient-position: to top in oklab;
2315
2258
  background-image: linear-gradient(var(--tw-gradient-stops));
2316
2259
  }
2317
2260
 
2318
2261
  :is(body, #wpwrap #editor) .es\:bg-linear-to-tl {
2319
- --tw-gradient-position: to top left in oklab, ;
2262
+ --tw-gradient-position: to top left in oklab;
2320
2263
  background-image: linear-gradient(var(--tw-gradient-stops));
2321
2264
  }
2322
2265
 
2323
2266
  :is(body, #wpwrap #editor) .es\:bg-linear-to-tr {
2324
- --tw-gradient-position: to top right in oklab, ;
2267
+ --tw-gradient-position: to top right in oklab;
2325
2268
  background-image: linear-gradient(var(--tw-gradient-stops));
2326
2269
  }
2327
2270
 
2328
2271
  :is(body, #wpwrap #editor) .es\:bg-radial {
2329
- --tw-gradient-position: in oklab, ;
2272
+ --tw-gradient-position: in oklab;
2330
2273
  background-image: radial-gradient(var(--tw-gradient-stops));
2331
2274
  }
2332
2275
 
2333
2276
  :is(body, #wpwrap #editor) .es\:bg-radial-\[at_50\%_125\%\] {
2334
- --tw-gradient-position: at 50% 125%, ;
2277
+ --tw-gradient-position: at 50% 125%;
2335
2278
  background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
2336
2279
  }
2337
2280
 
2338
2281
  :is(body, #wpwrap #editor) .es\:bg-radial-\[circle_at_75\%_50\%\] {
2339
- --tw-gradient-position: circle at 75% 50%, ;
2282
+ --tw-gradient-position: circle at 75% 50%;
2340
2283
  background-image: radial-gradient(var(--tw-gradient-stops, circle at 75% 50%));
2341
2284
  }
2342
2285
 
@@ -2350,47 +2293,47 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2350
2293
 
2351
2294
  :is(body, #wpwrap #editor) .es\:from-accent-500 {
2352
2295
  --tw-gradient-from: var(--es-color-accent-500);
2353
- --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));
2296
+ --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));
2354
2297
  }
2355
2298
 
2356
2299
  :is(body, #wpwrap #editor) .es\:from-accent-600 {
2357
2300
  --tw-gradient-from: var(--es-color-accent-600);
2358
- --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));
2301
+ --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));
2359
2302
  }
2360
2303
 
2361
2304
  :is(body, #wpwrap #editor) .es\:from-current {
2362
2305
  --tw-gradient-from: currentColor;
2363
- --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));
2306
+ --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));
2364
2307
  }
2365
2308
 
2366
2309
  :is(body, #wpwrap #editor) .es\:from-red-50\/75 {
2367
2310
  --tw-gradient-from: color-mix(in oklab, var(--es-color-red-50) 75%, transparent);
2368
- --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));
2311
+ --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));
2369
2312
  }
2370
2313
 
2371
2314
  :is(body, #wpwrap #editor) .es\:from-secondary-50 {
2372
2315
  --tw-gradient-from: var(--es-color-secondary-50);
2373
- --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));
2316
+ --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));
2374
2317
  }
2375
2318
 
2376
2319
  :is(body, #wpwrap #editor) .es\:from-secondary-100 {
2377
2320
  --tw-gradient-from: var(--es-color-secondary-100);
2378
- --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));
2321
+ --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));
2379
2322
  }
2380
2323
 
2381
2324
  :is(body, #wpwrap #editor) .es\:from-secondary-500 {
2382
2325
  --tw-gradient-from: var(--es-color-secondary-500);
2383
- --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));
2326
+ --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));
2384
2327
  }
2385
2328
 
2386
2329
  :is(body, #wpwrap #editor) .es\:from-secondary-700 {
2387
2330
  --tw-gradient-from: var(--es-color-secondary-700);
2388
- --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));
2331
+ --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));
2389
2332
  }
2390
2333
 
2391
2334
  :is(body, #wpwrap #editor) .es\:from-white {
2392
2335
  --tw-gradient-from: var(--es-color-white);
2393
- --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));
2336
+ --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));
2394
2337
  }
2395
2338
 
2396
2339
  :is(body, #wpwrap #editor) .es\:from-40\% {
@@ -2399,37 +2342,42 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2399
2342
 
2400
2343
  :is(body, #wpwrap #editor) .es\:to-accent-500 {
2401
2344
  --tw-gradient-to: var(--es-color-accent-500);
2402
- --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));
2345
+ --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));
2403
2346
  }
2404
2347
 
2405
2348
  :is(body, #wpwrap #editor) .es\:to-accent-500\/30 {
2406
2349
  --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
2407
- --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));
2350
+ --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));
2408
2351
  }
2409
2352
 
2410
2353
  :is(body, #wpwrap #editor) .es\:to-accent-600 {
2411
2354
  --tw-gradient-to: var(--es-color-accent-600);
2412
- --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));
2355
+ --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));
2356
+ }
2357
+
2358
+ :is(body, #wpwrap #editor) .es\:to-secondary-50 {
2359
+ --tw-gradient-to: var(--es-color-secondary-50);
2360
+ --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));
2413
2361
  }
2414
2362
 
2415
2363
  :is(body, #wpwrap #editor) .es\:to-secondary-100 {
2416
2364
  --tw-gradient-to: var(--es-color-secondary-100);
2417
- --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));
2365
+ --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));
2418
2366
  }
2419
2367
 
2420
2368
  :is(body, #wpwrap #editor) .es\:to-secondary-200 {
2421
2369
  --tw-gradient-to: var(--es-color-secondary-200);
2422
- --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));
2370
+ --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));
2423
2371
  }
2424
2372
 
2425
2373
  :is(body, #wpwrap #editor) .es\:to-secondary-600 {
2426
2374
  --tw-gradient-to: var(--es-color-secondary-600);
2427
- --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));
2375
+ --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));
2428
2376
  }
2429
2377
 
2430
2378
  :is(body, #wpwrap #editor) .es\:to-white {
2431
2379
  --tw-gradient-to: var(--es-color-white);
2432
- --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));
2380
+ --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));
2433
2381
  }
2434
2382
 
2435
2383
  :is(body, #wpwrap #editor) .es\:fill-secondary-200 {
@@ -2448,6 +2396,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2448
2396
  stroke-width: 2px;
2449
2397
  }
2450
2398
 
2399
+ :is(body, #wpwrap #editor) .es\:stroke-\[1\.2\] {
2400
+ stroke-width: 1.2px;
2401
+ }
2402
+
2451
2403
  :is(body, #wpwrap #editor) .es\:stroke-\[1\.25\] {
2452
2404
  stroke-width: 1.25px;
2453
2405
  }
@@ -2496,6 +2448,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2496
2448
  padding: calc(var(--es-spacing) * 5);
2497
2449
  }
2498
2450
 
2451
+ :is(body, #wpwrap #editor) .es\:p-5\! {
2452
+ padding: calc(var(--es-spacing) * 5) !important;
2453
+ }
2454
+
2455
+ :is(body, #wpwrap #editor) .es\:p-10 {
2456
+ padding: calc(var(--es-spacing) * 10);
2457
+ }
2458
+
2499
2459
  :is(body, #wpwrap #editor) .es\:p-\[0\.1875rem\] {
2500
2460
  padding: .1875rem;
2501
2461
  }
@@ -2680,6 +2640,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2680
2640
  font-family: var(--es-font-mono);
2681
2641
  }
2682
2642
 
2643
+ :is(body, #wpwrap #editor) .es\:font-sans {
2644
+ font-family: var(--es-font-sans);
2645
+ }
2646
+
2683
2647
  :is(body, #wpwrap #editor) .es\:text-2xl {
2684
2648
  font-size: var(--es-text-2xl);
2685
2649
  line-height: var(--tw-leading, var(--es-text-2xl--line-height));
@@ -2729,6 +2693,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2729
2693
  font-weight: 450;
2730
2694
  }
2731
2695
 
2696
+ :is(body, #wpwrap #editor) .es\:font-bold {
2697
+ --tw-font-weight: var(--es-font-weight-bold);
2698
+ font-weight: var(--es-font-weight-bold);
2699
+ }
2700
+
2732
2701
  :is(body, #wpwrap #editor) .es\:font-medium {
2733
2702
  --tw-font-weight: var(--es-font-weight-medium);
2734
2703
  font-weight: var(--es-font-weight-medium);
@@ -2893,6 +2862,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2893
2862
  color: var(--es-color-secondary-400);
2894
2863
  }
2895
2864
 
2865
+ :is(body, #wpwrap #editor) .es\:text-secondary-400\! {
2866
+ color: var(--es-color-secondary-400) !important;
2867
+ }
2868
+
2896
2869
  :is(body, #wpwrap #editor) .es\:text-secondary-500 {
2897
2870
  color: var(--es-color-secondary-500);
2898
2871
  }
@@ -2954,6 +2927,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2954
2927
  opacity: 0;
2955
2928
  }
2956
2929
 
2930
+ :is(body, #wpwrap #editor) .es\:opacity-25 {
2931
+ opacity: .25;
2932
+ }
2933
+
2957
2934
  :is(body, #wpwrap #editor) .es\:opacity-40 {
2958
2935
  opacity: .4;
2959
2936
  }
@@ -2970,26 +2947,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2970
2947
  opacity: .65;
2971
2948
  }
2972
2949
 
2973
- :is(body, #wpwrap #editor) .es\:inset-ring {
2974
- --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
2975
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2976
- }
2977
-
2978
- :is(body, #wpwrap #editor) .es\:inset-shadow-xs {
2979
- --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
2980
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2981
- }
2982
-
2983
- :is(body, #wpwrap #editor) .es\:ring-1 {
2984
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
2985
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2986
- }
2987
-
2988
- :is(body, #wpwrap #editor) .es\:ring-2 {
2989
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
2990
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2991
- }
2992
-
2993
2950
  :is(body, #wpwrap #editor) .es\:shadow {
2994
2951
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
2995
2952
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3035,6 +2992,31 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3035
2992
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3036
2993
  }
3037
2994
 
2995
+ :is(body, #wpwrap #editor) .es\:ring-1 {
2996
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
2997
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2998
+ }
2999
+
3000
+ :is(body, #wpwrap #editor) .es\:ring-2 {
3001
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3002
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3003
+ }
3004
+
3005
+ :is(body, #wpwrap #editor) .es\:ring-3 {
3006
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3007
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3008
+ }
3009
+
3010
+ :is(body, #wpwrap #editor) .es\:inset-shadow-xs {
3011
+ --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
3012
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3013
+ }
3014
+
3015
+ :is(body, #wpwrap #editor) .es\:inset-ring {
3016
+ --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
3017
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3018
+ }
3019
+
3038
3020
  :is(body, #wpwrap #editor) .es\:shadow-accent-500\/25 {
3039
3021
  --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-500) 25%, transparent);
3040
3022
  }
@@ -3099,6 +3081,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3099
3081
  --tw-inset-shadow-color: var(--es-color-red-50);
3100
3082
  }
3101
3083
 
3084
+ :is(body, #wpwrap #editor) .es\:inset-shadow-secondary-100 {
3085
+ --tw-inset-shadow-color: var(--es-color-secondary-100);
3086
+ }
3087
+
3102
3088
  :is(body, #wpwrap #editor) .es\:inset-shadow-secondary-100\/50 {
3103
3089
  --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) 50%, transparent);
3104
3090
  }
@@ -3123,7 +3109,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3123
3109
  --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 20%, transparent);
3124
3110
  }
3125
3111
 
3112
+ :is(body, #wpwrap #editor) .es\:inset-ring-secondary-200\/30 {
3113
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 30%, transparent);
3114
+ }
3115
+
3126
3116
  :is(body, #wpwrap #editor) .es\:outline-hidden {
3117
+ --tw-outline-style: none;
3127
3118
  outline-style: none;
3128
3119
  }
3129
3120
 
@@ -3135,6 +3126,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3135
3126
  }
3136
3127
 
3137
3128
  :is(body, #wpwrap #editor) .es\:outline-hidden\! {
3129
+ --tw-outline-style: none !important;
3138
3130
  outline-style: none !important;
3139
3131
  }
3140
3132
 
@@ -3264,6 +3256,36 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3264
3256
  will-change: transform;
3265
3257
  }
3266
3258
 
3259
+ :is(body, #wpwrap #editor) .es\:motion-ease-linear\/opacity {
3260
+ --motion-opacity-timing: linear;
3261
+ --motion-opacity-perceptual-duration-multiplier: 1;
3262
+ }
3263
+
3264
+ :is(body, #wpwrap #editor) .es\:motion-ease-spring-smooth {
3265
+ --motion-timing: var(--motion-spring-smooth);
3266
+ --motion-perceptual-duration-multiplier: 1.66;
3267
+ }
3268
+
3269
+ :is(body, #wpwrap #editor) .es\:motion-ease-spring-smooth\/scale {
3270
+ --motion-scale-timing: var(--motion-spring-smooth);
3271
+ --motion-scale-perceptual-duration-multiplier: 1.66;
3272
+ }
3273
+
3274
+ :is(body, #wpwrap #editor) .es\:motion-ease-spring-snappy {
3275
+ --motion-timing: var(--motion-spring-snappy);
3276
+ --motion-perceptual-duration-multiplier: 1.66;
3277
+ }
3278
+
3279
+ :is(body, #wpwrap #editor) .es\:motion-ease-spring-snappy\/scale {
3280
+ --motion-scale-timing: var(--motion-spring-snappy);
3281
+ --motion-scale-perceptual-duration-multiplier: 1.66;
3282
+ }
3283
+
3284
+ :is(body, #wpwrap #editor) .es\:select-none {
3285
+ -webkit-user-select: none;
3286
+ user-select: none;
3287
+ }
3288
+
3267
3289
  :is(body, #wpwrap #editor) .es\:accent-text-shadow {
3268
3290
  text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
3269
3291
  }
@@ -3292,48 +3314,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3292
3314
  --motion-duration: 1.5s;
3293
3315
  }
3294
3316
 
3295
- :is(body, #wpwrap #editor) .es\:motion-ease-linear\/opacity {
3296
- --motion-opacity-timing: linear;
3297
- --motion-opacity-perceptual-duration-multiplier: 1;
3298
- }
3299
-
3300
- :is(body, #wpwrap #editor) .es\:motion-ease-spring-bouncier {
3301
- --motion-timing: var(--motion-spring-bouncier);
3302
- --motion-perceptual-duration-multiplier: 2.035;
3303
- --motion-filter-timing: var(--motion-spring-smooth);
3304
- --motion-opacity-timing: var(--motion-spring-smooth);
3305
- --motion-background-color-timing: var(--motion-spring-smooth);
3306
- --motion-text-color-timing: var(--motion-spring-smooth);
3307
- --motion-filter-perceptual-duration-multiplier: 1.66;
3308
- --motion-opacity-perceptual-duration-multiplier: 1.66;
3309
- --motion-background-color-perceptual-duration-multiplier: 1.66;
3310
- --motion-text-color-perceptual-duration-multiplier: 1.66;
3311
- }
3312
-
3313
- :is(body, #wpwrap #editor) .es\:motion-ease-spring-smooth\/scale {
3314
- --motion-scale-timing: var(--motion-spring-smooth);
3315
- --motion-scale-perceptual-duration-multiplier: 1.66;
3316
- }
3317
-
3318
- :is(body, #wpwrap #editor) .es\:motion-ease-spring-snappy {
3319
- --motion-timing: var(--motion-spring-snappy);
3320
- --motion-perceptual-duration-multiplier: 1.66;
3321
- }
3322
-
3323
- :is(body, #wpwrap #editor) .es\:motion-ease-spring-snappy\/scale {
3324
- --motion-scale-timing: var(--motion-spring-snappy);
3325
- --motion-scale-perceptual-duration-multiplier: 1.66;
3326
- }
3327
-
3328
3317
  :is(body, #wpwrap #editor) .es\:no-webkit-highlight {
3329
3318
  -webkit-tap-highlight-color: transparent;
3330
3319
  }
3331
3320
 
3332
- :is(body, #wpwrap #editor) .es\:select-none {
3333
- -webkit-user-select: none;
3334
- user-select: none;
3335
- }
3336
-
3337
3321
  :is(:is(body, #wpwrap #editor) .es\:\*\:col-start-1 > *) {
3338
3322
  grid-column-start: 1;
3339
3323
  }
@@ -3372,7 +3356,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3372
3356
  padding-bottom: calc(var(--es-spacing) * 4);
3373
3357
  }
3374
3358
 
3375
- :is(body, #wpwrap #editor) .es\:not-disabled\:cursor-pointer:not(:disabled, [data-rac][data-disabled]) {
3359
+ :is(body, #wpwrap #editor) .es\:not-disabled\:cursor-pointer:not(:is(:disabled, [data-rac][data-disabled])) {
3376
3360
  cursor: pointer;
3377
3361
  }
3378
3362
 
@@ -3392,6 +3376,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3392
3376
  }
3393
3377
  }
3394
3378
 
3379
+ :is(body, #wpwrap #editor) .es\:group-not-disabled\:cursor-pointer:is(:where(.es\:group):not(:is(:disabled, [data-rac][data-disabled])) *) {
3380
+ cursor: pointer;
3381
+ }
3382
+
3395
3383
  @media (hover: hover) {
3396
3384
  :is(body, #wpwrap #editor) .es\:group-hover\:text-black:is(:where(.es\:group):hover *) {
3397
3385
  color: var(--es-color-black);
@@ -3402,7 +3390,21 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3402
3390
  }
3403
3391
  }
3404
3392
 
3393
+ :is(body, #wpwrap #editor) .es\:group-focus\:border-accent-500:is(:where(.es\:group):focus *) {
3394
+ border-color: var(--es-color-accent-500);
3395
+ }
3396
+
3397
+ :is(body, #wpwrap #editor) .es\:group-focus\:ring-2:is(:where(.es\:group):focus *) {
3398
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3399
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3400
+ }
3401
+
3402
+ :is(body, #wpwrap #editor) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
3403
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3404
+ }
3405
+
3405
3406
  :is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
3407
+ --tw-outline-style: none;
3406
3408
  outline-style: none;
3407
3409
  }
3408
3410
 
@@ -3417,22 +3419,21 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3417
3419
  border-color: var(--es-color-accent-500);
3418
3420
  }
3419
3421
 
3420
- :is(body, #wpwrap #editor) .es\:group-focus-visible\:opacity-100:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3421
- opacity: 1;
3422
+ :is(body, #wpwrap #editor) .es\:group-focus-visible\:border-accent-600:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3423
+ border-color: var(--es-color-accent-600);
3422
3424
  }
3423
3425
 
3424
- :is(body, #wpwrap #editor) .es\:group-focus-visible\:inset-shadow-xs:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3425
- --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
3426
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3426
+ :is(body, #wpwrap #editor) .es\:group-focus-visible\:opacity-100:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3427
+ opacity: 1;
3427
3428
  }
3428
3429
 
3429
- :is(body, #wpwrap #editor) .es\:group-focus-visible\:ring:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3430
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3430
+ :is(body, #wpwrap #editor) .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3431
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3431
3432
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3432
3433
  }
3433
3434
 
3434
- :is(body, #wpwrap #editor) .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3435
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3435
+ :is(body, #wpwrap #editor) .es\:group-focus-visible\:inset-shadow-xs:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3436
+ --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
3436
3437
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3437
3438
  }
3438
3439
 
@@ -3453,6 +3454,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3453
3454
  scale: var(--tw-scale-x) var(--tw-scale-y);
3454
3455
  }
3455
3456
 
3457
+ :is(body, #wpwrap #editor) .es\:group-data-\[placement\=bottom\]\:rotate-180:is(:where(.es\:group)[data-placement="bottom"] *) {
3458
+ rotate: 180deg;
3459
+ }
3460
+
3461
+ :is(body, #wpwrap #editor) .es\:group-data-\[placement\=left\]\:-rotate-90:is(:where(.es\:group)[data-placement="left"] *) {
3462
+ rotate: -90deg;
3463
+ }
3464
+
3465
+ :is(body, #wpwrap #editor) .es\:group-data-\[placement\=right\]\:rotate-90:is(:where(.es\:group)[data-placement="right"] *) {
3466
+ rotate: 90deg;
3467
+ }
3468
+
3456
3469
  :is(body, #wpwrap #editor) .es\:group-selected\:bg-accent-50:is(:where(.es\:group)[data-selected] *) {
3457
3470
  background-color: var(--es-color-accent-50);
3458
3471
  }
@@ -3640,13 +3653,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3640
3653
 
3641
3654
  :is(body, #wpwrap #editor) .es\:after\:bg-linear-to-b:after {
3642
3655
  content: var(--tw-content);
3643
- --tw-gradient-position: to bottom in oklab, ;
3656
+ --tw-gradient-position: to bottom in oklab;
3644
3657
  background-image: linear-gradient(var(--tw-gradient-stops));
3645
3658
  }
3646
3659
 
3647
3660
  :is(body, #wpwrap #editor) .es\:after\:bg-linear-to-r:after {
3648
3661
  content: var(--tw-content);
3649
- --tw-gradient-position: to right in oklab, ;
3662
+ --tw-gradient-position: to right in oklab;
3650
3663
  background-image: linear-gradient(var(--tw-gradient-stops));
3651
3664
  }
3652
3665
 
@@ -3667,14 +3680,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3667
3680
  margin-top: calc(var(--es-spacing) * 1);
3668
3681
  }
3669
3682
 
3670
- :is(body, #wpwrap #editor) .es\:first\:rounded-l-xl:first-child {
3683
+ :is(body, #wpwrap #editor) .es\:first\:rounded-t-xl:first-child {
3671
3684
  border-top-left-radius: var(--es-radius-xl);
3672
- border-bottom-left-radius: var(--es-radius-xl);
3685
+ border-top-right-radius: var(--es-radius-xl);
3673
3686
  }
3674
3687
 
3675
- :is(body, #wpwrap #editor) .es\:first\:rounded-t-xl:first-child {
3688
+ :is(body, #wpwrap #editor) .es\:first\:rounded-l-xl:first-child {
3676
3689
  border-top-left-radius: var(--es-radius-xl);
3677
- border-top-right-radius: var(--es-radius-xl);
3690
+ border-bottom-left-radius: var(--es-radius-xl);
3678
3691
  }
3679
3692
 
3680
3693
  :is(body, #wpwrap #editor) .es\:first\:pt-1\.5:first-child {
@@ -3756,7 +3769,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3756
3769
 
3757
3770
  :is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:hover {
3758
3771
  --tw-gradient-to: var(--es-color-secondary-100);
3759
- --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));
3772
+ --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));
3760
3773
  }
3761
3774
 
3762
3775
  :is(body, #wpwrap #editor) .es\:hover\:text-accent-500:hover {
@@ -3800,6 +3813,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3800
3813
  }
3801
3814
 
3802
3815
  :is(body, #wpwrap #editor) .es\:hover\:outline-hidden:hover {
3816
+ --tw-outline-style: none;
3803
3817
  outline-style: none;
3804
3818
  }
3805
3819
 
@@ -3810,15 +3824,15 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3810
3824
  }
3811
3825
  }
3812
3826
 
3813
- :is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-red-500\/5:not(:disabled, [data-rac][data-disabled]):hover {
3827
+ :is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
3814
3828
  background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
3815
3829
  }
3816
3830
 
3817
- :is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-secondary-100:not(:disabled, [data-rac][data-disabled]):hover, :is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:disabled, [data-rac][data-disabled]):not([data-selected]):hover {
3831
+ :is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):hover, :is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
3818
3832
  background-color: var(--es-color-secondary-100);
3819
3833
  }
3820
3834
 
3821
- :is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:disabled, [data-rac][data-disabled]):not([data-selected]):hover {
3835
+ :is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
3822
3836
  color: var(--es-color-secondary-900);
3823
3837
  }
3824
3838
 
@@ -3827,26 +3841,25 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3827
3841
  background-color: var(--es-color-accent-500);
3828
3842
  }
3829
3843
 
3830
- :is(body, #wpwrap #editor) .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:hover:not([data-selected]):not(:disabled, [data-rac][data-disabled]):after {
3844
+ :is(body, #wpwrap #editor) .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
3831
3845
  content: var(--tw-content);
3832
3846
  --tw-gradient-from: var(--es-color-secondary-200);
3833
- --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));
3847
+ --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));
3834
3848
  }
3835
3849
 
3836
- :is(body, #wpwrap #editor) .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:hover:not([data-selected]):not(:disabled, [data-rac][data-disabled]):after {
3850
+ :is(body, #wpwrap #editor) .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
3837
3851
  content: var(--tw-content);
3838
3852
  --tw-gradient-to: var(--es-color-secondary-300);
3839
- --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));
3853
+ --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));
3840
3854
  }
3841
3855
  }
3842
3856
 
3843
- :is(body, #wpwrap #editor) .es\:focus\:text-current:focus {
3844
- color: currentColor;
3857
+ :is(body, #wpwrap #editor) .es\:focus\:border-accent-500:focus {
3858
+ border-color: var(--es-color-accent-500);
3845
3859
  }
3846
3860
 
3847
- :is(body, #wpwrap #editor) .es\:focus\:ring-2:focus {
3848
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3849
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3861
+ :is(body, #wpwrap #editor) .es\:focus\:text-current:focus {
3862
+ color: currentColor;
3850
3863
  }
3851
3864
 
3852
3865
  :is(body, #wpwrap #editor) .es\:focus\:shadow-none\!:focus {
@@ -3854,19 +3867,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3854
3867
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3855
3868
  }
3856
3869
 
3857
- :is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:focus {
3858
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3859
- }
3860
-
3861
- :is(body, #wpwrap #editor) .es\:focus\:outline-hidden:focus {
3862
- outline-style: none;
3870
+ :is(body, #wpwrap #editor) .es\:focus\:ring-2:focus {
3871
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3872
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3863
3873
  }
3864
3874
 
3865
- @media (forced-colors: active) {
3866
- :is(body, #wpwrap #editor) .es\:focus\:outline-hidden:focus {
3867
- outline-offset: 2px;
3868
- outline: 2px solid #0000;
3869
- }
3875
+ :is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:focus {
3876
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3870
3877
  }
3871
3878
 
3872
3879
  :is(body, #wpwrap #editor) .es\:focus-visible\:z-10:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
@@ -3905,8 +3912,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3905
3912
  color: var(--es-color-red-900);
3906
3913
  }
3907
3914
 
3908
- :is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3909
- --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
3915
+ :is(body, #wpwrap #editor) .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3916
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3910
3917
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3911
3918
  }
3912
3919
 
@@ -3915,18 +3922,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3915
3922
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3916
3923
  }
3917
3924
 
3918
- :is(body, #wpwrap #editor) .es\:focus-visible\:ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3919
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3920
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3921
- }
3922
-
3923
- :is(body, #wpwrap #editor) .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3924
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3925
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3926
- }
3927
-
3928
- :is(body, #wpwrap #editor) .es\:focus-visible\:ring-3:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3929
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3925
+ :is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3926
+ --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
3930
3927
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3931
3928
  }
3932
3929
 
@@ -3955,6 +3952,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3955
3952
  }
3956
3953
 
3957
3954
  :is(body, #wpwrap #editor) .es\:focus-visible\:outline-hidden:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3955
+ --tw-outline-style: none;
3958
3956
  outline-style: none;
3959
3957
  }
3960
3958
 
@@ -4014,18 +4012,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4014
4012
  }
4015
4013
 
4016
4014
  :is(body, #wpwrap #editor) .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
4017
- --tw-gradient-position: to right in oklab, !important;
4015
+ --tw-gradient-position: to right in oklab !important;
4018
4016
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
4019
4017
  }
4020
4018
 
4021
4019
  :is(body, #wpwrap #editor) .es\:disabled\:from-white:is(:disabled, [data-rac][data-disabled]) {
4022
4020
  --tw-gradient-from: var(--es-color-white);
4023
- --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));
4021
+ --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));
4024
4022
  }
4025
4023
 
4026
4024
  :is(body, #wpwrap #editor) .es\:disabled\:to-secondary-100:is(:disabled, [data-rac][data-disabled]) {
4027
4025
  --tw-gradient-to: var(--es-color-secondary-100);
4028
- --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));
4026
+ --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));
4029
4027
  }
4030
4028
 
4031
4029
  :is(body, #wpwrap #editor) .es\:disabled\:text-secondary-300:is(:disabled, [data-rac][data-disabled]) {
@@ -4056,11 +4054,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4056
4054
  opacity: 0;
4057
4055
  }
4058
4056
 
4059
- :is(body, #wpwrap #editor) .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
4060
- --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentColor);
4061
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4062
- }
4063
-
4064
4057
  :is(body, #wpwrap #editor) .es\:disabled\:shadow-none:is(:disabled, [data-rac][data-disabled]) {
4065
4058
  --tw-shadow: 0 0 #0000;
4066
4059
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4071,6 +4064,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4071
4064
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
4072
4065
  }
4073
4066
 
4067
+ :is(body, #wpwrap #editor) .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
4068
+ --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentColor);
4069
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4070
+ }
4071
+
4074
4072
  :is(body, #wpwrap #editor) .es\:disabled\:inset-shadow-transparent:is(:disabled, [data-rac][data-disabled]) {
4075
4073
  --tw-inset-shadow-color: transparent;
4076
4074
  }
@@ -4085,6 +4083,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4085
4083
  }
4086
4084
 
4087
4085
  :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, #wpwrap #editor) .es\:in-focus-visible\:outline-hidden) {
4086
+ --tw-outline-style: none;
4088
4087
  outline-style: none;
4089
4088
  }
4090
4089
 
@@ -4095,6 +4094,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4095
4094
  }
4096
4095
  }
4097
4096
 
4097
+ :is(body, #wpwrap #editor) .es\:has-icon\:pl-1:has(* > svg) {
4098
+ padding-left: calc(var(--es-spacing) * 1);
4099
+ }
4100
+
4098
4101
  :is(body, #wpwrap #editor) .es\:has-icon\:pl-2\.5:has(* > svg) {
4099
4102
  padding-left: calc(var(--es-spacing) * 2.5);
4100
4103
  }
@@ -4191,15 +4194,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4191
4194
  animation: var(--motion-all-exit-animations);
4192
4195
  }
4193
4196
 
4194
- :is(body, #wpwrap #editor) .es\:motion-safe\:motion-duration-300 {
4195
- --motion-duration: .3s;
4196
- }
4197
-
4198
- :is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-linear\/opacity {
4199
- --motion-opacity-timing: linear;
4200
- --motion-opacity-perceptual-duration-multiplier: 1;
4201
- }
4202
-
4203
4197
  :is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-spring-bouncy {
4204
4198
  --motion-timing: var(--motion-spring-bouncy);
4205
4199
  --motion-perceptual-duration-multiplier: 1.66;
@@ -4213,13 +4207,22 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4213
4207
  --motion-text-color-perceptual-duration-multiplier: 1.66;
4214
4208
  }
4215
4209
 
4210
+ :is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-linear\/opacity {
4211
+ --motion-opacity-timing: linear;
4212
+ --motion-opacity-perceptual-duration-multiplier: 1;
4213
+ }
4214
+
4216
4215
  :is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-spring-smooth {
4217
4216
  --motion-timing: var(--motion-spring-smooth);
4218
4217
  --motion-perceptual-duration-multiplier: 1.66;
4219
4218
  }
4220
4219
 
4221
- :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-25[data-placement="bottom"] {
4222
- --motion-origin-translate-y: calc(25% * -1);
4220
+ :is(body, #wpwrap #editor) .es\:motion-safe\:motion-duration-300 {
4221
+ --motion-duration: .3s;
4222
+ }
4223
+
4224
+ :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-\[5\%\][data-placement="bottom"] {
4225
+ --motion-origin-translate-y: calc(5% * -1);
4223
4226
  --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;
4224
4227
  animation: var(--motion-all-loop-and-enter-animations);
4225
4228
  }
@@ -4230,32 +4233,32 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4230
4233
  animation: var(--motion-all-exit-animations);
4231
4234
  }
4232
4235
 
4233
- :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=left\]\:-motion-translate-x-in-25[data-placement="left"] {
4234
- --motion-origin-translate-x: calc(25% * -1);
4236
+ :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-in-\[5\%\][data-placement="left"] {
4237
+ --motion-origin-translate-x: 5%;
4235
4238
  --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;
4236
4239
  animation: var(--motion-all-loop-and-enter-animations);
4237
4240
  }
4238
4241
 
4239
- :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-out-\[-12\.5\%\][data-placement="left"] {
4240
- --motion-end-translate-x: -12.5%;
4242
+ :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-out-\[12\.5\%\][data-placement="left"] {
4243
+ --motion-end-translate-x: 12.5%;
4241
4244
  --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;
4242
4245
  animation: var(--motion-all-exit-animations);
4243
4246
  }
4244
4247
 
4245
- :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-in-25[data-placement="right"] {
4246
- --motion-origin-translate-x: 25%;
4248
+ :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=right\]\:-motion-translate-x-in-\[5\%\][data-placement="right"] {
4249
+ --motion-origin-translate-x: calc(5% * -1);
4247
4250
  --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;
4248
4251
  animation: var(--motion-all-loop-and-enter-animations);
4249
4252
  }
4250
4253
 
4251
- :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-out-\[12\.5\%\][data-placement="right"] {
4252
- --motion-end-translate-x: 12.5%;
4254
+ :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-out-\[-12\.5\%\][data-placement="right"] {
4255
+ --motion-end-translate-x: -12.5%;
4253
4256
  --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;
4254
4257
  animation: var(--motion-all-exit-animations);
4255
4258
  }
4256
4259
 
4257
- :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-25[data-placement="top"] {
4258
- --motion-origin-translate-y: 25%;
4260
+ :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-\[5\%\][data-placement="top"] {
4261
+ --motion-origin-translate-y: 5%;
4259
4262
  --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;
4260
4263
  animation: var(--motion-all-loop-and-enter-animations);
4261
4264
  }
@@ -4293,6 +4296,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4293
4296
  }
4294
4297
 
4295
4298
  :is(body, #wpwrap #editor) .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
4299
+ --tw-outline-style: none;
4296
4300
  outline-style: none;
4297
4301
  }
4298
4302
 
@@ -4330,13 +4334,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4330
4334
  :is(body, #wpwrap #editor) .es\:selected\:after\:from-accent-500[data-selected]:after {
4331
4335
  content: var(--tw-content);
4332
4336
  --tw-gradient-from: var(--es-color-accent-500);
4333
- --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));
4337
+ --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));
4334
4338
  }
4335
4339
 
4336
4340
  :is(body, #wpwrap #editor) .es\:selected\:after\:to-accent-600[data-selected]:after {
4337
4341
  content: var(--tw-content);
4338
4342
  --tw-gradient-to: var(--es-color-accent-600);
4339
- --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));
4343
+ --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));
4340
4344
  }
4341
4345
 
4342
4346
  :is(body, #wpwrap #editor) .es\:selected\:after\:shadow-xs[data-selected]:after {
@@ -4384,6 +4388,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4384
4388
  height: calc(var(--es-spacing) * 4);
4385
4389
  }
4386
4390
 
4391
+ :is(body, #wpwrap #editor) .es\:icon\:size-4\! > svg {
4392
+ width: calc(var(--es-spacing) * 4) !important;
4393
+ height: calc(var(--es-spacing) * 4) !important;
4394
+ }
4395
+
4387
4396
  :is(body, #wpwrap #editor) .es\:icon\:size-4\.5 > svg {
4388
4397
  width: calc(var(--es-spacing) * 4.5);
4389
4398
  height: calc(var(--es-spacing) * 4.5);
@@ -4449,6 +4458,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4449
4458
  color: var(--es-color-gray-500);
4450
4459
  }
4451
4460
 
4461
+ :is(body, #wpwrap #editor) .es\:icon\:text-lime-500 > svg {
4462
+ color: var(--es-color-lime-500);
4463
+ }
4464
+
4452
4465
  :is(body, #wpwrap #editor) .es\:icon\:text-secondary-500 > svg {
4453
4466
  color: var(--es-color-secondary-500);
4454
4467
  }
@@ -4544,12 +4557,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4544
4557
  text-overflow: ellipsis;
4545
4558
  }
4546
4559
 
4560
+ :is(body, #wpwrap #editor) .es\:\[\&_svg\]\:size-4\! svg {
4561
+ width: calc(var(--es-spacing) * 4) !important;
4562
+ height: calc(var(--es-spacing) * 4) !important;
4563
+ }
4564
+
4547
4565
  :is(body, #wpwrap #editor) .es\:\[\&_svg_path\]\:stroke-red-500 svg path {
4548
4566
  stroke: var(--es-color-red-500);
4549
4567
  }
4550
4568
 
4551
- :is(body, #wpwrap #editor) .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring:has( > [data-focus-visible="true"]) {
4552
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
4569
+ :is(body, #wpwrap #editor) .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-2:has( > [data-focus-visible="true"]) {
4570
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
4553
4571
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4554
4572
  }
4555
4573
 
@@ -4565,11 +4583,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4565
4583
  opacity: .8;
4566
4584
  }
4567
4585
 
4568
- :is(body, #wpwrap #editor) .es\:\[\&\>svg\]\:size-5\.5 > svg {
4569
- width: var(--es-spacing-5_5);
4570
- height: var(--es-spacing-5_5);
4571
- }
4572
-
4573
4586
  @layer base {
4574
4587
  :root {
4575
4588
  --motion-default-timing: cubic-bezier(.165, .84, .44, 1);
@@ -4791,9 +4804,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4791
4804
  }
4792
4805
 
4793
4806
  @keyframes motion-rotate-loop-reset {
4794
- 0% {
4795
- }
4796
-
4797
4807
  100% {
4798
4808
  rotate: var(--motion-loop-rotate);
4799
4809
  }
@@ -4853,18 +4863,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4853
4863
  }
4854
4864
 
4855
4865
  @keyframes motion-opacity-loop-mirror {
4856
- 0%, 100% {
4857
- }
4858
-
4859
4866
  50% {
4860
4867
  opacity: var(--motion-loop-opacity);
4861
4868
  }
4862
4869
  }
4863
4870
 
4864
4871
  @keyframes motion-opacity-loop-reset {
4865
- 0% {
4866
- }
4867
-
4868
4872
  100% {
4869
4873
  opacity: var(--motion-loop-opacity);
4870
4874
  }
@@ -4883,18 +4887,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4883
4887
  }
4884
4888
 
4885
4889
  @keyframes motion-background-color-loop-mirror {
4886
- 0%, 100% {
4887
- }
4888
-
4889
4890
  50% {
4890
4891
  background-color: var(--motion-loop-background-color);
4891
4892
  }
4892
4893
  }
4893
4894
 
4894
4895
  @keyframes motion-background-color-loop-reset {
4895
- 0% {
4896
- }
4897
-
4898
4896
  100% {
4899
4897
  background-color: var(--motion-loop-background-color);
4900
4898
  }
@@ -4913,55 +4911,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4913
4911
  }
4914
4912
 
4915
4913
  @keyframes motion-text-color-loop-mirror {
4916
- 0%, 100% {
4917
- }
4918
-
4919
4914
  50% {
4920
4915
  color: var(--motion-loop-text-color);
4921
4916
  }
4922
4917
  }
4923
4918
 
4924
4919
  @keyframes motion-text-color-loop-reset {
4925
- 0% {
4926
- }
4927
-
4928
4920
  100% {
4929
4921
  color: var(--motion-loop-text-color);
4930
4922
  }
4931
4923
  }
4932
4924
  }
4933
4925
 
4934
- @keyframes spin {
4935
- to {
4936
- transform: rotate(360deg);
4937
- }
4938
- }
4939
-
4940
- @keyframes ping {
4941
- 75%, 100% {
4942
- opacity: 0;
4943
- transform: scale(2);
4944
- }
4945
- }
4946
-
4947
- @keyframes pulse {
4948
- 50% {
4949
- opacity: .5;
4950
- }
4951
- }
4952
-
4953
- @keyframes bounce {
4954
- 0%, 100% {
4955
- animation-timing-function: cubic-bezier(.8, 0, 1, 1);
4956
- transform: translateY(-25%);
4957
- }
4958
-
4959
- 50% {
4960
- animation-timing-function: cubic-bezier(0, 0, .2, 1);
4961
- transform: none;
4962
- }
4963
- }
4964
-
4965
4926
  @property --tw-translate-x {
4966
4927
  syntax: "*";
4967
4928
  inherits: false;
@@ -5225,6 +5186,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5225
5186
  inherits: false
5226
5187
  }
5227
5188
 
5189
+ @property --tw-drop-shadow {
5190
+ syntax: "*";
5191
+ inherits: false
5192
+ }
5193
+
5228
5194
  @property --tw-backdrop-blur {
5229
5195
  syntax: "*";
5230
5196
  inherits: false
@@ -5285,3 +5251,9 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5285
5251
  inherits: false;
5286
5252
  initial-value: "";
5287
5253
  }
5254
+
5255
+ @keyframes spin {
5256
+ to {
5257
+ transform: rotate(360deg);
5258
+ }
5259
+ }