@eightshift/ui-components 5.3.3 → 5.5.0

package/dist/assets/style-admin.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,7 @@
   --es-spacing-5_5: 1.375rem;
   --es-radius-7: .4375rem;
   --es-radius-10: .625rem;
+  --es-aspect-3-2: 3 / 2;
   --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 +162,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);
@@ -319,7 +323,9 @@
   --es-radius-2xl: 1rem;
   --es-radius-3xl: 1.5rem;
   --es-drop-shadow-sm: 0 1px 2px #00000026;
+  --es-animate-spin: spin 1s linear infinite;
   --es-blur-sm: 8px;
+  --es-blur-md: 12px;
   --es-blur-lg: 16px;
   --es-blur-2xl: 40px;
   --es-blur-3xl: 64px;
@@ -773,10 +779,18 @@
   bottom: calc(var(--es-spacing) * 0);
 }
 
+:is(body, body #wpwrap) .es\:bottom-2 {
+  bottom: calc(var(--es-spacing) * 2);
+}
+
 :is(body, body #wpwrap) .es\:left-0 {
   left: calc(var(--es-spacing) * 0);
 }
 
+:is(body, body #wpwrap) .es\:left-2 {
+  left: calc(var(--es-spacing) * 2);
+}
+
 :is(body, body #wpwrap) .es\:left-3\.5 {
   left: calc(var(--es-spacing) * 3.5);
 }
@@ -1020,6 +1034,10 @@
   display: inline-block;
 }
 
+:is(body, body #wpwrap) .es\:aspect-3-2 {
+  aspect-ratio: var(--es-aspect-3-2);
+}
+
 :is(body, body #wpwrap) .es\:aspect-video {
   aspect-ratio: var(--es-aspect-video);
 }
@@ -1560,6 +1578,11 @@
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
+:is(body, body #wpwrap) .es\:translate-y-\[125\%\] {
+  --tw-translate-y: 125%;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, body #wpwrap) .es\:translate-y-px {
   --tw-translate-y: 1px;
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1604,6 +1627,13 @@
   animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
 }
 
+:is(body, body #wpwrap) .es\:motion-preset-fade {
+  --motion-origin-opacity: 0;
+  --motion-duration: .5s;
+  --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
+  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
+}
+
 :is(body, body #wpwrap) .es\:motion-preset-spin {
   --motion-loop-rotate: 360deg;
   --motion-timing: linear;
@@ -1667,6 +1697,10 @@
   animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
 }
 
+:is(body, body #wpwrap) .es\:animate-spin {
+  animation: var(--es-animate-spin);
+}
+
 :is(body, body #wpwrap) .es\:cursor-default {
   cursor: default;
 }
@@ -1699,6 +1733,14 @@
   grid-auto-columns: auto;
 }
 
+:is(body, body #wpwrap) .es\:auto-cols-fr {
+  grid-auto-columns: minmax(0, 1fr);
+}
+
+:is(body, body #wpwrap) .es\:grid-flow-col {
+  grid-auto-flow: column;
+}
+
 :is(body, body #wpwrap) .es\:auto-rows-auto {
   grid-auto-rows: auto;
 }
@@ -1747,6 +1789,10 @@
   grid-template-rows: auto auto;
 }
 
+:is(body, body #wpwrap) .es\:grid-rows-\[minmax\(0\,_1fr\)_auto\] {
+  grid-template-rows: minmax(0, 1fr) auto;
+}
+
 :is(body, body #wpwrap) .es\:flex-col {
   flex-direction: column;
 }
@@ -1763,6 +1809,10 @@
   align-items: center;
 }
 
+:is(body, body #wpwrap) .es\:items-center-safe {
+  align-items: safe center;
+}
+
 :is(body, body #wpwrap) .es\:items-start {
   align-items: flex-start;
 }
@@ -1779,6 +1829,10 @@
   justify-content: center;
 }
 
+:is(body, body #wpwrap) .es\:justify-center-safe {
+  justify-content: safe center;
+}
+
 :is(body, body #wpwrap) .es\:justify-end {
   justify-content: flex-end;
 }
@@ -2120,6 +2174,11 @@
   border-width: 1px;
 }
 
+:is(body, body #wpwrap) .es\:border-4 {
+  border-style: var(--tw-border-style);
+  border-width: 4px;
+}
+
 :is(body, body #wpwrap) .es\:border-x {
   border-inline-style: var(--tw-border-style);
   border-inline-width: 1px;
@@ -2165,6 +2224,11 @@
   border-style: dotted;
 }
 
+:is(body, body #wpwrap) .es\:border-none {
+  --tw-border-style: none;
+  border-style: none;
+}
+
 :is(body, body #wpwrap) .es\:border-none\! {
   --tw-border-style: none !important;
   border-style: none !important;
@@ -2364,6 +2428,10 @@
   border-bottom-color: var(--es-color-secondary-200);
 }
 
+:is(body, body #wpwrap) .es\:bg-\(--es-img-dominant-color\) {
+  background-color: var(--es-img-dominant-color);
+}
+
 :is(body, body #wpwrap) .es\:bg-\[\#f1f1f1\] {
   background-color: #f1f1f1;
 }
@@ -2768,6 +2836,11 @@
   background-image: radial-gradient(var(--tw-gradient-stops));
 }
 
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:bg-radial-\[at_50\%_125\%\] {
   --tw-gradient-position: at 50% 125%;
   background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
@@ -2783,6 +2856,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, body #wpwrap) .es\:from-accent-400\/35 {
+  --tw-gradient-from: var(--es-color-accent-400);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:from-accent-400\/35 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 35%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .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));
@@ -2793,6 +2880,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, body #wpwrap) .es\:from-black\/40 {
+  --tw-gradient-from: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:from-black\/40 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 40%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .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));
@@ -2826,6 +2927,34 @@
   --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, body #wpwrap) .es\:from-red-600\/5 {
+  --tw-gradient-from: var(--es-color-red-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:from-red-600\/5 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:from-red-700\/50 {
+  --tw-gradient-from: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:from-red-700\/50 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 50%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .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));
@@ -2851,10 +2980,38 @@
   --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, body #wpwrap) .es\:from-white\/20 {
+  --tw-gradient-from: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:from-white\/20 {
+    --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 20%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:from-40\% {
   --tw-gradient-from-position: 40%;
 }
 
+:is(body, body #wpwrap) .es\:to-accent-400\/30 {
+  --tw-gradient-to: var(--es-color-accent-400);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:to-accent-400\/30 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 30%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .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));
@@ -2879,6 +3036,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, body #wpwrap) .es\:to-black\/35 {
+  --tw-gradient-to: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:to-black\/35 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 35%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:to-current\/10 {
   --tw-gradient-to: currentcolor;
 }
@@ -2893,6 +3064,34 @@
   --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, body #wpwrap) .es\:to-red-600\/2 {
+  --tw-gradient-to: var(--es-color-red-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:to-red-600\/2 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 2%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:to-red-700\/45 {
+  --tw-gradient-to: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:to-red-700\/45 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 45%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .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));
@@ -2918,6 +3117,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, body #wpwrap) .es\:to-white\/15 {
+  --tw-gradient-to: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:to-white\/15 {
+    --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 15%, transparent);
+  }
+}
+
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:fill-secondary-200 {
   fill: var(--es-color-secondary-200);
 }
@@ -3102,6 +3315,10 @@
   padding-top: calc(var(--es-spacing) * 2.25);
 }
 
+:is(body, body #wpwrap) .es\:pt-3 {
+  padding-top: calc(var(--es-spacing) * 3);
+}
+
 :is(body, body #wpwrap) .es\:pr-0 {
   padding-right: calc(var(--es-spacing) * 0);
 }
@@ -3154,6 +3371,10 @@
   padding-bottom: calc(var(--es-spacing) * 2.5);
 }
 
+:is(body, body #wpwrap) .es\:pb-3 {
+  padding-bottom: calc(var(--es-spacing) * 3);
+}
+
 :is(body, body #wpwrap) .es\:pb-3\.5 {
   padding-bottom: calc(var(--es-spacing) * 3.5);
 }
@@ -3606,6 +3827,11 @@
   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, body #wpwrap) .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, body #wpwrap) .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);
@@ -3676,6 +3902,16 @@
   }
 }
 
+:is(body, body #wpwrap) .es\:shadow-black\/10 {
+  --tw-shadow-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .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, body #wpwrap) .es\:shadow-blue-500\/15 {
   --tw-shadow-color: var(--es-color-blue-500);
 }
@@ -3736,6 +3972,16 @@
   }
 }
 
+:is(body, body #wpwrap) .es\:shadow-red-700\/10 {
+  --tw-shadow-color: var(--es-color-red-700);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .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, body #wpwrap) .es\:shadow-red-700\/20 {
   --tw-shadow-color: var(--es-color-red-700);
 }
@@ -3820,6 +4066,16 @@
   }
 }
 
+:is(body, body #wpwrap) .es\:inset-shadow-white\/5 {
+  --tw-inset-shadow-color: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .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, body #wpwrap) .es\:inset-ring-accent-500 {
   --tw-inset-ring-color: var(--es-color-accent-500);
 }
@@ -3834,6 +4090,16 @@
   }
 }
 
+:is(body, body #wpwrap) .es\:inset-ring-black\/10 {
+  --tw-inset-ring-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:inset-ring-black\/10 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-black) 10%, transparent);
+  }
+}
+
 :is(body, body #wpwrap) .es\:inset-ring-blue-100 {
   --tw-inset-ring-color: var(--es-color-blue-100);
 }
@@ -3860,6 +4126,16 @@
   --tw-inset-ring-color: var(--es-color-red-100);
 }
 
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:inset-ring-red-700\/10 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-red-700) 10%, transparent);
+  }
+}
+
 :is(body, body #wpwrap) .es\:inset-ring-secondary-50 {
   --tw-inset-ring-color: var(--es-color-secondary-50);
 }
@@ -3888,6 +4164,16 @@
   }
 }
 
+:is(body, body #wpwrap) .es\:inset-ring-white\/2 {
+  --tw-inset-ring-color: var(--es-color-white);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:inset-ring-white\/2 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-white) 2%, transparent);
+  }
+}
+
 :is(body, body #wpwrap) .es\:outline-hidden {
   --tw-outline-style: none;
   outline-style: none;
@@ -3966,6 +4252,12 @@
   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, body #wpwrap) .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, body #wpwrap) .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, );
@@ -3978,6 +4270,18 @@
   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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, );
@@ -4057,11 +4361,21 @@
   transition-duration: .3s;
 }
 
+:is(body, body #wpwrap) .es\:duration-3000 {
+  --tw-duration: 3s;
+  transition-duration: 3s;
+}
+
 :is(body, body #wpwrap) .es\:ease-\[var\(--motion-spring-bouncy\)\] {
   --tw-ease: var(--motion-spring-bouncy);
   transition-timing-function: var(--motion-spring-bouncy);
 }
 
+:is(body, body #wpwrap) .es\:ease-spring-smooth {
+  --tw-ease: var(--es-ease-spring-smooth);
+  transition-timing-function: var(--es-ease-spring-smooth);
+}
+
 :is(body, body #wpwrap) .es\:will-change-\[transform\,opacity\] {
   will-change: transform, opacity;
 }
@@ -4144,6 +4458,30 @@
   -webkit-tap-highlight-color: transparent;
 }
 
+:is(body, body #wpwrap) .es\:text-shadow-2xs {
+  text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000026);
+}
+
+:is(body, body #wpwrap) .es\:text-shadow-black\/20 {
+  --tw-text-shadow-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .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, body #wpwrap) .es\:text-shadow-black\/30 {
+  --tw-text-shadow-color: var(--es-color-black);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .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, body #wpwrap) .es\:\*\:col-start-1 > *) {
   grid-column-start: 1;
 }
@@ -4200,6 +4538,18 @@
   cursor: pointer;
 }
 
+:is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
   color: var(--es-color-black);
 }
@@ -4927,69 +5277,405 @@
   }
 }
 
-:is(body, body #wpwrap) .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, body #wpwrap) .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
+  --tw-gradient-from: var(--es-color-accent-400);
 }
 
-@media (hover: hover) {
-  :is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
-  color: var(--es-color-accent-500);
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
-    color: var(--es-color-accent-500);
+  :is(body, body #wpwrap) .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
+    --tw-gradient-from: var(--es-color-accent-400);
   }
-}
 
-:is(body, body #wpwrap) .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
-  color: var(--es-color-accent-700);
-}
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, body #wpwrap) .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);
+    }
+  }
 
-@media (hover: hover) {
-  :is(body, body #wpwrap) .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
-    color: var(--es-color-accent-700);
+  :is(body, body #wpwrap) .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, body #wpwrap) .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
-  color: var(--es-color-accent-900);
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
-    color: var(--es-color-accent-900);
+  :is(body, body #wpwrap) .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, body #wpwrap) .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
-  color: var(--es-color-accent-950);
+:is(body, body #wpwrap) .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
+  --tw-gradient-from: var(--es-color-black);
 }
 
-@media (hover: hover) {
-  :is(body, body #wpwrap) .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
-    color: var(--es-color-accent-950);
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .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, body #wpwrap) .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
-  color: var(--es-color-red-600);
+:is(body, body #wpwrap) .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, body #wpwrap) .es\:hover\:text-red-600:where(:not([data-rac])):hover {
-    color: var(--es-color-red-600);
+  :is(body, body #wpwrap) .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
+    --tw-gradient-from: var(--es-color-black);
   }
-}
 
-:is(body, body #wpwrap) .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
+  color: var(--es-color-accent-500);
+}
+
+@media (hover: hover) {
+  :is(body, body #wpwrap) .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
+    color: var(--es-color-accent-500);
+  }
+}
+
+:is(body, body #wpwrap) .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
+  color: var(--es-color-accent-700);
+}
+
+@media (hover: hover) {
+  :is(body, body #wpwrap) .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
+    color: var(--es-color-accent-700);
+  }
+}
+
+:is(body, body #wpwrap) .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
+  color: var(--es-color-accent-900);
+}
+
+@media (hover: hover) {
+  :is(body, body #wpwrap) .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
+    color: var(--es-color-accent-900);
+  }
+}
+
+:is(body, body #wpwrap) .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
+  color: var(--es-color-accent-950);
+}
+
+@media (hover: hover) {
+  :is(body, body #wpwrap) .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
+    color: var(--es-color-accent-950);
+  }
+}
+
+:is(body, body #wpwrap) .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
+  color: var(--es-color-red-600);
+}
+
+@media (hover: hover) {
+  :is(body, body #wpwrap) .es\:hover\:text-red-600:where(:not([data-rac])):hover {
+    color: var(--es-color-red-600);
+  }
+}
+
+:is(body, body #wpwrap) .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
   color: var(--es-color-red-800);
 }
 
@@ -5009,6 +5695,18 @@
   }
 }
 
+:is(body, body #wpwrap) .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, body #wpwrap) .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);
+  }
+}
+
 :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
   --tw-inset-shadow-color: var(--es-color-red-100);
 }
@@ -5053,6 +5751,28 @@
   }
 }
 
+:is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
   --tw-inset-ring-color: var(--es-color-red-100);
 }
@@ -5073,6 +5793,34 @@
   }
 }
 
+:is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where([data-rac])[data-hovered] {
   background-color: var(--es-color-secondary-100);
 }
@@ -5322,6 +6070,90 @@
   }
 }
 
+:is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
   color: var(--es-color-accent-700);
 }
@@ -5330,6 +6162,10 @@
   color: var(--es-color-accent-950);
 }
 
+:is(body, body #wpwrap) .es\:focus-visible\:text-black:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+  color: var(--es-color-black);
+}
+
 :is(body, body #wpwrap) .es\:focus-visible\:text-red-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
   color: var(--es-color-red-700);
 }
@@ -5451,6 +6287,16 @@
   }
 }
 
+:is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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);
 }
@@ -5523,70 +6369,44 @@
   cursor: pointer;
 }
 
-:is(body, body #wpwrap) .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
-  background-color: var(--es-color-accent-500);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
-  background-color: var(--es-color-red-500);
+:is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
-  background-color: var(--es-color-secondary-100);
+:is(body, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .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, body #wpwrap) .es\:enabled\:active\:bg-accent-50:enabled:where([data-rac])[data-active], :is(body, body #wpwrap) .es\:enabled\:active\:bg-accent-50:enabled:where(:not([data-rac])):active {
@@ -5776,6 +6596,11 @@
   }
 }
 
+:is(body, body #wpwrap) .es\:has-focus-visible\:translate-y-0:has(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])), :is(body, body #wpwrap) .es\:has-aria-expanded\:translate-y-0:has([aria-expanded="true"]) {
+  --tw-translate-y: calc(var(--es-spacing) * 0);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, body #wpwrap) .es\:has-dragging\:inset-ring-1:has([data-dragging]) {
   --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);
@@ -6457,6 +7282,10 @@
   color: var(--es-color-lime-500);
 }
 
+:is(body, body #wpwrap) .es\:icon\:text-secondary-500 > svg {
+  color: var(--es-color-secondary-500);
+}
+
 :is(body, body #wpwrap) .es\:icon\:transition-transform > svg {
   transition-property: transform, translate, scale, rotate;
   transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
@@ -7433,8 +8262,25 @@
   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;
   initial-value: "";
 }
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}