@eightshift/ui-components 2.0.2 → 3.0.0

package/dist/assets/style-editor.css

@@ -1,5 +1,5 @@
-/*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */
-:root {
+/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
+:root, :host {
   --es-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --es-font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --es-default-transition-duration: .3s;
@@ -9,7 +9,6 @@
   --es-text-xs--line-height: 1.3;
   --es-spacing-3_25: .8125rem;
   --es-spacing-5_5: 1.375rem;
-  --es-spacing-18: 4.5rem;
   --es-color-secondary-50: var(--es-color-zinc-50);
   --es-color-secondary-100: var(--es-color-zinc-100);
   --es-color-secondary-200: var(--es-color-zinc-200);
@@ -20,11 +19,8 @@
   --es-color-secondary-700: var(--es-color-zinc-700);
   --es-color-secondary-800: var(--es-color-zinc-800);
   --es-color-secondary-900: var(--es-color-zinc-900);
-  --es-color-secondary-950: var(--es-color-zinc-950);
   --es-color-accent-50: var(--es-color-teal-50);
   --es-color-accent-100: var(--es-color-teal-100);
-  --es-color-accent-200: var(--es-color-teal-200);
-  --es-color-accent-300: var(--es-color-teal-300);
   --es-color-accent-400: var(--es-color-teal-400);
   --es-color-accent-500: var(--es-color-teal-500);
   --es-color-accent-600: var(--es-color-teal-600);
@@ -32,11 +28,9 @@
   --es-color-accent-800: var(--es-color-teal-800);
   --es-color-accent-900: var(--es-color-teal-900);
   --es-color-accent-950: var(--es-color-teal-950);
-  --es-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   --es-color-red-50: oklch(.971 .013 17.38);
   --es-color-red-100: oklch(.936 .032 17.717);
   --es-color-red-200: oklch(.885 .062 18.334);
-  --es-color-red-300: oklch(.808 .114 19.571);
   --es-color-red-400: oklch(.704 .191 22.216);
   --es-color-red-500: oklch(.637 .237 25.331);
   --es-color-red-600: oklch(.577 .245 27.325);
@@ -44,17 +38,7 @@
   --es-color-red-800: oklch(.444 .177 26.899);
   --es-color-red-900: oklch(.396 .141 25.723);
   --es-color-red-950: oklch(.258 .092 26.042);
-  --es-color-orange-50: oklch(.98 .016 73.684);
-  --es-color-orange-100: oklch(.954 .038 75.164);
-  --es-color-orange-200: oklch(.901 .076 70.697);
-  --es-color-orange-300: oklch(.837 .128 66.29);
-  --es-color-orange-400: oklch(.75 .183 55.934);
   --es-color-orange-500: oklch(.705 .213 47.604);
-  --es-color-orange-600: oklch(.646 .222 41.116);
-  --es-color-orange-700: oklch(.553 .195 38.402);
-  --es-color-orange-800: oklch(.47 .157 37.304);
-  --es-color-orange-900: oklch(.408 .123 38.172);
-  --es-color-orange-950: oklch(.266 .079 36.259);
   --es-color-amber-50: oklch(.987 .022 95.277);
   --es-color-amber-100: oklch(.962 .059 95.617);
   --es-color-amber-200: oklch(.924 .12 95.746);
@@ -66,28 +50,9 @@
   --es-color-amber-800: oklch(.473 .137 46.201);
   --es-color-amber-900: oklch(.414 .112 45.904);
   --es-color-amber-950: oklch(.279 .077 45.635);
-  --es-color-yellow-50: oklch(.987 .026 102.212);
-  --es-color-yellow-100: oklch(.973 .071 103.193);
-  --es-color-yellow-200: oklch(.945 .129 101.54);
-  --es-color-yellow-300: oklch(.905 .182 98.111);
   --es-color-yellow-400: oklch(.852 .199 91.936);
   --es-color-yellow-500: oklch(.795 .184 86.047);
-  --es-color-yellow-600: oklch(.681 .162 75.834);
-  --es-color-yellow-700: oklch(.554 .135 66.442);
-  --es-color-yellow-800: oklch(.476 .114 61.907);
-  --es-color-yellow-900: oklch(.421 .095 57.708);
-  --es-color-yellow-950: oklch(.286 .066 53.813);
-  --es-color-lime-50: oklch(.986 .031 120.757);
-  --es-color-lime-100: oklch(.967 .067 122.328);
-  --es-color-lime-200: oklch(.938 .127 124.321);
-  --es-color-lime-300: oklch(.897 .196 126.665);
-  --es-color-lime-400: oklch(.841 .238 128.85);
   --es-color-lime-500: oklch(.768 .233 130.85);
-  --es-color-lime-600: oklch(.648 .2 131.684);
-  --es-color-lime-700: oklch(.532 .157 131.589);
-  --es-color-lime-800: oklch(.453 .124 130.933);
-  --es-color-lime-900: oklch(.405 .101 131.063);
-  --es-color-lime-950: oklch(.274 .072 132.109);
   --es-color-green-50: oklch(.982 .018 155.826);
   --es-color-green-100: oklch(.962 .044 156.743);
   --es-color-green-200: oklch(.925 .084 155.995);
@@ -99,21 +64,8 @@
   --es-color-green-800: oklch(.448 .119 151.328);
   --es-color-green-900: oklch(.393 .095 152.535);
   --es-color-green-950: oklch(.266 .065 152.934);
-  --es-color-emerald-50: oklch(.979 .021 166.113);
-  --es-color-emerald-100: oklch(.95 .052 163.051);
-  --es-color-emerald-200: oklch(.905 .093 164.15);
-  --es-color-emerald-300: oklch(.845 .143 164.978);
-  --es-color-emerald-400: oklch(.765 .177 163.223);
-  --es-color-emerald-500: oklch(.696 .17 162.48);
-  --es-color-emerald-600: oklch(.596 .145 163.225);
-  --es-color-emerald-700: oklch(.508 .118 165.612);
-  --es-color-emerald-800: oklch(.432 .095 166.913);
-  --es-color-emerald-900: oklch(.378 .077 168.94);
-  --es-color-emerald-950: oklch(.262 .051 172.552);
   --es-color-teal-50: oklch(.984 .014 180.72);
   --es-color-teal-100: oklch(.953 .051 180.801);
-  --es-color-teal-200: oklch(.91 .096 180.426);
-  --es-color-teal-300: oklch(.855 .138 181.071);
   --es-color-teal-400: oklch(.777 .152 181.912);
   --es-color-teal-500: oklch(.704 .14 182.503);
   --es-color-teal-600: oklch(.6 .118 184.704);
@@ -121,28 +73,8 @@
   --es-color-teal-800: oklch(.437 .078 188.216);
   --es-color-teal-900: oklch(.386 .063 188.416);
   --es-color-teal-950: oklch(.277 .046 192.524);
-  --es-color-cyan-50: oklch(.984 .019 200.873);
-  --es-color-cyan-100: oklch(.956 .045 203.388);
-  --es-color-cyan-200: oklch(.917 .08 205.041);
-  --es-color-cyan-300: oklch(.865 .127 207.078);
-  --es-color-cyan-400: oklch(.789 .154 211.53);
   --es-color-cyan-500: oklch(.715 .143 215.221);
-  --es-color-cyan-600: oklch(.609 .126 221.723);
-  --es-color-cyan-700: oklch(.52 .105 223.128);
-  --es-color-cyan-800: oklch(.45 .085 224.283);
-  --es-color-cyan-900: oklch(.398 .07 227.392);
-  --es-color-cyan-950: oklch(.302 .056 229.695);
-  --es-color-sky-50: oklch(.977 .013 236.62);
-  --es-color-sky-100: oklch(.951 .026 236.824);
-  --es-color-sky-200: oklch(.901 .058 230.902);
-  --es-color-sky-300: oklch(.828 .111 230.318);
   --es-color-sky-400: oklch(.746 .16 232.661);
-  --es-color-sky-500: oklch(.685 .169 237.323);
-  --es-color-sky-600: oklch(.588 .158 241.966);
-  --es-color-sky-700: oklch(.5 .134 242.749);
-  --es-color-sky-800: oklch(.443 .11 240.79);
-  --es-color-sky-900: oklch(.391 .09 240.876);
-  --es-color-sky-950: oklch(.293 .066 243.157);
   --es-color-blue-50: oklch(.97 .014 254.604);
   --es-color-blue-100: oklch(.932 .032 255.585);
   --es-color-blue-200: oklch(.882 .059 254.128);
@@ -154,17 +86,7 @@
   --es-color-blue-800: oklch(.424 .199 265.638);
   --es-color-blue-900: oklch(.379 .146 265.522);
   --es-color-blue-950: oklch(.282 .091 267.935);
-  --es-color-indigo-50: oklch(.962 .018 272.314);
-  --es-color-indigo-100: oklch(.93 .034 272.788);
-  --es-color-indigo-200: oklch(.87 .065 274.039);
-  --es-color-indigo-300: oklch(.785 .115 274.713);
-  --es-color-indigo-400: oklch(.673 .182 276.935);
   --es-color-indigo-500: oklch(.585 .233 277.117);
-  --es-color-indigo-600: oklch(.511 .262 276.966);
-  --es-color-indigo-700: oklch(.457 .24 277.023);
-  --es-color-indigo-800: oklch(.398 .195 277.366);
-  --es-color-indigo-900: oklch(.359 .144 278.697);
-  --es-color-indigo-950: oklch(.257 .09 281.288);
   --es-color-violet-50: oklch(.969 .016 293.756);
   --es-color-violet-100: oklch(.943 .029 294.588);
   --es-color-violet-200: oklch(.894 .057 293.283);
@@ -177,49 +99,7 @@
   --es-color-violet-900: oklch(.38 .189 293.745);
   --es-color-violet-950: oklch(.283 .141 291.089);
   --es-color-purple-50: oklch(.977 .014 308.299);
-  --es-color-purple-100: oklch(.946 .033 307.174);
-  --es-color-purple-200: oklch(.902 .063 306.703);
-  --es-color-purple-300: oklch(.827 .119 306.383);
-  --es-color-purple-400: oklch(.714 .203 305.504);
-  --es-color-purple-500: oklch(.627 .265 303.9);
-  --es-color-purple-600: oklch(.558 .288 302.321);
-  --es-color-purple-700: oklch(.496 .265 301.924);
-  --es-color-purple-800: oklch(.438 .218 303.724);
-  --es-color-purple-900: oklch(.381 .176 304.987);
-  --es-color-purple-950: oklch(.291 .149 302.717);
-  --es-color-fuchsia-50: oklch(.977 .017 320.058);
-  --es-color-fuchsia-100: oklch(.952 .037 318.852);
-  --es-color-fuchsia-200: oklch(.903 .076 319.62);
-  --es-color-fuchsia-300: oklch(.833 .145 321.434);
-  --es-color-fuchsia-400: oklch(.74 .238 322.16);
   --es-color-fuchsia-500: oklch(.667 .295 322.15);
-  --es-color-fuchsia-600: oklch(.591 .293 322.896);
-  --es-color-fuchsia-700: oklch(.518 .253 323.949);
-  --es-color-fuchsia-800: oklch(.452 .211 324.591);
-  --es-color-fuchsia-900: oklch(.401 .17 325.612);
-  --es-color-fuchsia-950: oklch(.293 .136 325.661);
-  --es-color-pink-50: oklch(.971 .014 343.198);
-  --es-color-pink-100: oklch(.948 .028 342.258);
-  --es-color-pink-200: oklch(.899 .061 343.231);
-  --es-color-pink-300: oklch(.823 .12 346.018);
-  --es-color-pink-400: oklch(.718 .202 349.761);
-  --es-color-pink-500: oklch(.656 .241 354.308);
-  --es-color-pink-600: oklch(.592 .249 .584);
-  --es-color-pink-700: oklch(.525 .223 3.958);
-  --es-color-pink-800: oklch(.459 .187 3.815);
-  --es-color-pink-900: oklch(.408 .153 2.432);
-  --es-color-pink-950: oklch(.284 .109 3.907);
-  --es-color-rose-50: oklch(.969 .015 12.422);
-  --es-color-rose-100: oklch(.941 .03 12.58);
-  --es-color-rose-200: oklch(.892 .058 10.001);
-  --es-color-rose-300: oklch(.81 .117 11.638);
-  --es-color-rose-400: oklch(.712 .194 13.428);
-  --es-color-rose-500: oklch(.645 .246 16.439);
-  --es-color-rose-600: oklch(.586 .253 17.585);
-  --es-color-rose-700: oklch(.514 .222 16.935);
-  --es-color-rose-800: oklch(.455 .188 13.697);
-  --es-color-rose-900: oklch(.41 .159 10.272);
-  --es-color-rose-950: oklch(.271 .105 12.094);
   --es-color-slate-50: oklch(.984 .003 247.858);
   --es-color-slate-100: oklch(.968 .007 247.896);
   --es-color-slate-200: oklch(.929 .013 255.508);
@@ -252,7 +132,6 @@
   --es-color-zinc-700: oklch(.37 .013 285.805);
   --es-color-zinc-800: oklch(.274 .006 286.033);
   --es-color-zinc-900: oklch(.21 .006 285.885);
-  --es-color-zinc-950: oklch(.141 .005 285.823);
   --es-color-neutral-50: oklch(.985 0 0);
   --es-color-neutral-100: oklch(.97 0 0);
   --es-color-neutral-200: oklch(.922 0 0);
@@ -278,117 +157,30 @@
   --es-color-black: #000;
   --es-color-white: #fff;
   --es-spacing: .25rem;
-  --es-breakpoint-sm: 40rem;
-  --es-breakpoint-md: 48rem;
-  --es-breakpoint-lg: 64rem;
-  --es-breakpoint-xl: 80rem;
-  --es-breakpoint-2xl: 96rem;
-  --es-container-3xs: 16rem;
-  --es-container-2xs: 18rem;
-  --es-container-xs: 20rem;
-  --es-container-sm: 24rem;
   --es-container-md: 28rem;
   --es-container-lg: 32rem;
-  --es-container-xl: 36rem;
-  --es-container-2xl: 42rem;
-  --es-container-3xl: 48rem;
-  --es-container-4xl: 56rem;
-  --es-container-5xl: 64rem;
-  --es-container-6xl: 72rem;
-  --es-container-7xl: 80rem;
   --es-text-base: 1rem;
   --es-text-base--line-height: calc(1.5 / 1);
   --es-text-lg: 1.125rem;
   --es-text-lg--line-height: calc(1.75 / 1.125);
-  --es-text-xl: 1.25rem;
-  --es-text-xl--line-height: calc(1.75 / 1.25);
   --es-text-2xl: 1.5rem;
   --es-text-2xl--line-height: calc(2 / 1.5);
-  --es-text-3xl: 1.875rem;
-  --es-text-3xl--line-height: calc(2.25 / 1.875);
-  --es-text-4xl: 2.25rem;
-  --es-text-4xl--line-height: calc(2.5 / 2.25);
-  --es-text-5xl: 3rem;
-  --es-text-5xl--line-height: 1;
-  --es-text-6xl: 3.75rem;
-  --es-text-6xl--line-height: 1;
-  --es-text-7xl: 4.5rem;
-  --es-text-7xl--line-height: 1;
-  --es-text-8xl: 6rem;
-  --es-text-8xl--line-height: 1;
-  --es-text-9xl: 8rem;
-  --es-text-9xl--line-height: 1;
-  --es-font-weight-thin: 100;
-  --es-font-weight-extralight: 200;
-  --es-font-weight-light: 300;
-  --es-font-weight-normal: 400;
   --es-font-weight-medium: 500;
   --es-font-weight-semibold: 600;
   --es-font-weight-bold: 700;
-  --es-font-weight-extrabold: 800;
-  --es-font-weight-black: 900;
   --es-tracking-tighter: -.05em;
   --es-tracking-tight: -.025em;
-  --es-tracking-normal: 0em;
-  --es-tracking-wide: .025em;
-  --es-tracking-wider: .05em;
-  --es-tracking-widest: .1em;
   --es-leading-tight: 1.25;
-  --es-leading-snug: 1.375;
-  --es-leading-normal: 1.5;
-  --es-leading-relaxed: 1.625;
-  --es-leading-loose: 2;
-  --es-radius-xs: .125rem;
   --es-radius-sm: .25rem;
   --es-radius-md: .375rem;
   --es-radius-lg: .5rem;
   --es-radius-xl: .75rem;
-  --es-radius-2xl: 1rem;
-  --es-radius-3xl: 1.5rem;
-  --es-radius-4xl: 2rem;
-  --es-shadow-2xs: 0 1px #0000000d;
-  --es-shadow-xs: 0 1px 2px 0 #0000000d;
-  --es-shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
-  --es-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
-  --es-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
-  --es-shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
-  --es-shadow-2xl: 0 25px 50px -12px #00000040;
-  --es-inset-shadow-2xs: inset 0 1px #0000000d;
-  --es-inset-shadow-xs: inset 0 1px 1px #0000000d;
-  --es-inset-shadow-sm: inset 0 2px 4px #0000000d;
-  --es-drop-shadow-xs: 0 1px 1px #0000000d;
   --es-drop-shadow-sm: 0 1px 2px #00000026;
-  --es-drop-shadow-md: 0 3px 3px #0000001f;
-  --es-drop-shadow-lg: 0 4px 4px #00000026;
-  --es-drop-shadow-xl: 0 9px 7px #0000001a;
-  --es-drop-shadow-2xl: 0 25px 25px #00000026;
-  --es-ease-in: cubic-bezier(.4, 0, 1, 1);
-  --es-ease-out: cubic-bezier(0, 0, .2, 1);
-  --es-ease-in-out: cubic-bezier(.4, 0, .2, 1);
   --es-animate-spin: spin 1s linear infinite;
-  --es-animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
-  --es-animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
-  --es-animate-bounce: bounce 1s infinite;
-  --es-blur-xs: 4px;
-  --es-blur-sm: 8px;
-  --es-blur-md: 12px;
   --es-blur-lg: 16px;
-  --es-blur-xl: 24px;
-  --es-blur-2xl: 40px;
   --es-blur-3xl: 64px;
-  --es-perspective-dramatic: 100px;
-  --es-perspective-near: 300px;
-  --es-perspective-normal: 500px;
-  --es-perspective-midrange: 800px;
-  --es-perspective-distant: 1200px;
   --es-aspect-video: 16 / 9;
   --es-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-  --es-default-font-family: var(--font-sans);
-  --es-default-font-feature-settings: var(--font-sans--font-feature-settings);
-  --es-default-font-variation-settings: var(--font-sans--font-variation-settings);
-  --es-default-mono-font-family: var(--font-mono);
-  --es-default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
-  --es-default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
 }
 
 .es-uic-theme-green {
@@ -776,6 +568,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   top: calc(var(--es-spacing) * 0);
 }
 
+:is(body, #wpwrap #editor) .es\:top-1 {
+  top: calc(var(--es-spacing) * 1);
+}
+
 :is(body, #wpwrap #editor) .es\:top-2\.5 {
   top: calc(var(--es-spacing) * 2.5);
 }
@@ -896,6 +692,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin: calc(var(--es-spacing) * .5);
 }
 
+:is(body, #wpwrap #editor) .es\:m-5 {
+  margin: calc(var(--es-spacing) * 5);
+}
+
 :is(body, #wpwrap #editor) .es\:m-auto {
   margin: auto;
 }
@@ -924,6 +724,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-block: calc(var(--es-spacing) * 4);
 }
 
+:is(body, #wpwrap #editor) .es\:my-10 {
+  margin-block: calc(var(--es-spacing) * 10);
+}
+
 :is(body, #wpwrap #editor) .es\:my-auto {
   margin-block: auto;
 }
@@ -1032,10 +836,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   display: none;
 }
 
-:is(body, #wpwrap #editor) .es\:inline {
-  display: inline;
-}
-
 :is(body, #wpwrap #editor) .es\:inline-block {
   display: inline-block;
 }
@@ -1139,6 +939,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   height: 100%;
 }
 
+:is(body, #wpwrap #editor) .es\:size-full\! {
+  width: 100% !important;
+  height: 100% !important;
+}
+
 :is(body, #wpwrap #editor) .es\:size-px {
   width: 1px;
   height: 1px;
@@ -1216,6 +1021,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   height: 2.375rem;
 }
 
+:is(body, #wpwrap #editor) .es\:h-\[90vh\] {
+  height: 90vh;
+}
+
 :is(body, #wpwrap #editor) .es\:h-fit {
   height: fit-content;
 }
@@ -1228,10 +1037,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   height: 1px;
 }
 
+:is(body, #wpwrap #editor) .es\:max-h-40 {
+  max-height: calc(var(--es-spacing) * 40);
+}
+
 :is(body, #wpwrap #editor) .es\:min-h-5 {
   min-height: calc(var(--es-spacing) * 5);
 }
 
+:is(body, #wpwrap #editor) .es\:min-h-6\.5 {
+  min-height: calc(var(--es-spacing) * 6.5);
+}
+
 :is(body, #wpwrap #editor) .es\:min-h-8 {
   min-height: calc(var(--es-spacing) * 8);
 }
@@ -1256,14 +1073,26 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   min-height: calc(var(--es-spacing) * 12);
 }
 
+:is(body, #wpwrap #editor) .es\:min-h-24 {
+  min-height: calc(var(--es-spacing) * 24);
+}
+
 :is(body, #wpwrap #editor) .es\:min-h-40 {
   min-height: calc(var(--es-spacing) * 40);
 }
 
+:is(body, #wpwrap #editor) .es\:min-h-56 {
+  min-height: calc(var(--es-spacing) * 56);
+}
+
 :is(body, #wpwrap #editor) .es\:min-h-full {
   min-height: 100%;
 }
 
+:is(body, #wpwrap #editor) .es\:min-h-screen {
+  min-height: 100vh;
+}
+
 :is(body, #wpwrap #editor) .es\:w-0\.5 {
   width: calc(var(--es-spacing) * .5);
 }
@@ -1340,10 +1169,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   width: calc(var(--es-spacing) * 80);
 }
 
+:is(body, #wpwrap #editor) .es\:w-96 {
+  width: calc(var(--es-spacing) * 96);
+}
+
 :is(body, #wpwrap #editor) .es\:w-\[18\.5rem\] {
   width: 18.5rem;
 }
 
+:is(body, #wpwrap #editor) .es\:w-\[50rem\] {
+  width: 50rem;
+}
+
 :is(body, #wpwrap #editor) .es\:w-auto\! {
   width: auto !important;
 }
@@ -1364,10 +1201,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   max-width: calc(var(--es-spacing) * 40);
 }
 
+:is(body, #wpwrap #editor) .es\:max-w-60 {
+  max-width: calc(var(--es-spacing) * 60);
+}
+
 :is(body, #wpwrap #editor) .es\:max-w-64 {
   max-width: calc(var(--es-spacing) * 64);
 }
 
+:is(body, #wpwrap #editor) .es\:max-w-72 {
+  max-width: calc(var(--es-spacing) * 72);
+}
+
 :is(body, #wpwrap #editor) .es\:max-w-80 {
   max-width: calc(var(--es-spacing) * 80);
 }
@@ -1396,6 +1241,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   min-width: calc(var(--es-spacing) * 10);
 }
 
+:is(body, #wpwrap #editor) .es\:min-w-24 {
+  min-width: calc(var(--es-spacing) * 24);
+}
+
 :is(body, #wpwrap #editor) .es\:min-w-28 {
   min-width: calc(var(--es-spacing) * 28);
 }
@@ -1463,11 +1312,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-:is(body, #wpwrap #editor) .es\:-translate-y-1\/2 {
-  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-
 :is(body, #wpwrap #editor) .es\:translate-x-1 {
   --tw-translate-x: calc(var(--es-spacing) * 1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1498,6 +1342,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   translate: var(--tw-translate-x) var(--tw-translate-y) !important;
 }
 
+:is(body, #wpwrap #editor) .es\:-translate-y-1\/2 {
+  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, #wpwrap #editor) .es\:translate-y-1\/2\! {
   --tw-translate-y: calc(1 / 2 * 100%) !important;
   translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -1531,8 +1380,25 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   rotate: 45deg;
 }
 
-:is(body, #wpwrap #editor) .es\:animate-spin {
-  animation: var(--es-animate-spin);
+:is(body, #wpwrap #editor) .es\:motion-preset-spin {
+  --motion-loop-rotate: 360deg;
+  --motion-timing: linear;
+  --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);
+  animation: var(--motion-all-loop-and-enter-animations);
+}
+
+:is(body, #wpwrap #editor) .es\:motion-scale-in-90 {
+  --motion-origin-scale-x: .9;
+  --motion-origin-scale-y: .9;
+  --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;
+  animation: var(--motion-all-loop-and-enter-animations);
+}
+
+:is(body, #wpwrap #editor) .es\:motion-scale-in-125 {
+  --motion-origin-scale-x: 1.25;
+  --motion-origin-scale-y: 1.25;
+  --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;
+  animation: var(--motion-all-loop-and-enter-animations);
 }
 
 :is(body, #wpwrap #editor) .es\:motion-blur-in-xs {
@@ -1559,13 +1425,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   animation: var(--motion-all-exit-animations);
 }
 
-:is(body, #wpwrap #editor) .es\:motion-preset-spin {
-  --motion-loop-rotate: 360deg;
-  --motion-timing: linear;
-  --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);
-  animation: var(--motion-all-loop-and-enter-animations);
-}
-
 :is(body, #wpwrap #editor) .es\:motion-rotate-in {
   --motion-origin-rotate: 12deg;
   --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"]) {
   animation: var(--motion-all-exit-animations);
 }
 
-:is(body, #wpwrap #editor) .es\:motion-scale-in-90 {
-  --motion-origin-scale-x: .9;
-  --motion-origin-scale-y: .9;
-  --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;
-  animation: var(--motion-all-loop-and-enter-animations);
-}
-
-:is(body, #wpwrap #editor) .es\:motion-scale-in-125 {
-  --motion-origin-scale-x: 1.25;
-  --motion-origin-scale-y: 1.25;
-  --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;
-  animation: var(--motion-all-loop-and-enter-animations);
+:is(body, #wpwrap #editor) .es\:animate-spin {
+  animation: var(--es-animate-spin);
 }
 
 :is(body, #wpwrap #editor) .es\:cursor-default {
@@ -1616,10 +1465,22 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   grid-auto-columns: auto;
 }
 
+:is(body, #wpwrap #editor) .es\:auto-rows-auto {
+  grid-auto-rows: auto;
+}
+
 :is(body, #wpwrap #editor) .es\:grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
+:is(body, #wpwrap #editor) .es\:grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+:is(body, #wpwrap #editor) .es\:grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
 :is(body, #wpwrap #editor) .es\:grid-cols-\[1fr_auto_1fr\] {
   grid-template-columns: 1fr auto 1fr;
 }
@@ -1744,24 +1605,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse))) !important;
 }
 
-:is(body, #wpwrap #editor) .es\:gap-x-1 {
-  column-gap: calc(var(--es-spacing) * 1);
-}
-
-:is(body, #wpwrap #editor) .es\:gap-x-1\.5 {
-  column-gap: calc(var(--es-spacing) * 1.5);
-}
-
-:is(body, #wpwrap #editor) .es\:gap-x-2 {
-  column-gap: calc(var(--es-spacing) * 2);
-}
-
-:is(body, #wpwrap #editor) .es\:gap-x-3 {
-  column-gap: calc(var(--es-spacing) * 3);
-}
-
-:is(body, #wpwrap #editor) .es\:gap-x-8 {
-  column-gap: calc(var(--es-spacing) * 8);
+:where(:is(body, #wpwrap #editor) .es\:space-y-0 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--es-spacing) * 0) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--es-spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
 }
 
 :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"]) {
   margin-block-end: calc(calc(var(--es-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
 }
 
+:where(:is(body, #wpwrap #editor) .es\:space-y-4 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--es-spacing) * 4) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--es-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+}
+
+:is(body, #wpwrap #editor) .es\:gap-x-1 {
+  column-gap: calc(var(--es-spacing) * 1);
+}
+
+:is(body, #wpwrap #editor) .es\:gap-x-1\.5 {
+  column-gap: calc(var(--es-spacing) * 1.5);
+}
+
+:is(body, #wpwrap #editor) .es\:gap-x-2 {
+  column-gap: calc(var(--es-spacing) * 2);
+}
+
+:is(body, #wpwrap #editor) .es\:gap-x-3 {
+  column-gap: calc(var(--es-spacing) * 3);
+}
+
+:is(body, #wpwrap #editor) .es\:gap-x-8 {
+  column-gap: calc(var(--es-spacing) * 8);
+}
+
 :where(:is(body, #wpwrap #editor) .es\:-space-x-px > :not(:last-child)) {
   --tw-space-x-reverse: 0;
   margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
@@ -1806,6 +1679,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))) !important;
 }
 
+:where(:is(body, #wpwrap #editor) .es\:space-x-1\.5 > :not(:last-child)) {
+  --tw-space-x-reverse: 0;
+  margin-inline-start: calc(calc(var(--es-spacing) * 1.5) * var(--tw-space-x-reverse));
+  margin-inline-end: calc(calc(var(--es-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
+}
+
 :is(body, #wpwrap #editor) .es\:gap-y-0\.5 {
   row-gap: calc(var(--es-spacing) * .5);
 }
@@ -1826,12 +1705,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   row-gap: calc(var(--es-spacing) * 4);
 }
 
-:where(:is(body, #wpwrap #editor) .es\:space-x-1\.5 > :not(:last-child)) {
-  --tw-space-x-reverse: 0;
-  margin-inline-start: calc(calc(var(--es-spacing) * 1.5) * var(--tw-space-x-reverse));
-  margin-inline-end: calc(calc(var(--es-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
-}
-
 :where(:is(body, #wpwrap #editor) .es\:divide-y > :not(:last-child)) {
   --tw-divide-y-reverse: 0;
   border-bottom-style: var(--tw-border-style);
@@ -1916,6 +1789,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   overflow-y: visible;
 }
 
+:is(body, #wpwrap #editor) .es\:overscroll-contain {
+  overscroll-behavior: contain;
+}
+
 :is(body, #wpwrap #editor) .es\:rounded {
   border-radius: .25rem;
 }
@@ -1940,6 +1817,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-radius: var(--es-radius-xl);
 }
 
+:is(body, #wpwrap #editor) .es\:rounded-t-full {
+  border-top-left-radius: 3.40282e38px;
+  border-top-right-radius: 3.40282e38px;
+}
+
+:is(body, #wpwrap #editor) .es\:rounded-t-lg {
+  border-top-left-radius: var(--es-radius-lg);
+  border-top-right-radius: var(--es-radius-lg);
+}
+
 :is(body, #wpwrap #editor) .es\:rounded-l-full {
   border-top-left-radius: 3.40282e38px;
   border-bottom-left-radius: 3.40282e38px;
@@ -1955,16 +1842,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-bottom-left-radius: 0;
 }
 
-:is(body, #wpwrap #editor) .es\:rounded-t-full {
-  border-top-left-radius: 3.40282e38px;
-  border-top-right-radius: 3.40282e38px;
-}
-
-:is(body, #wpwrap #editor) .es\:rounded-t-lg {
-  border-top-left-radius: var(--es-radius-lg);
-  border-top-right-radius: var(--es-radius-lg);
-}
-
 :is(body, #wpwrap #editor) .es\:rounded-r-full {
   border-top-right-radius: 3.40282e38px;
   border-bottom-right-radius: 3.40282e38px;
@@ -1985,21 +1862,51 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-width: 1px;
 }
 
+:is(body, #wpwrap #editor) .es\:border-x {
+  border-inline-style: var(--tw-border-style);
+  border-inline-width: 1px;
+}
+
+:is(body, #wpwrap #editor) .es\:border-y {
+  border-block-style: var(--tw-border-style);
+  border-block-width: 1px;
+}
+
 :is(body, #wpwrap #editor) .es\:border-t {
   border-top-style: var(--tw-border-style);
   border-top-width: 1px;
 }
 
+:is(body, #wpwrap #editor) .es\:border-r {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 1px;
+}
+
+:is(body, #wpwrap #editor) .es\:border-r-0 {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 0;
+}
+
 :is(body, #wpwrap #editor) .es\:border-b {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
 }
 
+:is(body, #wpwrap #editor) .es\:border-l {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 1px;
+}
+
 :is(body, #wpwrap #editor) .es\:border-dashed {
   --tw-border-style: dashed;
   border-style: dashed;
 }
 
+:is(body, #wpwrap #editor) .es\:border-dotted {
+  --tw-border-style: dotted;
+  border-style: dotted;
+}
+
 :is(body, #wpwrap #editor) .es\:border-none\! {
   --tw-border-style: none !important;
   border-style: none !important;
@@ -2113,6 +2020,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-color: var(--es-color-secondary-600);
 }
 
+:is(body, #wpwrap #editor) .es\:border-sky-400 {
+  border-color: var(--es-color-sky-400);
+}
+
 :is(body, #wpwrap #editor) .es\:border-transparent {
   border-color: #0000;
 }
@@ -2133,6 +2044,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-bottom-color: var(--es-color-secondary-200);
 }
 
+:is(body, #wpwrap #editor) .es\:bg-\[\#f1f1f1\] {
+  background-color: #f1f1f1;
+}
+
 :is(body, #wpwrap #editor) .es\:bg-accent-50 {
   background-color: var(--es-color-accent-50);
 }
@@ -2213,6 +2128,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   background-color: color-mix(in oklab, var(--es-color-green-100) 5%, transparent);
 }
 
+:is(body, #wpwrap #editor) .es\:bg-green-500 {
+  background-color: var(--es-color-green-500);
+}
+
 :is(body, #wpwrap #editor) .es\:bg-indigo-500 {
   background-color: var(--es-color-indigo-500);
 }
@@ -2221,10 +2140,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   background-color: var(--es-color-lime-500);
 }
 
+:is(body, #wpwrap #editor) .es\:bg-neutral-100 {
+  background-color: var(--es-color-neutral-100);
+}
+
 :is(body, #wpwrap #editor) .es\:bg-orange-500 {
   background-color: var(--es-color-orange-500);
 }
 
+:is(body, #wpwrap #editor) .es\:bg-purple-50 {
+  background-color: var(--es-color-purple-50);
+}
+
 :is(body, #wpwrap #editor) .es\:bg-red-50 {
   background-color: var(--es-color-red-50);
 }
@@ -2257,14 +2184,26 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   background-color: var(--es-color-secondary-300);
 }
 
+:is(body, #wpwrap #editor) .es\:bg-secondary-400 {
+  background-color: var(--es-color-secondary-400);
+}
+
 :is(body, #wpwrap #editor) .es\:bg-secondary-600 {
   background-color: var(--es-color-secondary-600);
 }
 
+:is(body, #wpwrap #editor) .es\:bg-secondary-900 {
+  background-color: var(--es-color-secondary-900);
+}
+
 :is(body, #wpwrap #editor) .es\:bg-transparent {
   background-color: #0000;
 }
 
+:is(body, #wpwrap #editor) .es\:bg-violet-50 {
+  background-color: var(--es-color-violet-50);
+}
+
 :is(body, #wpwrap #editor) .es\:bg-white {
   background-color: var(--es-color-white);
 }
@@ -2285,58 +2224,62 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   background-color: var(--es-color-yellow-400);
 }
 
+:is(body, #wpwrap #editor) .es\:bg-yellow-500 {
+  background-color: var(--es-color-yellow-500);
+}
+
 :is(body, #wpwrap #editor) .es\:bg-linear-to-b {
-  --tw-gradient-position: to bottom in oklab, ;
+  --tw-gradient-position: to bottom in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-linear-to-bl {
-  --tw-gradient-position: to bottom left in oklab, ;
+  --tw-gradient-position: to bottom left in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-linear-to-br {
-  --tw-gradient-position: to bottom right in oklab, ;
+  --tw-gradient-position: to bottom right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-linear-to-l {
-  --tw-gradient-position: to left in oklab, ;
+  --tw-gradient-position: to left in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-linear-to-r {
-  --tw-gradient-position: to right in oklab, ;
+  --tw-gradient-position: to right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-linear-to-t {
-  --tw-gradient-position: to top in oklab, ;
+  --tw-gradient-position: to top in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-linear-to-tl {
-  --tw-gradient-position: to top left in oklab, ;
+  --tw-gradient-position: to top left in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-linear-to-tr {
-  --tw-gradient-position: to top right in oklab, ;
+  --tw-gradient-position: to top right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-radial {
-  --tw-gradient-position: in oklab, ;
+  --tw-gradient-position: in oklab;
   background-image: radial-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-radial-\[at_50\%_125\%\] {
-  --tw-gradient-position: at 50% 125%, ;
+  --tw-gradient-position: at 50% 125%;
   background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
 }
 
 :is(body, #wpwrap #editor) .es\:bg-radial-\[circle_at_75\%_50\%\] {
-  --tw-gradient-position: circle at 75% 50%, ;
+  --tw-gradient-position: circle at 75% 50%;
   background-image: radial-gradient(var(--tw-gradient-stops, circle at 75% 50%));
 }
 
@@ -2350,47 +2293,47 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 
 :is(body, #wpwrap #editor) .es\:from-accent-500 {
   --tw-gradient-from: var(--es-color-accent-500);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-accent-600 {
   --tw-gradient-from: var(--es-color-accent-600);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-current {
   --tw-gradient-from: currentColor;
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-red-50\/75 {
   --tw-gradient-from: color-mix(in oklab, var(--es-color-red-50) 75%, transparent);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-secondary-50 {
   --tw-gradient-from: var(--es-color-secondary-50);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-secondary-100 {
   --tw-gradient-from: var(--es-color-secondary-100);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-secondary-500 {
   --tw-gradient-from: var(--es-color-secondary-500);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-secondary-700 {
   --tw-gradient-from: var(--es-color-secondary-700);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-white {
   --tw-gradient-from: var(--es-color-white);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:from-40\% {
@@ -2399,42 +2342,42 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 
 :is(body, #wpwrap #editor) .es\:to-accent-500 {
   --tw-gradient-to: var(--es-color-accent-500);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:to-accent-500\/30 {
   --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:to-accent-600 {
   --tw-gradient-to: var(--es-color-accent-600);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:to-secondary-50 {
   --tw-gradient-to: var(--es-color-secondary-50);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:to-secondary-100 {
   --tw-gradient-to: var(--es-color-secondary-100);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:to-secondary-200 {
   --tw-gradient-to: var(--es-color-secondary-200);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:to-secondary-600 {
   --tw-gradient-to: var(--es-color-secondary-600);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:to-white {
   --tw-gradient-to: var(--es-color-white);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:fill-secondary-200 {
@@ -2453,6 +2396,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   stroke-width: 2px;
 }
 
+:is(body, #wpwrap #editor) .es\:stroke-\[1\.2\] {
+  stroke-width: 1.2px;
+}
+
 :is(body, #wpwrap #editor) .es\:stroke-\[1\.25\] {
   stroke-width: 1.25px;
 }
@@ -2501,6 +2448,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   padding: calc(var(--es-spacing) * 5);
 }
 
+:is(body, #wpwrap #editor) .es\:p-5\! {
+  padding: calc(var(--es-spacing) * 5) !important;
+}
+
+:is(body, #wpwrap #editor) .es\:p-10 {
+  padding: calc(var(--es-spacing) * 10);
+}
+
 :is(body, #wpwrap #editor) .es\:p-\[0\.1875rem\] {
   padding: .1875rem;
 }
@@ -2685,6 +2640,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   font-family: var(--es-font-mono);
 }
 
+:is(body, #wpwrap #editor) .es\:font-sans {
+  font-family: var(--es-font-sans);
+}
+
 :is(body, #wpwrap #editor) .es\:text-2xl {
   font-size: var(--es-text-2xl);
   line-height: var(--tw-leading, var(--es-text-2xl--line-height));
@@ -2734,6 +2693,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   font-weight: 450;
 }
 
+:is(body, #wpwrap #editor) .es\:font-bold {
+  --tw-font-weight: var(--es-font-weight-bold);
+  font-weight: var(--es-font-weight-bold);
+}
+
 :is(body, #wpwrap #editor) .es\:font-medium {
   --tw-font-weight: var(--es-font-weight-medium);
   font-weight: var(--es-font-weight-medium);
@@ -2898,6 +2862,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: var(--es-color-secondary-400);
 }
 
+:is(body, #wpwrap #editor) .es\:text-secondary-400\! {
+  color: var(--es-color-secondary-400) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:text-secondary-500 {
   color: var(--es-color-secondary-500);
 }
@@ -2959,6 +2927,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   opacity: 0;
 }
 
+:is(body, #wpwrap #editor) .es\:opacity-25 {
+  opacity: .25;
+}
+
 :is(body, #wpwrap #editor) .es\:opacity-40 {
   opacity: .4;
 }
@@ -2975,31 +2947,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   opacity: .65;
 }
 
-:is(body, #wpwrap #editor) .es\:inset-ring {
-  --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
-:is(body, #wpwrap #editor) .es\:inset-shadow-xs {
-  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
-:is(body, #wpwrap #editor) .es\:ring-1 {
-  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
-:is(body, #wpwrap #editor) .es\:ring-2 {
-  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
-:is(body, #wpwrap #editor) .es\:ring-3 {
-  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
 :is(body, #wpwrap #editor) .es\:shadow {
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3045,6 +2992,31 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
+:is(body, #wpwrap #editor) .es\:ring-1 {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
+:is(body, #wpwrap #editor) .es\:ring-2 {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
+:is(body, #wpwrap #editor) .es\:ring-3 {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
+:is(body, #wpwrap #editor) .es\:inset-shadow-xs {
+  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
+:is(body, #wpwrap #editor) .es\:inset-ring {
+  --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
 :is(body, #wpwrap #editor) .es\:shadow-accent-500\/25 {
   --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-500) 25%, transparent);
 }
@@ -3142,6 +3114,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 }
 
 :is(body, #wpwrap #editor) .es\:outline-hidden {
+  --tw-outline-style: none;
   outline-style: none;
 }
 
@@ -3153,6 +3126,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 }
 
 :is(body, #wpwrap #editor) .es\:outline-hidden\! {
+  --tw-outline-style: none !important;
   outline-style: none !important;
 }
 
@@ -3282,6 +3256,36 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   will-change: transform;
 }
 
+:is(body, #wpwrap #editor) .es\:motion-ease-linear\/opacity {
+  --motion-opacity-timing: linear;
+  --motion-opacity-perceptual-duration-multiplier: 1;
+}
+
+:is(body, #wpwrap #editor) .es\:motion-ease-spring-smooth {
+  --motion-timing: var(--motion-spring-smooth);
+  --motion-perceptual-duration-multiplier: 1.66;
+}
+
+:is(body, #wpwrap #editor) .es\:motion-ease-spring-smooth\/scale {
+  --motion-scale-timing: var(--motion-spring-smooth);
+  --motion-scale-perceptual-duration-multiplier: 1.66;
+}
+
+:is(body, #wpwrap #editor) .es\:motion-ease-spring-snappy {
+  --motion-timing: var(--motion-spring-snappy);
+  --motion-perceptual-duration-multiplier: 1.66;
+}
+
+:is(body, #wpwrap #editor) .es\:motion-ease-spring-snappy\/scale {
+  --motion-scale-timing: var(--motion-spring-snappy);
+  --motion-scale-perceptual-duration-multiplier: 1.66;
+}
+
+:is(body, #wpwrap #editor) .es\:select-none {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
 :is(body, #wpwrap #editor) .es\:accent-text-shadow {
   text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
 }
@@ -3310,48 +3314,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --motion-duration: 1.5s;
 }
 
-:is(body, #wpwrap #editor) .es\:motion-ease-linear\/opacity {
-  --motion-opacity-timing: linear;
-  --motion-opacity-perceptual-duration-multiplier: 1;
-}
-
-:is(body, #wpwrap #editor) .es\:motion-ease-spring-bouncier {
-  --motion-timing: var(--motion-spring-bouncier);
-  --motion-perceptual-duration-multiplier: 2.035;
-  --motion-filter-timing: var(--motion-spring-smooth);
-  --motion-opacity-timing: var(--motion-spring-smooth);
-  --motion-background-color-timing: var(--motion-spring-smooth);
-  --motion-text-color-timing: var(--motion-spring-smooth);
-  --motion-filter-perceptual-duration-multiplier: 1.66;
-  --motion-opacity-perceptual-duration-multiplier: 1.66;
-  --motion-background-color-perceptual-duration-multiplier: 1.66;
-  --motion-text-color-perceptual-duration-multiplier: 1.66;
-}
-
-:is(body, #wpwrap #editor) .es\:motion-ease-spring-smooth\/scale {
-  --motion-scale-timing: var(--motion-spring-smooth);
-  --motion-scale-perceptual-duration-multiplier: 1.66;
-}
-
-:is(body, #wpwrap #editor) .es\:motion-ease-spring-snappy {
-  --motion-timing: var(--motion-spring-snappy);
-  --motion-perceptual-duration-multiplier: 1.66;
-}
-
-:is(body, #wpwrap #editor) .es\:motion-ease-spring-snappy\/scale {
-  --motion-scale-timing: var(--motion-spring-snappy);
-  --motion-scale-perceptual-duration-multiplier: 1.66;
-}
-
 :is(body, #wpwrap #editor) .es\:no-webkit-highlight {
   -webkit-tap-highlight-color: transparent;
 }
 
-:is(body, #wpwrap #editor) .es\:select-none {
-  -webkit-user-select: none;
-  user-select: none;
-}
-
 :is(:is(body, #wpwrap #editor) .es\:\*\:col-start-1 > *) {
   grid-column-start: 1;
 }
@@ -3390,7 +3356,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   padding-bottom: calc(var(--es-spacing) * 4);
 }
 
-:is(body, #wpwrap #editor) .es\:not-disabled\:cursor-pointer:not(:disabled, [data-rac][data-disabled]) {
+:is(body, #wpwrap #editor) .es\:not-disabled\:cursor-pointer:not(:is(:disabled, [data-rac][data-disabled])) {
   cursor: pointer;
 }
 
@@ -3410,7 +3376,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
-:is(body, #wpwrap #editor) .es\:group-not-disabled\:cursor-pointer:is(:where(.es\:group):not(:disabled, [data-rac][data-disabled]) *) {
+:is(body, #wpwrap #editor) .es\:group-not-disabled\:cursor-pointer:is(:where(.es\:group):not(:is(:disabled, [data-rac][data-disabled])) *) {
   cursor: pointer;
 }
 
@@ -3438,6 +3404,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 }
 
 :is(body, #wpwrap #editor) .es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
+  --tw-outline-style: none;
   outline-style: none;
 }
 
@@ -3460,13 +3427,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   opacity: 1;
 }
 
-: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]) *) {
-  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
+:is(body, #wpwrap #editor) .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
-:is(body, #wpwrap #editor) .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
-  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+: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]) *) {
+  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
@@ -3487,6 +3454,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   scale: var(--tw-scale-x) var(--tw-scale-y);
 }
 
+:is(body, #wpwrap #editor) .es\:group-data-\[placement\=bottom\]\:rotate-180:is(:where(.es\:group)[data-placement="bottom"] *) {
+  rotate: 180deg;
+}
+
+:is(body, #wpwrap #editor) .es\:group-data-\[placement\=left\]\:-rotate-90:is(:where(.es\:group)[data-placement="left"] *) {
+  rotate: -90deg;
+}
+
+:is(body, #wpwrap #editor) .es\:group-data-\[placement\=right\]\:rotate-90:is(:where(.es\:group)[data-placement="right"] *) {
+  rotate: 90deg;
+}
+
 :is(body, #wpwrap #editor) .es\:group-selected\:bg-accent-50:is(:where(.es\:group)[data-selected] *) {
   background-color: var(--es-color-accent-50);
 }
@@ -3674,13 +3653,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 
 :is(body, #wpwrap #editor) .es\:after\:bg-linear-to-b:after {
   content: var(--tw-content);
-  --tw-gradient-position: to bottom in oklab, ;
+  --tw-gradient-position: to bottom in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
 :is(body, #wpwrap #editor) .es\:after\:bg-linear-to-r:after {
   content: var(--tw-content);
-  --tw-gradient-position: to right in oklab, ;
+  --tw-gradient-position: to right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
 }
 
@@ -3701,14 +3680,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-top: calc(var(--es-spacing) * 1);
 }
 
-:is(body, #wpwrap #editor) .es\:first\:rounded-l-xl:first-child {
+:is(body, #wpwrap #editor) .es\:first\:rounded-t-xl:first-child {
   border-top-left-radius: var(--es-radius-xl);
-  border-bottom-left-radius: var(--es-radius-xl);
+  border-top-right-radius: var(--es-radius-xl);
 }
 
-:is(body, #wpwrap #editor) .es\:first\:rounded-t-xl:first-child {
+:is(body, #wpwrap #editor) .es\:first\:rounded-l-xl:first-child {
   border-top-left-radius: var(--es-radius-xl);
-  border-top-right-radius: var(--es-radius-xl);
+  border-bottom-left-radius: var(--es-radius-xl);
 }
 
 :is(body, #wpwrap #editor) .es\:first\:pt-1\.5:first-child {
@@ -3790,7 +3769,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 
   :is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:hover {
     --tw-gradient-to: var(--es-color-secondary-100);
-    --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));
+    --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));
   }
 
   :is(body, #wpwrap #editor) .es\:hover\:text-accent-500:hover {
@@ -3834,6 +3813,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 
   :is(body, #wpwrap #editor) .es\:hover\:outline-hidden:hover {
+    --tw-outline-style: none;
     outline-style: none;
   }
 
@@ -3844,15 +3824,15 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
     }
   }
 
-  :is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-red-500\/5:not(:disabled, [data-rac][data-disabled]):hover {
+  :is(body, #wpwrap #editor) .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
     background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
   }
 
-  :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 {
+  :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 {
     background-color: var(--es-color-secondary-100);
   }
 
-  :is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:disabled, [data-rac][data-disabled]):not([data-selected]):hover {
+  :is(body, #wpwrap #editor) .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
     color: var(--es-color-secondary-900);
   }
 
@@ -3861,16 +3841,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
     background-color: var(--es-color-accent-500);
   }
 
-  :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 {
+  :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 {
     content: var(--tw-content);
     --tw-gradient-from: var(--es-color-secondary-200);
-    --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));
+    --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));
   }
 
-  :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 {
+  :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 {
     content: var(--tw-content);
     --tw-gradient-to: var(--es-color-secondary-300);
-    --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));
+    --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));
   }
 }
 
@@ -3882,16 +3862,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: currentColor;
 }
 
-:is(body, #wpwrap #editor) .es\:focus\:ring-2:focus {
-  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
 :is(body, #wpwrap #editor) .es\:focus\:shadow-none\!:focus {
   --tw-shadow: 0 0 #0000 !important;
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
 }
 
+:is(body, #wpwrap #editor) .es\:focus\:ring-2:focus {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
 :is(body, #wpwrap #editor) .es\:focus\:ring-accent-500\/50:focus {
   --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
 }
@@ -3932,8 +3912,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: var(--es-color-red-900);
 }
 
-:is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
-  --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
+:is(body, #wpwrap #editor) .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
@@ -3942,8 +3922,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
-:is(body, #wpwrap #editor) .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
-  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+:is(body, #wpwrap #editor) .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
@@ -3972,6 +3952,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 }
 
 :is(body, #wpwrap #editor) .es\:focus-visible\:outline-hidden:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-outline-style: none;
   outline-style: none;
 }
 
@@ -4031,18 +4012,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 }
 
 :is(body, #wpwrap #editor) .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
-  --tw-gradient-position: to right in oklab,  !important;
+  --tw-gradient-position: to right in oklab !important;
   background-image: linear-gradient(var(--tw-gradient-stops)) !important;
 }
 
 :is(body, #wpwrap #editor) .es\:disabled\:from-white:is(:disabled, [data-rac][data-disabled]) {
   --tw-gradient-from: var(--es-color-white);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:disabled\:to-secondary-100:is(:disabled, [data-rac][data-disabled]) {
   --tw-gradient-to: var(--es-color-secondary-100);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:disabled\:text-secondary-300:is(:disabled, [data-rac][data-disabled]) {
@@ -4073,11 +4054,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   opacity: 0;
 }
 
-:is(body, #wpwrap #editor) .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
-  --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentColor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
 :is(body, #wpwrap #editor) .es\:disabled\:shadow-none:is(:disabled, [data-rac][data-disabled]) {
   --tw-shadow: 0 0 #0000;
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4088,6 +4064,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
 }
 
+:is(body, #wpwrap #editor) .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
+  --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentColor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
 :is(body, #wpwrap #editor) .es\:disabled\:inset-shadow-transparent:is(:disabled, [data-rac][data-disabled]) {
   --tw-inset-shadow-color: transparent;
 }
@@ -4102,6 +4083,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 }
 
 :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, #wpwrap #editor) .es\:in-focus-visible\:outline-hidden) {
+  --tw-outline-style: none;
   outline-style: none;
 }
 
@@ -4112,6 +4094,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:has-icon\:pl-1:has(* > svg) {
+  padding-left: calc(var(--es-spacing) * 1);
+}
+
 :is(body, #wpwrap #editor) .es\:has-icon\:pl-2\.5:has(* > svg) {
   padding-left: calc(var(--es-spacing) * 2.5);
 }
@@ -4208,15 +4194,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
     animation: var(--motion-all-exit-animations);
   }
 
-  :is(body, #wpwrap #editor) .es\:motion-safe\:motion-duration-300 {
-    --motion-duration: .3s;
-  }
-
-  :is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-linear\/opacity {
-    --motion-opacity-timing: linear;
-    --motion-opacity-perceptual-duration-multiplier: 1;
-  }
-
   :is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-spring-bouncy {
     --motion-timing: var(--motion-spring-bouncy);
     --motion-perceptual-duration-multiplier: 1.66;
@@ -4230,13 +4207,22 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
     --motion-text-color-perceptual-duration-multiplier: 1.66;
   }
 
+  :is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-linear\/opacity {
+    --motion-opacity-timing: linear;
+    --motion-opacity-perceptual-duration-multiplier: 1;
+  }
+
   :is(body, #wpwrap #editor) .es\:motion-safe\:motion-ease-spring-smooth {
     --motion-timing: var(--motion-spring-smooth);
     --motion-perceptual-duration-multiplier: 1.66;
   }
 
-  :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-25[data-placement="bottom"] {
-    --motion-origin-translate-y: calc(25% * -1);
+  :is(body, #wpwrap #editor) .es\:motion-safe\:motion-duration-300 {
+    --motion-duration: .3s;
+  }
+
+  :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-\[5\%\][data-placement="bottom"] {
+    --motion-origin-translate-y: calc(5% * -1);
     --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;
     animation: var(--motion-all-loop-and-enter-animations);
   }
@@ -4247,8 +4233,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
     animation: var(--motion-all-exit-animations);
   }
 
-  :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-in-25[data-placement="left"] {
-    --motion-origin-translate-x: 25%;
+  :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-in-\[5\%\][data-placement="left"] {
+    --motion-origin-translate-x: 5%;
     --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;
     animation: var(--motion-all-loop-and-enter-animations);
   }
@@ -4259,8 +4245,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
     animation: var(--motion-all-exit-animations);
   }
 
-  :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=right\]\:-motion-translate-x-in-25[data-placement="right"] {
-    --motion-origin-translate-x: calc(25% * -1);
+  :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=right\]\:-motion-translate-x-in-\[5\%\][data-placement="right"] {
+    --motion-origin-translate-x: calc(5% * -1);
     --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;
     animation: var(--motion-all-loop-and-enter-animations);
   }
@@ -4271,8 +4257,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
     animation: var(--motion-all-exit-animations);
   }
 
-  :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-25[data-placement="top"] {
-    --motion-origin-translate-y: 25%;
+  :is(body, #wpwrap #editor) .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-\[5\%\][data-placement="top"] {
+    --motion-origin-translate-y: 5%;
     --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;
     animation: var(--motion-all-loop-and-enter-animations);
   }
@@ -4310,6 +4296,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 }
 
 :is(body, #wpwrap #editor) .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
+  --tw-outline-style: none;
   outline-style: none;
 }
 
@@ -4347,13 +4334,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
 :is(body, #wpwrap #editor) .es\:selected\:after\:from-accent-500[data-selected]:after {
   content: var(--tw-content);
   --tw-gradient-from: var(--es-color-accent-500);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:selected\:after\:to-accent-600[data-selected]:after {
   content: var(--tw-content);
   --tw-gradient-to: var(--es-color-accent-600);
-  --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));
+  --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));
 }
 
 :is(body, #wpwrap #editor) .es\:selected\:after\:shadow-xs[data-selected]:after {
@@ -4401,6 +4388,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   height: calc(var(--es-spacing) * 4);
 }
 
+:is(body, #wpwrap #editor) .es\:icon\:size-4\! > svg {
+  width: calc(var(--es-spacing) * 4) !important;
+  height: calc(var(--es-spacing) * 4) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:icon\:size-4\.5 > svg {
   width: calc(var(--es-spacing) * 4.5);
   height: calc(var(--es-spacing) * 4.5);
@@ -4466,6 +4458,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: var(--es-color-gray-500);
 }
 
+:is(body, #wpwrap #editor) .es\:icon\:text-lime-500 > svg {
+  color: var(--es-color-lime-500);
+}
+
 :is(body, #wpwrap #editor) .es\:icon\:text-secondary-500 > svg {
   color: var(--es-color-secondary-500);
 }
@@ -4561,6 +4557,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   text-overflow: ellipsis;
 }
 
+:is(body, #wpwrap #editor) .es\:\[\&_svg\]\:size-4\! svg {
+  width: calc(var(--es-spacing) * 4) !important;
+  height: calc(var(--es-spacing) * 4) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:\[\&_svg_path\]\:stroke-red-500 svg path {
   stroke: var(--es-color-red-500);
 }
@@ -4582,11 +4583,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   opacity: .8;
 }
 
-:is(body, #wpwrap #editor) .es\:\[\&\>svg\]\:size-5\.5 > svg {
-  width: var(--es-spacing-5_5);
-  height: var(--es-spacing-5_5);
-}
-
 @layer base {
   :root {
     --motion-default-timing: cubic-bezier(.165, .84, .44, 1);
@@ -4808,9 +4804,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
     }
 
     @keyframes motion-rotate-loop-reset {
-      0% {
-      }
-
       100% {
         rotate: var(--motion-loop-rotate);
       }
@@ -4870,18 +4863,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 
   @keyframes motion-opacity-loop-mirror {
-    0%, 100% {
-    }
-
     50% {
       opacity: var(--motion-loop-opacity);
     }
   }
 
   @keyframes motion-opacity-loop-reset {
-    0% {
-    }
-
     100% {
       opacity: var(--motion-loop-opacity);
     }
@@ -4900,18 +4887,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 
   @keyframes motion-background-color-loop-mirror {
-    0%, 100% {
-    }
-
     50% {
       background-color: var(--motion-loop-background-color);
     }
   }
 
   @keyframes motion-background-color-loop-reset {
-    0% {
-    }
-
     100% {
       background-color: var(--motion-loop-background-color);
     }
@@ -4930,55 +4911,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 
   @keyframes motion-text-color-loop-mirror {
-    0%, 100% {
-    }
-
     50% {
       color: var(--motion-loop-text-color);
     }
   }
 
   @keyframes motion-text-color-loop-reset {
-    0% {
-    }
-
     100% {
       color: var(--motion-loop-text-color);
     }
   }
 }
 
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes ping {
-  75%, 100% {
-    opacity: 0;
-    transform: scale(2);
-  }
-}
-
-@keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-@keyframes bounce {
-  0%, 100% {
-    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
-    transform: translateY(-25%);
-  }
-
-  50% {
-    animation-timing-function: cubic-bezier(0, 0, .2, 1);
-    transform: none;
-  }
-}
-
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -5242,6 +5186,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   inherits: false
 }
 
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-backdrop-blur {
   syntax: "*";
   inherits: false
@@ -5302,3 +5251,9 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   inherits: false;
   initial-value: "";
 }
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}