@eightshift/ui-components 5.3.2 → 5.4.0

package/dist/assets/style-editor.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
@@ -68,6 +68,8 @@
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
+      --tw-text-shadow-color: initial;
+      --tw-text-shadow-alpha: 100%;
       --tw-content: "";
     }
   }
@@ -139,6 +141,8 @@
   --es-spacing-5_5: 1.375rem;
   --es-radius-7: .4375rem;
   --es-radius-10: .625rem;
+  --es-aspect-3-2: 3 / 2;
+  --es-aspect-cinema: 21 / 9;
   --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);
@@ -159,6 +163,7 @@
   --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-ease-spring-smooth: var(--motion-spring-smooth);
   --es-color-red-50: oklch(97.1% .013 17.38);
   --es-color-red-100: oklch(93.6% .032 17.717);
   --es-color-red-200: oklch(88.5% .062 18.334);
@@ -320,6 +325,7 @@
   --es-radius-3xl: 1.5rem;
   --es-drop-shadow-sm: 0 1px 2px #00000026;
   --es-blur-sm: 8px;
+  --es-blur-md: 12px;
   --es-blur-lg: 16px;
   --es-blur-2xl: 40px;
   --es-blur-3xl: 64px;
@@ -773,10 +779,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   bottom: calc(var(--es-spacing) * 0);
 }
 
+:is(body, #wpwrap #editor) .es\:bottom-2 {
+  bottom: calc(var(--es-spacing) * 2);
+}
+
 :is(body, #wpwrap #editor) .es\:left-0 {
   left: calc(var(--es-spacing) * 0);
 }
 
+:is(body, #wpwrap #editor) .es\:left-2 {
+  left: calc(var(--es-spacing) * 2);
+}
+
 :is(body, #wpwrap #editor) .es\:left-3\.5 {
   left: calc(var(--es-spacing) * 3.5);
 }
@@ -1020,6 +1034,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   display: inline-block;
 }
 
+:is(body, #wpwrap #editor) .es\:aspect-3-2 {
+  aspect-ratio: var(--es-aspect-3-2);
+}
+
+:is(body, #wpwrap #editor) .es\:aspect-cinema {
+  aspect-ratio: var(--es-aspect-cinema);
+}
+
 :is(body, #wpwrap #editor) .es\:aspect-video {
   aspect-ratio: var(--es-aspect-video);
 }
@@ -1560,6 +1582,11 @@ 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-\[125\%\] {
+  --tw-translate-y: 125%;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, #wpwrap #editor) .es\:translate-y-px {
   --tw-translate-y: 1px;
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1699,6 +1726,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   grid-auto-columns: auto;
 }
 
+:is(body, #wpwrap #editor) .es\:auto-cols-fr {
+  grid-auto-columns: minmax(0, 1fr);
+}
+
+:is(body, #wpwrap #editor) .es\:grid-flow-col {
+  grid-auto-flow: column;
+}
+
 :is(body, #wpwrap #editor) .es\:auto-rows-auto {
   grid-auto-rows: auto;
 }
@@ -1763,6 +1798,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   align-items: center;
 }
 
+:is(body, #wpwrap #editor) .es\:items-center-safe {
+  align-items: safe center;
+}
+
 :is(body, #wpwrap #editor) .es\:items-start {
   align-items: flex-start;
 }
@@ -1779,6 +1818,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   justify-content: center;
 }
 
+:is(body, #wpwrap #editor) .es\:justify-center-safe {
+  justify-content: safe center;
+}
+
 :is(body, #wpwrap #editor) .es\:justify-end {
   justify-content: flex-end;
 }
@@ -2165,6 +2208,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-style: dotted;
 }
 
+:is(body, #wpwrap #editor) .es\:border-none {
+  --tw-border-style: none;
+  border-style: none;
+}
+
 :is(body, #wpwrap #editor) .es\:border-none\! {
   --tw-border-style: none !important;
   border-style: none !important;
@@ -2182,6 +2230,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-color: var(--es-color-accent-500) !important;
 }
 
+:is(body, #wpwrap #editor) .es\:border-accent-500\/0 {
+  border-color: var(--es-color-accent-500);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:border-accent-500\/0 {
+    border-color: color-mix(in oklab, var(--es-color-accent-500) 0%, transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:border-accent-500\/10 {
   border-color: var(--es-color-accent-500);
 }
@@ -2394,7 +2452,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
-:is(body, #wpwrap #editor) .es\:bg-accent-600, :is(body, #wpwrap #editor) .es\:bg-accent-600\/15 {
+:is(body, #wpwrap #editor) .es\:bg-accent-600\/15 {
   background-color: var(--es-color-accent-600);
 }
 
@@ -2758,6 +2816,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   background-image: radial-gradient(var(--tw-gradient-stops));
 }
 
+:is(body, #wpwrap #editor) .es\:bg-radial-\[at_50\%_75\%\] {
+  --tw-gradient-position: at 50% 75%;
+  background-image: radial-gradient(var(--tw-gradient-stops, at 50% 75%));
+}
+
 :is(body, #wpwrap #editor) .es\:bg-radial-\[at_50\%_125\%\] {
   --tw-gradient-position: at 50% 125%;
   background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
@@ -2773,6 +2836,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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-400\/35 {
+  --tw-gradient-from: var(--es-color-accent-400);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:from-accent-400\/35 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 35%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:from-accent-400\/35 {
+  --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-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));
@@ -2783,6 +2860,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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-black\/40 {
+  --tw-gradient-from: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:from-black\/40 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 40%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:from-black\/40 {
+  --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));
@@ -2816,6 +2907,34 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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-600\/5 {
+  --tw-gradient-from: var(--es-color-red-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:from-red-600\/5 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:from-red-600\/5 {
+  --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-700\/50 {
+  --tw-gradient-from: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:from-red-700\/50 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 50%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:from-red-700\/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));
+}
+
 :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));
@@ -2841,10 +2960,38 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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\/20 {
+  --tw-gradient-from: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:from-white\/20 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 20%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:from-white\/20 {
+  --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\% {
   --tw-gradient-from-position: 40%;
 }
 
+:is(body, #wpwrap #editor) .es\:to-accent-400\/30 {
+  --tw-gradient-to: var(--es-color-accent-400);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:to-accent-400\/30 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 30%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:to-accent-400\/30 {
+  --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 {
   --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));
@@ -2869,6 +3016,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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-black\/35 {
+  --tw-gradient-to: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:to-black\/35 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 35%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:to-black\/35 {
+  --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-current\/10 {
   --tw-gradient-to: currentcolor;
 }
@@ -2883,6 +3044,34 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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-red-600\/2 {
+  --tw-gradient-to: var(--es-color-red-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:to-red-600\/2 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 2%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:to-red-600\/2 {
+  --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-red-700\/45 {
+  --tw-gradient-to: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:to-red-700\/45 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 45%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:to-red-700\/45 {
+  --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));
@@ -2908,6 +3097,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --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\/15 {
+  --tw-gradient-to: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:to-white\/15 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 15%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:to-white\/15 {
+  --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 {
   fill: var(--es-color-secondary-200);
 }
@@ -3596,6 +3799,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);
 }
 
+:is(body, #wpwrap #editor) .es\:inset-shadow-sm {
+  --tw-inset-shadow: inset 0 2px 4px 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-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);
@@ -3616,16 +3824,6 @@ 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\:shadow-accent-500\/25 {
-  --tw-shadow-color: var(--es-color-accent-500);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:shadow-accent-500\/25 {
-    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
-  }
-}
-
 :is(body, #wpwrap #editor) .es\:shadow-accent-500\/30 {
   --tw-shadow-color: var(--es-color-accent-500);
 }
@@ -3676,6 +3874,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:shadow-black\/10 {
+  --tw-shadow-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:shadow-black\/10 {
+    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:shadow-blue-500\/15 {
   --tw-shadow-color: var(--es-color-blue-500);
 }
@@ -3736,6 +3944,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:shadow-red-700\/10 {
+  --tw-shadow-color: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:shadow-red-700\/10 {
+    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-700) 10%, transparent) var(--tw-shadow-alpha), transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:shadow-red-700\/20 {
   --tw-shadow-color: var(--es-color-red-700);
 }
@@ -3770,6 +3988,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --tw-ring-color: var(--es-color-black);
 }
 
+:is(body, #wpwrap #editor) .es\:inset-shadow-accent-400\/0 {
+  --tw-inset-shadow-color: var(--es-color-accent-400);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:inset-shadow-accent-400\/0 {
+    --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-400) 0%, transparent) var(--tw-inset-shadow-alpha), transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:inset-shadow-accent-400\/75 {
   --tw-inset-shadow-color: var(--es-color-accent-400);
 }
@@ -3810,14 +4038,40 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:inset-shadow-white\/5 {
+  --tw-inset-shadow-color: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:inset-shadow-white\/5 {
+    --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 5%, transparent) var(--tw-inset-shadow-alpha), transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:inset-ring-accent-500 {
   --tw-inset-ring-color: var(--es-color-accent-500);
 }
 
-:is(body, #wpwrap #editor) .es\:inset-ring-accent-600 {
+:is(body, #wpwrap #editor) .es\:inset-ring-accent-600, :is(body, #wpwrap #editor) .es\:inset-ring-accent-600\/0 {
   --tw-inset-ring-color: var(--es-color-accent-600);
 }
 
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:inset-ring-accent-600\/0 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 0%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:inset-ring-black\/10 {
+  --tw-inset-ring-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:inset-ring-black\/10 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-black) 10%, transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:inset-ring-blue-100 {
   --tw-inset-ring-color: var(--es-color-blue-100);
 }
@@ -3844,6 +4098,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --tw-inset-ring-color: var(--es-color-red-100);
 }
 
+:is(body, #wpwrap #editor) .es\:inset-ring-red-700\/10 {
+  --tw-inset-ring-color: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:inset-ring-red-700\/10 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-red-700) 10%, transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:inset-ring-secondary-50 {
   --tw-inset-ring-color: var(--es-color-secondary-50);
 }
@@ -3872,6 +4136,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:inset-ring-white\/2 {
+  --tw-inset-ring-color: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:inset-ring-white\/2 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-white) 2%, transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:outline-hidden {
   --tw-outline-style: none;
   outline-style: none;
@@ -3950,6 +4224,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
 }
 
+:is(body, #wpwrap #editor) .es\:backdrop-blur-md {
+  --tw-backdrop-blur: blur(var(--es-blur-md));
+  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+}
+
 :is(body, #wpwrap #editor) .es\:backdrop-blur-sm {
   --tw-backdrop-blur: blur(var(--es-blur-sm));
   -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -3962,6 +4242,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
 }
 
+:is(body, #wpwrap #editor) .es\:backdrop-saturate-115 {
+  --tw-backdrop-saturate: saturate(115%);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+}
+
+:is(body, #wpwrap #editor) .es\:backdrop-saturate-120 {
+  --tw-backdrop-saturate: saturate(120%);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+}
+
 :is(body, #wpwrap #editor) .es\:backdrop-saturate-150 {
   --tw-backdrop-saturate: saturate(150%);
   -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -4046,6 +4338,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   transition-timing-function: var(--motion-spring-bouncy);
 }
 
+:is(body, #wpwrap #editor) .es\:ease-spring-smooth {
+  --tw-ease: var(--es-ease-spring-smooth);
+  transition-timing-function: var(--es-ease-spring-smooth);
+}
+
 :is(body, #wpwrap #editor) .es\:will-change-\[transform\,opacity\] {
   will-change: transform, opacity;
 }
@@ -4092,16 +4389,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   user-select: none;
 }
 
-:is(body, #wpwrap #editor) .es\:accent-text-shadow {
-  text-shadow: 0 1px 0 var(--es-color-accent-900);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:accent-text-shadow {
-    text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
-  }
-}
-
 :is(body, #wpwrap #editor) .es\:motion-delay-300\/blur {
   --motion-filter-delay: .3s;
 }
@@ -4130,14 +4417,38 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --motion-duration: 1.5s;
 }
 
-:is(body, #wpwrap #editor) .es\:motion-duration-1750 {
-  --motion-duration: 1.75s;
+:is(body, #wpwrap #editor) .es\:motion-duration-2000 {
+  --motion-duration: 2s;
 }
 
 :is(body, #wpwrap #editor) .es\:no-webkit-highlight {
   -webkit-tap-highlight-color: transparent;
 }
 
+:is(body, #wpwrap #editor) .es\:text-shadow-2xs {
+  text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000026);
+}
+
+:is(body, #wpwrap #editor) .es\:text-shadow-black\/20 {
+  --tw-text-shadow-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:text-shadow-black\/20 {
+    --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 20%, transparent) var(--tw-text-shadow-alpha), transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:text-shadow-black\/30 {
+  --tw-text-shadow-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:text-shadow-black\/30 {
+    --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 30%, transparent) var(--tw-text-shadow-alpha), transparent);
+  }
+}
+
 :is(:is(body, #wpwrap #editor) .es\:\*\:col-start-1 > *) {
   grid-column-start: 1;
 }
@@ -4194,6 +4505,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   cursor: pointer;
 }
 
+:is(body, #wpwrap #editor) .es\:group-hover\:translate-y-0:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
+  --tw-translate-y: calc(var(--es-spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:group-hover\:translate-y-0:is(:where(.es\:group):where(:not([data-rac])):hover *) {
+    --tw-translate-y: calc(var(--es-spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
   color: var(--es-color-black);
 }
@@ -4692,6 +5015,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   display: none;
 }
 
+:is(body, #wpwrap #editor) .es\:focus-within\:translate-y-0:where([data-rac])[data-focus-within], :is(body, #wpwrap #editor) .es\:focus-within\:translate-y-0:where(:not([data-rac])):focus-within {
+  --tw-translate-y: calc(var(--es-spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, #wpwrap #editor) .es\:focus-within\:shadow-md:where([data-rac])[data-focus-within], :is(body, #wpwrap #editor) .es\:focus-within\:shadow-md:where(:not([data-rac])):focus-within {
   --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
@@ -4769,6 +5097,28 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:hover\:bg-accent-500\/10:where([data-rac])[data-hovered] {
+  background-color: var(--es-color-accent-500);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:bg-accent-500\/10:where([data-rac])[data-hovered] {
+    background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+  }
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:bg-accent-500\/10:where(:not([data-rac])):hover {
+    background-color: var(--es-color-accent-500);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:bg-accent-500\/10:where(:not([data-rac])):hover {
+      background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+    }
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:hover\:bg-red-50:where([data-rac])[data-hovered] {
   background-color: var(--es-color-red-50);
 }
@@ -4899,28 +5249,374 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
-:is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
-  --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));
+:is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
+  --tw-gradient-from: var(--es-color-accent-400);
 }
 
-@media (hover: hover) {
-  :is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where(:not([data-rac])):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));
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 45%, transparent);
   }
 }
 
-:is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
-  color: var(--es-color-accent-500);
+:is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
+  --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));
 }
 
 @media (hover: hover) {
-  :is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
+  :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
+    --tw-gradient-from: var(--es-color-accent-400);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
+      --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 45%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
+    --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\:from-accent-600:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-accent-600:where(:not([data-rac])):hover {
+    --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));
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
+  --tw-gradient-from: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 50%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
+    --tw-gradient-from: var(--es-color-black);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
+      --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 50%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
+    --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\:from-red-600\/10:where([data-rac])[data-hovered] {
+  --tw-gradient-from: var(--es-color-red-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 10%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
+    --tw-gradient-from: var(--es-color-red-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
+      --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 10%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
+    --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\:from-red-700\/60:where([data-rac])[data-hovered] {
+  --tw-gradient-from: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 60%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
+    --tw-gradient-from: var(--es-color-red-700);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
+      --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 60%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
+    --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\:from-secondary-100:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-secondary-100:where(:not([data-rac])):hover {
+    --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));
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
+  --tw-gradient-from: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 30%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
+    --tw-gradient-from: var(--es-color-white);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
+      --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 30%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
+    --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\:to-accent-400\/40:where([data-rac])[data-hovered] {
+  --tw-gradient-to: var(--es-color-accent-400);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 40%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
+    --tw-gradient-to: var(--es-color-accent-400);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
+      --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 40%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
+    --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\:to-accent-700:where([data-rac])[data-hovered] {
+  --tw-gradient-to: var(--es-color-accent-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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-accent-700:where(:not([data-rac])):hover {
+    --tw-gradient-to: var(--es-color-accent-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));
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
+  --tw-gradient-to: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 45%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
+    --tw-gradient-to: var(--es-color-black);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
+      --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 45%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
+    --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\:to-red-600\/5:where([data-rac])[data-hovered] {
+  --tw-gradient-to: var(--es-color-red-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
+    --tw-gradient-to: var(--es-color-red-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
+      --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
+    --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\:to-red-700\/55:where([data-rac])[data-hovered] {
+  --tw-gradient-to: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 55%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
+    --tw-gradient-to: var(--es-color-red-700);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
+      --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 55%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
+    --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\:to-secondary-100:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-secondary-100:where(:not([data-rac])):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));
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
+  --tw-gradient-to: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 25%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
+  --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));
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
+    --tw-gradient-to: var(--es-color-white);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
+      --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 25%, transparent);
+    }
+  }
+
+  :is(body, #wpwrap #editor) .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
+    --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:where([data-rac])[data-hovered] {
+  color: var(--es-color-accent-500);
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
     color: var(--es-color-accent-500);
   }
 }
 
+:is(body, #wpwrap #editor) .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
+  color: var(--es-color-accent-700);
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
+    color: var(--es-color-accent-700);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
   color: var(--es-color-accent-900);
 }
@@ -4971,25 +5667,15 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
-:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
-  --tw-shadow-color: var(--es-color-accent-600);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
-    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
-  }
+:is(body, #wpwrap #editor) .es\:hover\:shadow-md:where([data-rac])[data-hovered] {
+  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
 }
 
 @media (hover: hover) {
-  :is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
-    --tw-shadow-color: var(--es-color-accent-600);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
-    }
+  :is(body, #wpwrap #editor) .es\:hover\:shadow-md:where(:not([data-rac])):hover {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
   }
 }
 
@@ -5037,6 +5723,28 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:hover\:inset-shadow-white\/10:where([data-rac])[data-hovered] {
+  --tw-inset-shadow-color: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:inset-shadow-white\/10:where([data-rac])[data-hovered] {
+    --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
+  }
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:inset-shadow-white\/10:where(:not([data-rac])):hover {
+    --tw-inset-shadow-color: var(--es-color-white);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:inset-shadow-white\/10:where(:not([data-rac])):hover {
+      --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
+    }
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
   --tw-inset-ring-color: var(--es-color-red-100);
 }
@@ -5057,6 +5765,34 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:hover\:backdrop-saturate-125:where([data-rac])[data-hovered] {
+  --tw-backdrop-saturate: saturate(125%);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:backdrop-saturate-125:where(:not([data-rac])):hover {
+    --tw-backdrop-saturate: saturate(125%);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:hover\:backdrop-saturate-130:where([data-rac])[data-hovered] {
+  --tw-backdrop-saturate: saturate(130%);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:backdrop-saturate-130:where(:not([data-rac])):hover {
+    --tw-backdrop-saturate: saturate(130%);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where([data-rac])[data-hovered] {
   background-color: var(--es-color-secondary-100);
 }
@@ -5306,6 +6042,90 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-gradient-from: var(--es-color-accent-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-600) 95%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --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\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-gradient-from: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 95%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --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\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-gradient-from: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 90%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --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\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-gradient-to: var(--es-color-accent-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-600) 90%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --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\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-gradient-to: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 90%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --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\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-gradient-to: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 85%, transparent);
+  }
+}
+
+:is(body, #wpwrap #editor) .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --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\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
   color: var(--es-color-accent-700);
 }
@@ -5314,6 +6134,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: var(--es-color-accent-950);
 }
 
+:is(body, #wpwrap #editor) .es\:focus-visible\:text-black:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  color: var(--es-color-black);
+}
+
 :is(body, #wpwrap #editor) .es\:focus-visible\:text-red-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
   color: var(--es-color-red-700);
 }
@@ -5435,6 +6259,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:focus-visible\:text-shadow-black\/0:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-text-shadow-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:focus-visible\:text-shadow-black\/0:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 0%, transparent) var(--tw-text-shadow-alpha), transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:not-selected\:focus-visible\:bg-secondary-100:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
   background-color: var(--es-color-secondary-100);
 }
@@ -5499,74 +6333,52 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: var(--es-color-accent-500);
 }
 
-:is(body, #wpwrap #editor) .es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
-  cursor: pointer;
+:is(body, #wpwrap #editor) .es\:active\:text-accent-950:where([data-rac])[data-active], :is(body, #wpwrap #editor) .es\:active\:text-accent-950:where(:not([data-rac])):active {
+  color: var(--es-color-accent-950);
 }
 
-:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
-  background-color: var(--es-color-accent-500);
+:is(body, #wpwrap #editor) .es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
+  cursor: pointer;
 }
 
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
-    background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
-  }
+:is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
+  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
 }
 
 @media (hover: hover) {
-  :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
-    background-color: var(--es-color-accent-500);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
-      background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
-    }
+  :is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
   }
 }
 
-:is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
-  background-color: var(--es-color-red-500);
+:is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-gradient-from: var(--es-color-red-700);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
-    background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
+  :is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 95%, transparent);
   }
 }
 
-@media (hover: hover) {
-  :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
-    background-color: var(--es-color-red-500);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
-      background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
-    }
-  }
+:is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --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\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
-  background-color: var(--es-color-secondary-100);
+:is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --tw-gradient-to: var(--es-color-red-700);
 }
 
-@media (hover: hover) {
-  :is(body, #wpwrap #editor) .es\:enabled\:hover\:bg-secondary-100:enabled:where(:not([data-rac])):hover {
-    background-color: var(--es-color-secondary-100);
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 90%, transparent);
   }
 }
 
-:is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
-  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
-}
-
-@media (hover: hover) {
-  :is(body, #wpwrap #editor) .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
-    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
-  }
+:is(body, #wpwrap #editor) .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  --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\:enabled\:active\:bg-accent-50:enabled:where([data-rac])[data-active], :is(body, #wpwrap #editor) .es\:enabled\:active\:bg-accent-50:enabled:where(:not([data-rac])):active {
@@ -5634,10 +6446,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-color: var(--es-color-secondary-200);
 }
 
-:is(body, #wpwrap #editor) .es\:disabled\:border-secondary-300:is(:disabled, [data-rac][data-disabled]) {
-  border-color: var(--es-color-secondary-300);
-}
-
 :is(body, #wpwrap #editor) .es\:disabled\:border-transparent\!:is(:disabled, [data-rac][data-disabled]) {
   border-color: #0000 !important;
 }
@@ -6074,6 +6882,14 @@ 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\:pressed\:bg-accent-50[data-pressed] {
+  background-color: var(--es-color-accent-50);
+}
+
+:is(body, #wpwrap #editor) .es\:pressed\:text-accent-950[data-pressed] {
+  color: var(--es-color-accent-950);
+}
+
 :is(body, #wpwrap #editor) .es\:enabled\:pressed\:bg-accent-50:enabled[data-pressed] {
   background-color: var(--es-color-accent-50);
 }
@@ -6340,6 +7156,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   height: calc(var(--es-spacing) * 3);
 }
 
+:is(body, #wpwrap #editor) .es\:icon\:size-3\! > svg {
+  width: calc(var(--es-spacing) * 3) !important;
+  height: calc(var(--es-spacing) * 3) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:icon\:size-3\.5 > svg {
   width: calc(var(--es-spacing) * 3.5);
   height: calc(var(--es-spacing) * 3.5);
@@ -6408,6 +7229,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   stroke-width: 2px;
 }
 
+:is(body, #wpwrap #editor) .es\:icon\:stroke-2\! > svg {
+  stroke-width: 2px !important;
+}
+
 :is(body, #wpwrap #editor) .es\:icon\:stroke-3 > svg {
   stroke-width: 3px;
 }
@@ -6424,6 +7249,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: var(--es-color-lime-500);
 }
 
+:is(body, #wpwrap #editor) .es\:icon\:text-secondary-500 > svg {
+  color: var(--es-color-secondary-500);
+}
+
 :is(body, #wpwrap #editor) .es\:icon\:transition-transform > svg {
   transition-property: transform, translate, scale, rotate;
   transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
@@ -7400,6 +8229,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   inherits: false
 }
 
+@property --tw-text-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-text-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
 @property --tw-content {
   syntax: "*";
   inherits: false;