@eightshift/ui-components 2.0.1 → 3.0.0

package/dist/assets/style.css

@@ -1,5 +1,5 @@
-/*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */
-:root {
+/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
+:root, :host {
   --es-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --es-font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --es-default-transition-duration: .3s;
@@ -9,7 +9,6 @@
   --es-text-xs--line-height: 1.3;
   --es-spacing-3_25: .8125rem;
   --es-spacing-5_5: 1.375rem;
-  --es-spacing-18: 4.5rem;
   --es-color-secondary-50: var(--es-color-zinc-50);
   --es-color-secondary-100: var(--es-color-zinc-100);
   --es-color-secondary-200: var(--es-color-zinc-200);
@@ -20,11 +19,8 @@
   --es-color-secondary-700: var(--es-color-zinc-700);
   --es-color-secondary-800: var(--es-color-zinc-800);
   --es-color-secondary-900: var(--es-color-zinc-900);
-  --es-color-secondary-950: var(--es-color-zinc-950);
   --es-color-accent-50: var(--es-color-teal-50);
   --es-color-accent-100: var(--es-color-teal-100);
-  --es-color-accent-200: var(--es-color-teal-200);
-  --es-color-accent-300: var(--es-color-teal-300);
   --es-color-accent-400: var(--es-color-teal-400);
   --es-color-accent-500: var(--es-color-teal-500);
   --es-color-accent-600: var(--es-color-teal-600);
@@ -32,11 +28,9 @@
   --es-color-accent-800: var(--es-color-teal-800);
   --es-color-accent-900: var(--es-color-teal-900);
   --es-color-accent-950: var(--es-color-teal-950);
-  --es-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   --es-color-red-50: oklch(.971 .013 17.38);
   --es-color-red-100: oklch(.936 .032 17.717);
   --es-color-red-200: oklch(.885 .062 18.334);
-  --es-color-red-300: oklch(.808 .114 19.571);
   --es-color-red-400: oklch(.704 .191 22.216);
   --es-color-red-500: oklch(.637 .237 25.331);
   --es-color-red-600: oklch(.577 .245 27.325);
@@ -44,17 +38,7 @@
   --es-color-red-800: oklch(.444 .177 26.899);
   --es-color-red-900: oklch(.396 .141 25.723);
   --es-color-red-950: oklch(.258 .092 26.042);
-  --es-color-orange-50: oklch(.98 .016 73.684);
-  --es-color-orange-100: oklch(.954 .038 75.164);
-  --es-color-orange-200: oklch(.901 .076 70.697);
-  --es-color-orange-300: oklch(.837 .128 66.29);
-  --es-color-orange-400: oklch(.75 .183 55.934);
   --es-color-orange-500: oklch(.705 .213 47.604);
-  --es-color-orange-600: oklch(.646 .222 41.116);
-  --es-color-orange-700: oklch(.553 .195 38.402);
-  --es-color-orange-800: oklch(.47 .157 37.304);
-  --es-color-orange-900: oklch(.408 .123 38.172);
-  --es-color-orange-950: oklch(.266 .079 36.259);
   --es-color-amber-50: oklch(.987 .022 95.277);
   --es-color-amber-100: oklch(.962 .059 95.617);
   --es-color-amber-200: oklch(.924 .12 95.746);
@@ -66,28 +50,9 @@
   --es-color-amber-800: oklch(.473 .137 46.201);
   --es-color-amber-900: oklch(.414 .112 45.904);
   --es-color-amber-950: oklch(.279 .077 45.635);
-  --es-color-yellow-50: oklch(.987 .026 102.212);
-  --es-color-yellow-100: oklch(.973 .071 103.193);
-  --es-color-yellow-200: oklch(.945 .129 101.54);
-  --es-color-yellow-300: oklch(.905 .182 98.111);
   --es-color-yellow-400: oklch(.852 .199 91.936);
   --es-color-yellow-500: oklch(.795 .184 86.047);
-  --es-color-yellow-600: oklch(.681 .162 75.834);
-  --es-color-yellow-700: oklch(.554 .135 66.442);
-  --es-color-yellow-800: oklch(.476 .114 61.907);
-  --es-color-yellow-900: oklch(.421 .095 57.708);
-  --es-color-yellow-950: oklch(.286 .066 53.813);
-  --es-color-lime-50: oklch(.986 .031 120.757);
-  --es-color-lime-100: oklch(.967 .067 122.328);
-  --es-color-lime-200: oklch(.938 .127 124.321);
-  --es-color-lime-300: oklch(.897 .196 126.665);
-  --es-color-lime-400: oklch(.841 .238 128.85);
   --es-color-lime-500: oklch(.768 .233 130.85);
-  --es-color-lime-600: oklch(.648 .2 131.684);
-  --es-color-lime-700: oklch(.532 .157 131.589);
-  --es-color-lime-800: oklch(.453 .124 130.933);
-  --es-color-lime-900: oklch(.405 .101 131.063);
-  --es-color-lime-950: oklch(.274 .072 132.109);
   --es-color-green-50: oklch(.982 .018 155.826);
   --es-color-green-100: oklch(.962 .044 156.743);
   --es-color-green-200: oklch(.925 .084 155.995);
@@ -99,21 +64,8 @@
   --es-color-green-800: oklch(.448 .119 151.328);
   --es-color-green-900: oklch(.393 .095 152.535);
   --es-color-green-950: oklch(.266 .065 152.934);
-  --es-color-emerald-50: oklch(.979 .021 166.113);
-  --es-color-emerald-100: oklch(.95 .052 163.051);
-  --es-color-emerald-200: oklch(.905 .093 164.15);
-  --es-color-emerald-300: oklch(.845 .143 164.978);
-  --es-color-emerald-400: oklch(.765 .177 163.223);
-  --es-color-emerald-500: oklch(.696 .17 162.48);
-  --es-color-emerald-600: oklch(.596 .145 163.225);
-  --es-color-emerald-700: oklch(.508 .118 165.612);
-  --es-color-emerald-800: oklch(.432 .095 166.913);
-  --es-color-emerald-900: oklch(.378 .077 168.94);
-  --es-color-emerald-950: oklch(.262 .051 172.552);
   --es-color-teal-50: oklch(.984 .014 180.72);
   --es-color-teal-100: oklch(.953 .051 180.801);
-  --es-color-teal-200: oklch(.91 .096 180.426);
-  --es-color-teal-300: oklch(.855 .138 181.071);
   --es-color-teal-400: oklch(.777 .152 181.912);
   --es-color-teal-500: oklch(.704 .14 182.503);
   --es-color-teal-600: oklch(.6 .118 184.704);
@@ -121,28 +73,8 @@
   --es-color-teal-800: oklch(.437 .078 188.216);
   --es-color-teal-900: oklch(.386 .063 188.416);
   --es-color-teal-950: oklch(.277 .046 192.524);
-  --es-color-cyan-50: oklch(.984 .019 200.873);
-  --es-color-cyan-100: oklch(.956 .045 203.388);
-  --es-color-cyan-200: oklch(.917 .08 205.041);
-  --es-color-cyan-300: oklch(.865 .127 207.078);
-  --es-color-cyan-400: oklch(.789 .154 211.53);
   --es-color-cyan-500: oklch(.715 .143 215.221);
-  --es-color-cyan-600: oklch(.609 .126 221.723);
-  --es-color-cyan-700: oklch(.52 .105 223.128);
-  --es-color-cyan-800: oklch(.45 .085 224.283);
-  --es-color-cyan-900: oklch(.398 .07 227.392);
-  --es-color-cyan-950: oklch(.302 .056 229.695);
-  --es-color-sky-50: oklch(.977 .013 236.62);
-  --es-color-sky-100: oklch(.951 .026 236.824);
-  --es-color-sky-200: oklch(.901 .058 230.902);
-  --es-color-sky-300: oklch(.828 .111 230.318);
   --es-color-sky-400: oklch(.746 .16 232.661);
-  --es-color-sky-500: oklch(.685 .169 237.323);
-  --es-color-sky-600: oklch(.588 .158 241.966);
-  --es-color-sky-700: oklch(.5 .134 242.749);
-  --es-color-sky-800: oklch(.443 .11 240.79);
-  --es-color-sky-900: oklch(.391 .09 240.876);
-  --es-color-sky-950: oklch(.293 .066 243.157);
   --es-color-blue-50: oklch(.97 .014 254.604);
   --es-color-blue-100: oklch(.932 .032 255.585);
   --es-color-blue-200: oklch(.882 .059 254.128);
@@ -154,17 +86,7 @@
   --es-color-blue-800: oklch(.424 .199 265.638);
   --es-color-blue-900: oklch(.379 .146 265.522);
   --es-color-blue-950: oklch(.282 .091 267.935);
-  --es-color-indigo-50: oklch(.962 .018 272.314);
-  --es-color-indigo-100: oklch(.93 .034 272.788);
-  --es-color-indigo-200: oklch(.87 .065 274.039);
-  --es-color-indigo-300: oklch(.785 .115 274.713);
-  --es-color-indigo-400: oklch(.673 .182 276.935);
   --es-color-indigo-500: oklch(.585 .233 277.117);
-  --es-color-indigo-600: oklch(.511 .262 276.966);
-  --es-color-indigo-700: oklch(.457 .24 277.023);
-  --es-color-indigo-800: oklch(.398 .195 277.366);
-  --es-color-indigo-900: oklch(.359 .144 278.697);
-  --es-color-indigo-950: oklch(.257 .09 281.288);
   --es-color-violet-50: oklch(.969 .016 293.756);
   --es-color-violet-100: oklch(.943 .029 294.588);
   --es-color-violet-200: oklch(.894 .057 293.283);
@@ -177,49 +99,7 @@
   --es-color-violet-900: oklch(.38 .189 293.745);
   --es-color-violet-950: oklch(.283 .141 291.089);
   --es-color-purple-50: oklch(.977 .014 308.299);
-  --es-color-purple-100: oklch(.946 .033 307.174);
-  --es-color-purple-200: oklch(.902 .063 306.703);
-  --es-color-purple-300: oklch(.827 .119 306.383);
-  --es-color-purple-400: oklch(.714 .203 305.504);
-  --es-color-purple-500: oklch(.627 .265 303.9);
-  --es-color-purple-600: oklch(.558 .288 302.321);
-  --es-color-purple-700: oklch(.496 .265 301.924);
-  --es-color-purple-800: oklch(.438 .218 303.724);
-  --es-color-purple-900: oklch(.381 .176 304.987);
-  --es-color-purple-950: oklch(.291 .149 302.717);
-  --es-color-fuchsia-50: oklch(.977 .017 320.058);
-  --es-color-fuchsia-100: oklch(.952 .037 318.852);
-  --es-color-fuchsia-200: oklch(.903 .076 319.62);
-  --es-color-fuchsia-300: oklch(.833 .145 321.434);
-  --es-color-fuchsia-400: oklch(.74 .238 322.16);
   --es-color-fuchsia-500: oklch(.667 .295 322.15);
-  --es-color-fuchsia-600: oklch(.591 .293 322.896);
-  --es-color-fuchsia-700: oklch(.518 .253 323.949);
-  --es-color-fuchsia-800: oklch(.452 .211 324.591);
-  --es-color-fuchsia-900: oklch(.401 .17 325.612);
-  --es-color-fuchsia-950: oklch(.293 .136 325.661);
-  --es-color-pink-50: oklch(.971 .014 343.198);
-  --es-color-pink-100: oklch(.948 .028 342.258);
-  --es-color-pink-200: oklch(.899 .061 343.231);
-  --es-color-pink-300: oklch(.823 .12 346.018);
-  --es-color-pink-400: oklch(.718 .202 349.761);
-  --es-color-pink-500: oklch(.656 .241 354.308);
-  --es-color-pink-600: oklch(.592 .249 .584);
-  --es-color-pink-700: oklch(.525 .223 3.958);
-  --es-color-pink-800: oklch(.459 .187 3.815);
-  --es-color-pink-900: oklch(.408 .153 2.432);
-  --es-color-pink-950: oklch(.284 .109 3.907);
-  --es-color-rose-50: oklch(.969 .015 12.422);
-  --es-color-rose-100: oklch(.941 .03 12.58);
-  --es-color-rose-200: oklch(.892 .058 10.001);
-  --es-color-rose-300: oklch(.81 .117 11.638);
-  --es-color-rose-400: oklch(.712 .194 13.428);
-  --es-color-rose-500: oklch(.645 .246 16.439);
-  --es-color-rose-600: oklch(.586 .253 17.585);
-  --es-color-rose-700: oklch(.514 .222 16.935);
-  --es-color-rose-800: oklch(.455 .188 13.697);
-  --es-color-rose-900: oklch(.41 .159 10.272);
-  --es-color-rose-950: oklch(.271 .105 12.094);
   --es-color-slate-50: oklch(.984 .003 247.858);
   --es-color-slate-100: oklch(.968 .007 247.896);
   --es-color-slate-200: oklch(.929 .013 255.508);
@@ -252,7 +132,6 @@
   --es-color-zinc-700: oklch(.37 .013 285.805);
   --es-color-zinc-800: oklch(.274 .006 286.033);
   --es-color-zinc-900: oklch(.21 .006 285.885);
-  --es-color-zinc-950: oklch(.141 .005 285.823);
   --es-color-neutral-50: oklch(.985 0 0);
   --es-color-neutral-100: oklch(.97 0 0);
   --es-color-neutral-200: oklch(.922 0 0);
@@ -278,117 +157,30 @@
   --es-color-black: #000;
   --es-color-white: #fff;
   --es-spacing: .25rem;
-  --es-breakpoint-sm: 40rem;
-  --es-breakpoint-md: 48rem;
-  --es-breakpoint-lg: 64rem;
-  --es-breakpoint-xl: 80rem;
-  --es-breakpoint-2xl: 96rem;
-  --es-container-3xs: 16rem;
-  --es-container-2xs: 18rem;
-  --es-container-xs: 20rem;
-  --es-container-sm: 24rem;
   --es-container-md: 28rem;
   --es-container-lg: 32rem;
-  --es-container-xl: 36rem;
-  --es-container-2xl: 42rem;
-  --es-container-3xl: 48rem;
-  --es-container-4xl: 56rem;
-  --es-container-5xl: 64rem;
-  --es-container-6xl: 72rem;
-  --es-container-7xl: 80rem;
   --es-text-base: 1rem;
   --es-text-base--line-height: calc(1.5 / 1);
   --es-text-lg: 1.125rem;
   --es-text-lg--line-height: calc(1.75 / 1.125);
-  --es-text-xl: 1.25rem;
-  --es-text-xl--line-height: calc(1.75 / 1.25);
   --es-text-2xl: 1.5rem;
   --es-text-2xl--line-height: calc(2 / 1.5);
-  --es-text-3xl: 1.875rem;
-  --es-text-3xl--line-height: calc(2.25 / 1.875);
-  --es-text-4xl: 2.25rem;
-  --es-text-4xl--line-height: calc(2.5 / 2.25);
-  --es-text-5xl: 3rem;
-  --es-text-5xl--line-height: 1;
-  --es-text-6xl: 3.75rem;
-  --es-text-6xl--line-height: 1;
-  --es-text-7xl: 4.5rem;
-  --es-text-7xl--line-height: 1;
-  --es-text-8xl: 6rem;
-  --es-text-8xl--line-height: 1;
-  --es-text-9xl: 8rem;
-  --es-text-9xl--line-height: 1;
-  --es-font-weight-thin: 100;
-  --es-font-weight-extralight: 200;
-  --es-font-weight-light: 300;
-  --es-font-weight-normal: 400;
   --es-font-weight-medium: 500;
   --es-font-weight-semibold: 600;
   --es-font-weight-bold: 700;
-  --es-font-weight-extrabold: 800;
-  --es-font-weight-black: 900;
   --es-tracking-tighter: -.05em;
   --es-tracking-tight: -.025em;
-  --es-tracking-normal: 0em;
-  --es-tracking-wide: .025em;
-  --es-tracking-wider: .05em;
-  --es-tracking-widest: .1em;
   --es-leading-tight: 1.25;
-  --es-leading-snug: 1.375;
-  --es-leading-normal: 1.5;
-  --es-leading-relaxed: 1.625;
-  --es-leading-loose: 2;
-  --es-radius-xs: .125rem;
   --es-radius-sm: .25rem;
   --es-radius-md: .375rem;
   --es-radius-lg: .5rem;
   --es-radius-xl: .75rem;
-  --es-radius-2xl: 1rem;
-  --es-radius-3xl: 1.5rem;
-  --es-radius-4xl: 2rem;
-  --es-shadow-2xs: 0 1px #0000000d;
-  --es-shadow-xs: 0 1px 2px 0 #0000000d;
-  --es-shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
-  --es-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
-  --es-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
-  --es-shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
-  --es-shadow-2xl: 0 25px 50px -12px #00000040;
-  --es-inset-shadow-2xs: inset 0 1px #0000000d;
-  --es-inset-shadow-xs: inset 0 1px 1px #0000000d;
-  --es-inset-shadow-sm: inset 0 2px 4px #0000000d;
-  --es-drop-shadow-xs: 0 1px 1px #0000000d;
   --es-drop-shadow-sm: 0 1px 2px #00000026;
-  --es-drop-shadow-md: 0 3px 3px #0000001f;
-  --es-drop-shadow-lg: 0 4px 4px #00000026;
-  --es-drop-shadow-xl: 0 9px 7px #0000001a;
-  --es-drop-shadow-2xl: 0 25px 25px #00000026;
-  --es-ease-in: cubic-bezier(.4, 0, 1, 1);
-  --es-ease-out: cubic-bezier(0, 0, .2, 1);
-  --es-ease-in-out: cubic-bezier(.4, 0, .2, 1);
   --es-animate-spin: spin 1s linear infinite;
-  --es-animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
-  --es-animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
-  --es-animate-bounce: bounce 1s infinite;
-  --es-blur-xs: 4px;
-  --es-blur-sm: 8px;
-  --es-blur-md: 12px;
   --es-blur-lg: 16px;
-  --es-blur-xl: 24px;
-  --es-blur-2xl: 40px;
   --es-blur-3xl: 64px;
-  --es-perspective-dramatic: 100px;
-  --es-perspective-near: 300px;
-  --es-perspective-normal: 500px;
-  --es-perspective-midrange: 800px;
-  --es-perspective-distant: 1200px;
   --es-aspect-video: 16 / 9;
   --es-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-  --es-default-font-family: var(--font-sans);
-  --es-default-font-feature-settings: var(--font-sans--font-feature-settings);
-  --es-default-font-variation-settings: var(--font-sans--font-variation-settings);
-  --es-default-mono-font-family: var(--font-mono);
-  --es-default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
-  --es-default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
 }
 
 .es-uic-theme-green {
@@ -955,9 +747,6 @@
     }
 
     @keyframes motion-rotate-loop-reset {
-      0% {
-      }
-
       100% {
         rotate: var(--motion-loop-rotate);
       }
@@ -1017,18 +806,12 @@
   }
 
   @keyframes motion-opacity-loop-mirror {
-    0%, 100% {
-    }
-
     50% {
       opacity: var(--motion-loop-opacity);
     }
   }
 
   @keyframes motion-opacity-loop-reset {
-    0% {
-    }
-
     100% {
       opacity: var(--motion-loop-opacity);
     }
@@ -1047,18 +830,12 @@
   }
 
   @keyframes motion-background-color-loop-mirror {
-    0%, 100% {
-    }
-
     50% {
       background-color: var(--motion-loop-background-color);
     }
   }
 
   @keyframes motion-background-color-loop-reset {
-    0% {
-    }
-
     100% {
       background-color: var(--motion-loop-background-color);
     }
@@ -1077,18 +854,12 @@
   }
 
   @keyframes motion-text-color-loop-mirror {
-    0%, 100% {
-    }
-
     50% {
       color: var(--motion-loop-text-color);
     }
   }
 
   @keyframes motion-text-color-loop-reset {
-    0% {
-    }
-
     100% {
       color: var(--motion-loop-text-color);
     }
@@ -1142,6 +913,10 @@
     top: calc(var(--es-spacing) * 0);
   }
 
+  .es\:top-1 {
+    top: calc(var(--es-spacing) * 1);
+  }
+
   .es\:top-2\.5 {
     top: calc(var(--es-spacing) * 2.5);
   }
@@ -1262,6 +1037,10 @@
     margin: calc(var(--es-spacing) * .5);
   }
 
+  .es\:m-5 {
+    margin: calc(var(--es-spacing) * 5);
+  }
+
   .es\:m-auto {
     margin: auto;
   }
@@ -1290,6 +1069,10 @@
     margin-block: calc(var(--es-spacing) * 4);
   }
 
+  .es\:my-10 {
+    margin-block: calc(var(--es-spacing) * 10);
+  }
+
   .es\:my-auto {
     margin-block: auto;
   }
@@ -1398,10 +1181,6 @@
     display: none;
   }
 
-  .es\:inline {
-    display: inline;
-  }
-
   .es\:inline-block {
     display: inline-block;
   }
@@ -1505,6 +1284,11 @@
     height: 100%;
   }
 
+  .es\:size-full\! {
+    width: 100% !important;
+    height: 100% !important;
+  }
+
   .es\:size-px {
     width: 1px;
     height: 1px;
@@ -1582,6 +1366,10 @@
     height: 2.375rem;
   }
 
+  .es\:h-\[90vh\] {
+    height: 90vh;
+  }
+
   .es\:h-fit {
     height: fit-content;
   }
@@ -1594,10 +1382,18 @@
     height: 1px;
   }
 
+  .es\:max-h-40 {
+    max-height: calc(var(--es-spacing) * 40);
+  }
+
   .es\:min-h-5 {
     min-height: calc(var(--es-spacing) * 5);
   }
 
+  .es\:min-h-6\.5 {
+    min-height: calc(var(--es-spacing) * 6.5);
+  }
+
   .es\:min-h-8 {
     min-height: calc(var(--es-spacing) * 8);
   }
@@ -1622,14 +1418,26 @@
     min-height: calc(var(--es-spacing) * 12);
   }
 
+  .es\:min-h-24 {
+    min-height: calc(var(--es-spacing) * 24);
+  }
+
   .es\:min-h-40 {
     min-height: calc(var(--es-spacing) * 40);
   }
 
+  .es\:min-h-56 {
+    min-height: calc(var(--es-spacing) * 56);
+  }
+
   .es\:min-h-full {
     min-height: 100%;
   }
 
+  .es\:min-h-screen {
+    min-height: 100vh;
+  }
+
   .es\:w-0\.5 {
     width: calc(var(--es-spacing) * .5);
   }
@@ -1706,10 +1514,18 @@
     width: calc(var(--es-spacing) * 80);
   }
 
+  .es\:w-96 {
+    width: calc(var(--es-spacing) * 96);
+  }
+
   .es\:w-\[18\.5rem\] {
     width: 18.5rem;
   }
 
+  .es\:w-\[50rem\] {
+    width: 50rem;
+  }
+
   .es\:w-auto\! {
     width: auto !important;
   }
@@ -1730,10 +1546,18 @@
     max-width: calc(var(--es-spacing) * 40);
   }
 
+  .es\:max-w-60 {
+    max-width: calc(var(--es-spacing) * 60);
+  }
+
   .es\:max-w-64 {
     max-width: calc(var(--es-spacing) * 64);
   }
 
+  .es\:max-w-72 {
+    max-width: calc(var(--es-spacing) * 72);
+  }
+
   .es\:max-w-80 {
     max-width: calc(var(--es-spacing) * 80);
   }
@@ -1762,6 +1586,10 @@
     min-width: calc(var(--es-spacing) * 10);
   }
 
+  .es\:min-w-24 {
+    min-width: calc(var(--es-spacing) * 24);
+  }
+
   .es\:min-w-28 {
     min-width: calc(var(--es-spacing) * 28);
   }
@@ -1829,11 +1657,6 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .es\:-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
   .es\:translate-x-1 {
     --tw-translate-x: calc(var(--es-spacing) * 1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1864,6 +1687,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
   }
 
+  .es\:-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .es\:translate-y-1\/2\! {
     --tw-translate-y: calc(1 / 2 * 100%) !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -1897,8 +1725,25 @@
     rotate: 45deg;
   }
 
-  .es\:animate-spin {
-    animation: var(--es-animate-spin);
+  .es\:motion-preset-spin {
+    --motion-loop-rotate: 360deg;
+    --motion-timing: linear;
+    --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both var(--motion-rotate-loop-count);
+    animation: var(--motion-all-loop-and-enter-animations);
+  }
+
+  .es\:motion-scale-in-90 {
+    --motion-origin-scale-x: .9;
+    --motion-origin-scale-y: .9;
+    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
+    animation: var(--motion-all-loop-and-enter-animations);
+  }
+
+  .es\:motion-scale-in-125 {
+    --motion-origin-scale-x: 1.25;
+    --motion-origin-scale-y: 1.25;
+    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
+    animation: var(--motion-all-loop-and-enter-animations);
   }
 
   .es\:motion-blur-in-xs {
@@ -1925,13 +1770,6 @@
     animation: var(--motion-all-exit-animations);
   }
 
-  .es\:motion-preset-spin {
-    --motion-loop-rotate: 360deg;
-    --motion-timing: linear;
-    --motion-rotate-loop-animation: motion-rotate-loop-reset calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both var(--motion-rotate-loop-count);
-    animation: var(--motion-all-loop-and-enter-animations);
-  }
-
   .es\:motion-rotate-in {
     --motion-origin-rotate: 12deg;
     --motion-rotate-in-animation: motion-rotate-in calc(var(--motion-rotate-duration) * var(--motion-rotate-perceptual-duration-multiplier)) var(--motion-rotate-timing) var(--motion-rotate-delay) both;
@@ -1944,18 +1782,8 @@
     animation: var(--motion-all-exit-animations);
   }
 
-  .es\:motion-scale-in-90 {
-    --motion-origin-scale-x: .9;
-    --motion-origin-scale-y: .9;
-    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
-    animation: var(--motion-all-loop-and-enter-animations);
-  }
-
-  .es\:motion-scale-in-125 {
-    --motion-origin-scale-x: 1.25;
-    --motion-origin-scale-y: 1.25;
-    --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration) * var(--motion-scale-perceptual-duration-multiplier)) var(--motion-scale-timing) var(--motion-scale-delay) both;
-    animation: var(--motion-all-loop-and-enter-animations);
+  .es\:animate-spin {
+    animation: var(--es-animate-spin);
   }
 
   .es\:cursor-default {
@@ -1982,10 +1810,22 @@
     grid-auto-columns: auto;
   }
 
+  .es\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
   .es\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
 
+  .es\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .es\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .es\:grid-cols-\[1fr_auto_1fr\] {
     grid-template-columns: 1fr auto 1fr;
   }
@@ -2110,24 +1950,10 @@
     margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse))) !important;
   }
 
-  .es\:gap-x-1 {
-    column-gap: calc(var(--es-spacing) * 1);
-  }
-
-  .es\:gap-x-1\.5 {
-    column-gap: calc(var(--es-spacing) * 1.5);
-  }
-
-  .es\:gap-x-2 {
-    column-gap: calc(var(--es-spacing) * 2);
-  }
-
-  .es\:gap-x-3 {
-    column-gap: calc(var(--es-spacing) * 3);
-  }
-
-  .es\:gap-x-8 {
-    column-gap: calc(var(--es-spacing) * 8);
+  :where(.es\:space-y-0 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--es-spacing) * 0) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--es-spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
   }
 
   :where(.es\:space-y-0\! > :not(:last-child)) {
@@ -2160,6 +1986,32 @@
     margin-block-end: calc(calc(var(--es-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where(.es\:space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--es-spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--es-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
+  .es\:gap-x-1 {
+    column-gap: calc(var(--es-spacing) * 1);
+  }
+
+  .es\:gap-x-1\.5 {
+    column-gap: calc(var(--es-spacing) * 1.5);
+  }
+
+  .es\:gap-x-2 {
+    column-gap: calc(var(--es-spacing) * 2);
+  }
+
+  .es\:gap-x-3 {
+    column-gap: calc(var(--es-spacing) * 3);
+  }
+
+  .es\:gap-x-8 {
+    column-gap: calc(var(--es-spacing) * 8);
+  }
+
   :where(.es\:-space-x-px > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
@@ -2172,6 +2024,12 @@
     margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))) !important;
   }
 
+  :where(.es\:space-x-1\.5 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--es-spacing) * 1.5) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--es-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   .es\:gap-y-0\.5 {
     row-gap: calc(var(--es-spacing) * .5);
   }
@@ -2192,12 +2050,6 @@
     row-gap: calc(var(--es-spacing) * 4);
   }
 
-  :where(.es\:space-x-1\.5 > :not(:last-child)) {
-    --tw-space-x-reverse: 0;
-    margin-inline-start: calc(calc(var(--es-spacing) * 1.5) * var(--tw-space-x-reverse));
-    margin-inline-end: calc(calc(var(--es-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
-  }
-
   :where(.es\:divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);
@@ -2282,6 +2134,10 @@
     overflow-y: visible;
   }
 
+  .es\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
   .es\:rounded {
     border-radius: .25rem;
   }
@@ -2306,6 +2162,16 @@
     border-radius: var(--es-radius-xl);
   }
 
+  .es\:rounded-t-full {
+    border-top-left-radius: 3.40282e38px;
+    border-top-right-radius: 3.40282e38px;
+  }
+
+  .es\:rounded-t-lg {
+    border-top-left-radius: var(--es-radius-lg);
+    border-top-right-radius: var(--es-radius-lg);
+  }
+
   .es\:rounded-l-full {
     border-top-left-radius: 3.40282e38px;
     border-bottom-left-radius: 3.40282e38px;
@@ -2321,16 +2187,6 @@
     border-bottom-left-radius: 0;
   }
 
-  .es\:rounded-t-full {
-    border-top-left-radius: 3.40282e38px;
-    border-top-right-radius: 3.40282e38px;
-  }
-
-  .es\:rounded-t-lg {
-    border-top-left-radius: var(--es-radius-lg);
-    border-top-right-radius: var(--es-radius-lg);
-  }
-
   .es\:rounded-r-full {
     border-top-right-radius: 3.40282e38px;
     border-bottom-right-radius: 3.40282e38px;
@@ -2351,21 +2207,51 @@
     border-width: 1px;
   }
 
+  .es\:border-x {
+    border-inline-style: var(--tw-border-style);
+    border-inline-width: 1px;
+  }
+
+  .es\:border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
+
   .es\:border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
 
+  .es\:border-r {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+
+  .es\:border-r-0 {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 0;
+  }
+
   .es\:border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
 
+  .es\:border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+
   .es\:border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
   }
 
+  .es\:border-dotted {
+    --tw-border-style: dotted;
+    border-style: dotted;
+  }
+
   .es\:border-none\! {
     --tw-border-style: none !important;
     border-style: none !important;
@@ -2479,6 +2365,10 @@
     border-color: var(--es-color-secondary-600);
   }
 
+  .es\:border-sky-400 {
+    border-color: var(--es-color-sky-400);
+  }
+
   .es\:border-transparent {
     border-color: #0000;
   }
@@ -2499,6 +2389,10 @@
     border-bottom-color: var(--es-color-secondary-200);
   }
 
+  .es\:bg-\[\#f1f1f1\] {
+    background-color: #f1f1f1;
+  }
+
   .es\:bg-accent-50 {
     background-color: var(--es-color-accent-50);
   }
@@ -2579,6 +2473,10 @@
     background-color: color-mix(in oklab, var(--es-color-green-100) 5%, transparent);
   }
 
+  .es\:bg-green-500 {
+    background-color: var(--es-color-green-500);
+  }
+
   .es\:bg-indigo-500 {
     background-color: var(--es-color-indigo-500);
   }
@@ -2587,10 +2485,18 @@
     background-color: var(--es-color-lime-500);
   }
 
+  .es\:bg-neutral-100 {
+    background-color: var(--es-color-neutral-100);
+  }
+
   .es\:bg-orange-500 {
     background-color: var(--es-color-orange-500);
   }
 
+  .es\:bg-purple-50 {
+    background-color: var(--es-color-purple-50);
+  }
+
   .es\:bg-red-50 {
     background-color: var(--es-color-red-50);
   }
@@ -2623,14 +2529,26 @@
     background-color: var(--es-color-secondary-300);
   }
 
+  .es\:bg-secondary-400 {
+    background-color: var(--es-color-secondary-400);
+  }
+
   .es\:bg-secondary-600 {
     background-color: var(--es-color-secondary-600);
   }
 
+  .es\:bg-secondary-900 {
+    background-color: var(--es-color-secondary-900);
+  }
+
   .es\:bg-transparent {
     background-color: #0000;
   }
 
+  .es\:bg-violet-50 {
+    background-color: var(--es-color-violet-50);
+  }
+
   .es\:bg-white {
     background-color: var(--es-color-white);
   }
@@ -2651,58 +2569,62 @@
     background-color: var(--es-color-yellow-400);
   }
 
+  .es\:bg-yellow-500 {
+    background-color: var(--es-color-yellow-500);
+  }
+
   .es\:bg-linear-to-b {
-    --tw-gradient-position: to bottom in oklab, ;
+    --tw-gradient-position: to bottom in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-linear-to-bl {
-    --tw-gradient-position: to bottom left in oklab, ;
+    --tw-gradient-position: to bottom left in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-linear-to-br {
-    --tw-gradient-position: to bottom right in oklab, ;
+    --tw-gradient-position: to bottom right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-linear-to-l {
-    --tw-gradient-position: to left in oklab, ;
+    --tw-gradient-position: to left in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-linear-to-r {
-    --tw-gradient-position: to right in oklab, ;
+    --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-linear-to-t {
-    --tw-gradient-position: to top in oklab, ;
+    --tw-gradient-position: to top in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-linear-to-tl {
-    --tw-gradient-position: to top left in oklab, ;
+    --tw-gradient-position: to top left in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-linear-to-tr {
-    --tw-gradient-position: to top right in oklab, ;
+    --tw-gradient-position: to top right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-radial {
-    --tw-gradient-position: in oklab, ;
+    --tw-gradient-position: in oklab;
     background-image: radial-gradient(var(--tw-gradient-stops));
   }
 
   .es\:bg-radial-\[at_50\%_125\%\] {
-    --tw-gradient-position: at 50% 125%, ;
+    --tw-gradient-position: at 50% 125%;
     background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
   }
 
   .es\:bg-radial-\[circle_at_75\%_50\%\] {
-    --tw-gradient-position: circle at 75% 50%, ;
+    --tw-gradient-position: circle at 75% 50%;
     background-image: radial-gradient(var(--tw-gradient-stops, circle at 75% 50%));
   }
 
@@ -2716,47 +2638,47 @@
 
   .es\:from-accent-500 {
     --tw-gradient-from: var(--es-color-accent-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-accent-600 {
     --tw-gradient-from: var(--es-color-accent-600);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-current {
     --tw-gradient-from: currentColor;
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-red-50\/75 {
     --tw-gradient-from: color-mix(in oklab, var(--es-color-red-50) 75%, transparent);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-secondary-50 {
     --tw-gradient-from: var(--es-color-secondary-50);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-secondary-100 {
     --tw-gradient-from: var(--es-color-secondary-100);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-secondary-500 {
     --tw-gradient-from: var(--es-color-secondary-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-secondary-700 {
     --tw-gradient-from: var(--es-color-secondary-700);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-white {
     --tw-gradient-from: var(--es-color-white);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:from-40\% {
@@ -2765,37 +2687,42 @@
 
   .es\:to-accent-500 {
     --tw-gradient-to: var(--es-color-accent-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:to-accent-500\/30 {
     --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:to-accent-600 {
     --tw-gradient-to: var(--es-color-accent-600);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
+  .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));
   }
 
   .es\:to-secondary-100 {
     --tw-gradient-to: var(--es-color-secondary-100);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:to-secondary-200 {
     --tw-gradient-to: var(--es-color-secondary-200);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:to-secondary-600 {
     --tw-gradient-to: var(--es-color-secondary-600);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:to-white {
     --tw-gradient-to: var(--es-color-white);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:fill-secondary-200 {
@@ -2814,6 +2741,10 @@
     stroke-width: 2px;
   }
 
+  .es\:stroke-\[1\.2\] {
+    stroke-width: 1.2px;
+  }
+
   .es\:stroke-\[1\.25\] {
     stroke-width: 1.25px;
   }
@@ -2862,6 +2793,14 @@
     padding: calc(var(--es-spacing) * 5);
   }
 
+  .es\:p-5\! {
+    padding: calc(var(--es-spacing) * 5) !important;
+  }
+
+  .es\:p-10 {
+    padding: calc(var(--es-spacing) * 10);
+  }
+
   .es\:p-\[0\.1875rem\] {
     padding: .1875rem;
   }
@@ -3046,6 +2985,10 @@
     font-family: var(--es-font-mono);
   }
 
+  .es\:font-sans {
+    font-family: var(--es-font-sans);
+  }
+
   .es\:text-2xl {
     font-size: var(--es-text-2xl);
     line-height: var(--tw-leading, var(--es-text-2xl--line-height));
@@ -3095,6 +3038,11 @@
     font-weight: 450;
   }
 
+  .es\:font-bold {
+    --tw-font-weight: var(--es-font-weight-bold);
+    font-weight: var(--es-font-weight-bold);
+  }
+
   .es\:font-medium {
     --tw-font-weight: var(--es-font-weight-medium);
     font-weight: var(--es-font-weight-medium);
@@ -3259,6 +3207,10 @@
     color: var(--es-color-secondary-400);
   }
 
+  .es\:text-secondary-400\! {
+    color: var(--es-color-secondary-400) !important;
+  }
+
   .es\:text-secondary-500 {
     color: var(--es-color-secondary-500);
   }
@@ -3320,6 +3272,10 @@
     opacity: 0;
   }
 
+  .es\:opacity-25 {
+    opacity: .25;
+  }
+
   .es\:opacity-40 {
     opacity: .4;
   }
@@ -3336,26 +3292,6 @@
     opacity: .65;
   }
 
-  .es\:inset-ring {
-    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .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);
-  }
-
-  .es\:ring-1 {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .es\:ring-2 {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
   .es\:shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3401,6 +3337,31 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .es\:ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .es\:ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .es\:ring-3 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .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);
+  }
+
+  .es\:inset-ring {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .es\:shadow-accent-500\/25 {
     --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-500) 25%, transparent);
   }
@@ -3465,6 +3426,10 @@
     --tw-inset-shadow-color: var(--es-color-red-50);
   }
 
+  .es\:inset-shadow-secondary-100 {
+    --tw-inset-shadow-color: var(--es-color-secondary-100);
+  }
+
   .es\:inset-shadow-secondary-100\/50 {
     --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) 50%, transparent);
   }
@@ -3489,7 +3454,12 @@
     --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 20%, transparent);
   }
 
+  .es\:inset-ring-secondary-200\/30 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 30%, transparent);
+  }
+
   .es\:outline-hidden {
+    --tw-outline-style: none;
     outline-style: none;
   }
 
@@ -3501,6 +3471,7 @@
   }
 
   .es\:outline-hidden\! {
+    --tw-outline-style: none !important;
     outline-style: none !important;
   }
 
@@ -3630,6 +3601,36 @@
     will-change: transform;
   }
 
+  .es\:motion-ease-linear\/opacity {
+    --motion-opacity-timing: linear;
+    --motion-opacity-perceptual-duration-multiplier: 1;
+  }
+
+  .es\:motion-ease-spring-smooth {
+    --motion-timing: var(--motion-spring-smooth);
+    --motion-perceptual-duration-multiplier: 1.66;
+  }
+
+  .es\:motion-ease-spring-smooth\/scale {
+    --motion-scale-timing: var(--motion-spring-smooth);
+    --motion-scale-perceptual-duration-multiplier: 1.66;
+  }
+
+  .es\:motion-ease-spring-snappy {
+    --motion-timing: var(--motion-spring-snappy);
+    --motion-perceptual-duration-multiplier: 1.66;
+  }
+
+  .es\:motion-ease-spring-snappy\/scale {
+    --motion-scale-timing: var(--motion-spring-snappy);
+    --motion-scale-perceptual-duration-multiplier: 1.66;
+  }
+
+  .es\:select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
   .es\:accent-text-shadow {
     text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
   }
@@ -3658,48 +3659,10 @@
     --motion-duration: 1.5s;
   }
 
-  .es\:motion-ease-linear\/opacity {
-    --motion-opacity-timing: linear;
-    --motion-opacity-perceptual-duration-multiplier: 1;
-  }
-
-  .es\:motion-ease-spring-bouncier {
-    --motion-timing: var(--motion-spring-bouncier);
-    --motion-perceptual-duration-multiplier: 2.035;
-    --motion-filter-timing: var(--motion-spring-smooth);
-    --motion-opacity-timing: var(--motion-spring-smooth);
-    --motion-background-color-timing: var(--motion-spring-smooth);
-    --motion-text-color-timing: var(--motion-spring-smooth);
-    --motion-filter-perceptual-duration-multiplier: 1.66;
-    --motion-opacity-perceptual-duration-multiplier: 1.66;
-    --motion-background-color-perceptual-duration-multiplier: 1.66;
-    --motion-text-color-perceptual-duration-multiplier: 1.66;
-  }
-
-  .es\:motion-ease-spring-smooth\/scale {
-    --motion-scale-timing: var(--motion-spring-smooth);
-    --motion-scale-perceptual-duration-multiplier: 1.66;
-  }
-
-  .es\:motion-ease-spring-snappy {
-    --motion-timing: var(--motion-spring-snappy);
-    --motion-perceptual-duration-multiplier: 1.66;
-  }
-
-  .es\:motion-ease-spring-snappy\/scale {
-    --motion-scale-timing: var(--motion-spring-snappy);
-    --motion-scale-perceptual-duration-multiplier: 1.66;
-  }
-
   .es\:no-webkit-highlight {
     -webkit-tap-highlight-color: transparent;
   }
 
-  .es\:select-none {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-
   :is(.es\:\*\:col-start-1 > *) {
     grid-column-start: 1;
   }
@@ -3738,7 +3701,7 @@
     padding-bottom: calc(var(--es-spacing) * 4);
   }
 
-  .es\:not-disabled\:cursor-pointer:not(:disabled, [data-rac][data-disabled]) {
+  .es\:not-disabled\:cursor-pointer:not(:is(:disabled, [data-rac][data-disabled])) {
     cursor: pointer;
   }
 
@@ -3758,6 +3721,10 @@
     }
   }
 
+  .es\:group-not-disabled\:cursor-pointer:is(:where(.es\:group):not(:is(:disabled, [data-rac][data-disabled])) *) {
+    cursor: pointer;
+  }
+
   @media (hover: hover) {
     .es\:group-hover\:text-black:is(:where(.es\:group):hover *) {
       color: var(--es-color-black);
@@ -3768,7 +3735,21 @@
     }
   }
 
+  .es\:group-focus\:border-accent-500:is(:where(.es\:group):focus *) {
+    border-color: var(--es-color-accent-500);
+  }
+
+  .es\:group-focus\:ring-2:is(:where(.es\:group):focus *) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
+    --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
+  }
+
   .es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
+    --tw-outline-style: none;
     outline-style: none;
   }
 
@@ -3783,22 +3764,21 @@
     border-color: var(--es-color-accent-500);
   }
 
-  .es\:group-focus-visible\:opacity-100:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
-    opacity: 1;
+  .es\:group-focus-visible\:border-accent-600:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
+    border-color: var(--es-color-accent-600);
   }
 
-  .es\:group-focus-visible\:inset-shadow-xs:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
-    --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  .es\:group-focus-visible\:opacity-100:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
+    opacity: 1;
   }
 
-  .es\:group-focus-visible\:ring:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+  .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+  .es\:group-focus-visible\:inset-shadow-xs:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
+    --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
@@ -3819,6 +3799,18 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .es\:group-data-\[placement\=bottom\]\:rotate-180:is(:where(.es\:group)[data-placement="bottom"] *) {
+    rotate: 180deg;
+  }
+
+  .es\:group-data-\[placement\=left\]\:-rotate-90:is(:where(.es\:group)[data-placement="left"] *) {
+    rotate: -90deg;
+  }
+
+  .es\:group-data-\[placement\=right\]\:rotate-90:is(:where(.es\:group)[data-placement="right"] *) {
+    rotate: 90deg;
+  }
+
   .es\:group-selected\:bg-accent-50:is(:where(.es\:group)[data-selected] *) {
     background-color: var(--es-color-accent-50);
   }
@@ -4006,13 +3998,13 @@
 
   .es\:after\:bg-linear-to-b:after {
     content: var(--tw-content);
-    --tw-gradient-position: to bottom in oklab, ;
+    --tw-gradient-position: to bottom in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
   .es\:after\:bg-linear-to-r:after {
     content: var(--tw-content);
-    --tw-gradient-position: to right in oklab, ;
+    --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
@@ -4033,14 +4025,14 @@
     margin-top: calc(var(--es-spacing) * 1);
   }
 
-  .es\:first\:rounded-l-xl:first-child {
+  .es\:first\:rounded-t-xl:first-child {
     border-top-left-radius: var(--es-radius-xl);
-    border-bottom-left-radius: var(--es-radius-xl);
+    border-top-right-radius: var(--es-radius-xl);
   }
 
-  .es\:first\:rounded-t-xl:first-child {
+  .es\:first\:rounded-l-xl:first-child {
     border-top-left-radius: var(--es-radius-xl);
-    border-top-right-radius: var(--es-radius-xl);
+    border-bottom-left-radius: var(--es-radius-xl);
   }
 
   .es\:first\:pt-1\.5:first-child {
@@ -4122,7 +4114,7 @@
 
     .es\:hover\:to-secondary-100:hover {
       --tw-gradient-to: var(--es-color-secondary-100);
-      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
 
     .es\:hover\:text-accent-500:hover {
@@ -4166,6 +4158,7 @@
     }
 
     .es\:hover\:outline-hidden:hover {
+      --tw-outline-style: none;
       outline-style: none;
     }
 
@@ -4176,15 +4169,15 @@
       }
     }
 
-    .es\:not-disabled\:hover\:bg-red-500\/5:not(:disabled, [data-rac][data-disabled]):hover {
+    .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
       background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
     }
 
-    .es\:not-disabled\:hover\:bg-secondary-100:not(:disabled, [data-rac][data-disabled]):hover, .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:disabled, [data-rac][data-disabled]):not([data-selected]):hover {
+    .es\:not-disabled\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):hover, .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
       background-color: var(--es-color-secondary-100);
     }
 
-    .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:disabled, [data-rac][data-disabled]):not([data-selected]):hover {
+    .es\:not-disabled\:not-selected\:hover\:text-secondary-900:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
       color: var(--es-color-secondary-900);
     }
 
@@ -4193,26 +4186,25 @@
       background-color: var(--es-color-accent-500);
     }
 
-    .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:hover:not([data-selected]):not(:disabled, [data-rac][data-disabled]):after {
+    .es\:hover\:not-selected\:not-disabled\:after\:from-secondary-200:hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
       content: var(--tw-content);
       --tw-gradient-from: var(--es-color-secondary-200);
-      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
 
-    .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:hover:not([data-selected]):not(:disabled, [data-rac][data-disabled]):after {
+    .es\:hover\:not-selected\:not-disabled\:after\:to-secondary-300:hover:not([data-selected]):not(:is(:disabled, [data-rac][data-disabled])):after {
       content: var(--tw-content);
       --tw-gradient-to: var(--es-color-secondary-300);
-      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
   }
 
-  .es\:focus\:text-current:focus {
-    color: currentColor;
+  .es\:focus\:border-accent-500:focus {
+    border-color: var(--es-color-accent-500);
   }
 
-  .es\:focus\:ring-2:focus {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  .es\:focus\:text-current:focus {
+    color: currentColor;
   }
 
   .es\:focus\:shadow-none\!:focus {
@@ -4220,19 +4212,13 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
 
-  .es\:focus\:ring-accent-500\/50:focus {
-    --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
-  }
-
-  .es\:focus\:outline-hidden:focus {
-    outline-style: none;
+  .es\:focus\:ring-2:focus {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  @media (forced-colors: active) {
-    .es\:focus\:outline-hidden:focus {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
+  .es\:focus\:ring-accent-500\/50:focus {
+    --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
   }
 
   .es\:focus-visible\:z-10:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
@@ -4271,8 +4257,8 @@
     color: var(--es-color-red-900);
   }
 
-  .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
-    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
+  .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
@@ -4281,18 +4267,8 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .es\:focus-visible\:ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .es\:focus-visible\:ring-3:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+  .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
@@ -4321,6 +4297,7 @@
   }
 
   .es\:focus-visible\:outline-hidden:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
+    --tw-outline-style: none;
     outline-style: none;
   }
 
@@ -4380,18 +4357,18 @@
   }
 
   .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
-    --tw-gradient-position: to right in oklab,  !important;
+    --tw-gradient-position: to right in oklab !important;
     background-image: linear-gradient(var(--tw-gradient-stops)) !important;
   }
 
   .es\:disabled\:from-white:is(:disabled, [data-rac][data-disabled]) {
     --tw-gradient-from: var(--es-color-white);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:disabled\:to-secondary-100:is(:disabled, [data-rac][data-disabled]) {
     --tw-gradient-to: var(--es-color-secondary-100);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:disabled\:text-secondary-300:is(:disabled, [data-rac][data-disabled]) {
@@ -4422,11 +4399,6 @@
     opacity: 0;
   }
 
-  .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
-    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentColor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
   .es\:disabled\:shadow-none:is(:disabled, [data-rac][data-disabled]) {
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4437,6 +4409,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
 
+  .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
+    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentColor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .es\:disabled\:inset-shadow-transparent:is(:disabled, [data-rac][data-disabled]) {
     --tw-inset-shadow-color: transparent;
   }
@@ -4451,6 +4428,7 @@
   }
 
   :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) .es\:in-focus-visible\:outline-hidden {
+    --tw-outline-style: none;
     outline-style: none;
   }
 
@@ -4461,6 +4439,10 @@
     }
   }
 
+  .es\:has-icon\:pl-1:has(* > svg) {
+    padding-left: calc(var(--es-spacing) * 1);
+  }
+
   .es\:has-icon\:pl-2\.5:has(* > svg) {
     padding-left: calc(var(--es-spacing) * 2.5);
   }
@@ -4557,15 +4539,6 @@
       animation: var(--motion-all-exit-animations);
     }
 
-    .es\:motion-safe\:motion-duration-300 {
-      --motion-duration: .3s;
-    }
-
-    .es\:motion-safe\:motion-ease-linear\/opacity {
-      --motion-opacity-timing: linear;
-      --motion-opacity-perceptual-duration-multiplier: 1;
-    }
-
     .es\:motion-safe\:motion-ease-spring-bouncy {
       --motion-timing: var(--motion-spring-bouncy);
       --motion-perceptual-duration-multiplier: 1.66;
@@ -4579,13 +4552,22 @@
       --motion-text-color-perceptual-duration-multiplier: 1.66;
     }
 
+    .es\:motion-safe\:motion-ease-linear\/opacity {
+      --motion-opacity-timing: linear;
+      --motion-opacity-perceptual-duration-multiplier: 1;
+    }
+
     .es\:motion-safe\:motion-ease-spring-smooth {
       --motion-timing: var(--motion-spring-smooth);
       --motion-perceptual-duration-multiplier: 1.66;
     }
 
-    .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-25[data-placement="bottom"] {
-      --motion-origin-translate-y: calc(25% * -1);
+    .es\:motion-safe\:motion-duration-300 {
+      --motion-duration: .3s;
+    }
+
+    .es\:motion-safe\:data-\[placement\=bottom\]\:-motion-translate-y-in-\[5\%\][data-placement="bottom"] {
+      --motion-origin-translate-y: calc(5% * -1);
       --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
       animation: var(--motion-all-loop-and-enter-animations);
     }
@@ -4596,32 +4578,32 @@
       animation: var(--motion-all-exit-animations);
     }
 
-    .es\:motion-safe\:data-\[placement\=left\]\:-motion-translate-x-in-25[data-placement="left"] {
-      --motion-origin-translate-x: calc(25% * -1);
+    .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-in-\[5\%\][data-placement="left"] {
+      --motion-origin-translate-x: 5%;
       --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
       animation: var(--motion-all-loop-and-enter-animations);
     }
 
-    .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-out-\[-12\.5\%\][data-placement="left"] {
-      --motion-end-translate-x: -12.5%;
+    .es\:motion-safe\:data-\[placement\=left\]\:motion-translate-x-out-\[12\.5\%\][data-placement="left"] {
+      --motion-end-translate-x: 12.5%;
       --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
       animation: var(--motion-all-exit-animations);
     }
 
-    .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-in-25[data-placement="right"] {
-      --motion-origin-translate-x: 25%;
+    .es\:motion-safe\:data-\[placement\=right\]\:-motion-translate-x-in-\[5\%\][data-placement="right"] {
+      --motion-origin-translate-x: calc(5% * -1);
       --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
       animation: var(--motion-all-loop-and-enter-animations);
     }
 
-    .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-out-\[12\.5\%\][data-placement="right"] {
-      --motion-end-translate-x: 12.5%;
+    .es\:motion-safe\:data-\[placement\=right\]\:motion-translate-x-out-\[-12\.5\%\][data-placement="right"] {
+      --motion-end-translate-x: -12.5%;
       --motion-translate-out-animation: motion-translate-out calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
       animation: var(--motion-all-exit-animations);
     }
 
-    .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-25[data-placement="top"] {
-      --motion-origin-translate-y: 25%;
+    .es\:motion-safe\:data-\[placement\=top\]\:motion-translate-y-in-\[5\%\][data-placement="top"] {
+      --motion-origin-translate-y: 5%;
       --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration) * var(--motion-translate-perceptual-duration-multiplier)) var(--motion-translate-timing) var(--motion-translate-delay) both;
       animation: var(--motion-all-loop-and-enter-animations);
     }
@@ -4659,6 +4641,7 @@
   }
 
   .es\:any-focus\:outline-hidden:is(:focus-visible, [data-rac][data-focus-visible], :focus, [data-rac][data-focused]) {
+    --tw-outline-style: none;
     outline-style: none;
   }
 
@@ -4696,13 +4679,13 @@
   .es\:selected\:after\:from-accent-500[data-selected]:after {
     content: var(--tw-content);
     --tw-gradient-from: var(--es-color-accent-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:selected\:after\:to-accent-600[data-selected]:after {
     content: var(--tw-content);
     --tw-gradient-to: var(--es-color-accent-600);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
   .es\:selected\:after\:shadow-xs[data-selected]:after {
@@ -4750,6 +4733,11 @@
     height: calc(var(--es-spacing) * 4);
   }
 
+  .es\:icon\:size-4\! > svg {
+    width: calc(var(--es-spacing) * 4) !important;
+    height: calc(var(--es-spacing) * 4) !important;
+  }
+
   .es\:icon\:size-4\.5 > svg {
     width: calc(var(--es-spacing) * 4.5);
     height: calc(var(--es-spacing) * 4.5);
@@ -4815,6 +4803,10 @@
     color: var(--es-color-gray-500);
   }
 
+  .es\:icon\:text-lime-500 > svg {
+    color: var(--es-color-lime-500);
+  }
+
   .es\:icon\:text-secondary-500 > svg {
     color: var(--es-color-secondary-500);
   }
@@ -4910,12 +4902,17 @@
     text-overflow: ellipsis;
   }
 
+  .es\:\[\&_svg\]\:size-4\! svg {
+    width: calc(var(--es-spacing) * 4) !important;
+    height: calc(var(--es-spacing) * 4) !important;
+  }
+
   .es\:\[\&_svg_path\]\:stroke-red-500 svg path {
     stroke: var(--es-color-red-500);
   }
 
-  .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring:has( > [data-focus-visible="true"]) {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+  .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-2:has( > [data-focus-visible="true"]) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
@@ -4930,42 +4927,6 @@
   .es\:\[\&\>span\>svg\]\:opacity-80 > span > svg {
     opacity: .8;
   }
-
-  .es\:\[\&\>svg\]\:size-5\.5 > svg {
-    width: var(--es-spacing-5_5);
-    height: var(--es-spacing-5_5);
-  }
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes ping {
-  75%, 100% {
-    opacity: 0;
-    transform: scale(2);
-  }
-}
-
-@keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-@keyframes bounce {
-  0%, 100% {
-    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
-    transform: translateY(-25%);
-  }
-
-  50% {
-    animation-timing-function: cubic-bezier(0, 0, .2, 1);
-    transform: none;
-  }
 }
 
 @property --tw-translate-x {
@@ -5231,6 +5192,11 @@
   inherits: false
 }
 
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-backdrop-blur {
   syntax: "*";
   inherits: false
@@ -5291,3 +5257,9 @@
   inherits: false;
   initial-value: "";
 }
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}