@eightshift/ui-components 5.3.3 → 5.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/{Button-npzfSoYo.js → Button-CQ5ZZJ2w.js} +8 -14
  2. package/dist/{Dialog-CQ8H6Noi.js → Dialog-BMgMUQuN.js} +81 -73
  3. package/dist/{FocusScope-DJApHXhY.js → FocusScope-B5vxRkHm.js} +1 -1
  4. package/dist/{Heading-bh1HU5HH.js → Heading-B5aEynOM.js} +1 -1
  5. package/dist/{Input-ChJaTNa5.js → Input-8yja_IHC.js} +6 -5
  6. package/dist/{ListBox-D0Stb4wr.js → ListBox-DggfiuO_.js} +28 -16
  7. package/dist/{OverlayArrow-DivvkAVb.js → OverlayArrow-DraDOoRn.js} +1 -1
  8. package/dist/{RSPContexts-2lR5GG9p.js → RSPContexts-CJ-HBf0L.js} +8 -4
  9. package/dist/{SearchField-jVsbJe1O.js → SearchField-DWGdCvnn.js} +24 -18
  10. package/dist/{Select-ciHB1pub.js → Select-BvggcFOX.js} +204 -68
  11. package/dist/SelectionIndicator-D7WMzeAW.js +7 -0
  12. package/dist/{SelectionManager-CabSdgMq.js → SelectionManager-B6-b5NM2.js} +98 -59
  13. package/dist/{Separator-BPvqJny4.js → Separator-B-xeqOkC.js} +6 -6
  14. package/dist/SharedElementTransition-fML-zIv6.js +12 -0
  15. package/dist/{Slider-ChP04COa.js → Slider-DfU6bRtH.js} +4 -4
  16. package/dist/{VisuallyHidden-X6SggVVO.js → VisuallyHidden-CgnIuZJ2.js} +1 -1
  17. package/dist/assets/style-admin.css +925 -79
  18. package/dist/assets/style-editor.css +925 -79
  19. package/dist/assets/style.css +925 -79
  20. package/dist/assets/wp-font-enhancements.css +1 -1
  21. package/dist/assets/wp-ui-enhancements.css +1 -1
  22. package/dist/components/button/button.js +75 -22
  23. package/dist/components/checkbox/checkbox.js +14 -10
  24. package/dist/components/color-pickers/solid-color-picker.js +8 -8
  25. package/dist/components/expandable/expandable.js +40 -10
  26. package/dist/components/index.js +4 -0
  27. package/dist/components/input-field/input-field.js +5 -5
  28. package/dist/components/link-input/link-input.js +32 -21
  29. package/dist/components/menu/menu.js +2 -2
  30. package/dist/components/modal/modal.js +34 -6
  31. package/dist/components/number-picker/number-picker.js +5 -4
  32. package/dist/components/options-panel/options-panel.js +1 -1
  33. package/dist/components/placeholders/file-picker-shell.js +130 -0
  34. package/dist/components/popover/popover.js +1 -1
  35. package/dist/components/radio/radio.js +20 -11
  36. package/dist/components/select/v2/async-multi-select.js +6 -6
  37. package/dist/components/select/v2/async-select.js +6 -6
  38. package/dist/components/select/v2/multi-select.js +7 -7
  39. package/dist/components/select/v2/shared.js +1 -1
  40. package/dist/components/select/v2/single-select.js +7 -7
  41. package/dist/components/slider/column-config-slider.js +1 -1
  42. package/dist/components/slider/slider.js +1 -1
  43. package/dist/components/smart-image/smart-image.js +117 -0
  44. package/dist/components/tabs/tabs.js +16 -10
  45. package/dist/components/toggle/switch.js +5 -5
  46. package/dist/components/toggle-button/toggle-button.js +10 -5
  47. package/dist/components/tooltip/tooltip.js +2 -2
  48. package/dist/icons/icons.js +10 -0
  49. package/dist/index.js +4 -0
  50. package/dist/{textSelection-k0u64dDA.js → textSelection-DbCKqaw8.js} +1 -1
  51. package/dist/{useButton-Bn4ZT295.js → useButton-v9ngEj50.js} +2 -2
  52. package/dist/{useDragAndDrop-DVLrIdEn.js → useDragAndDrop-C08ZXv4F.js} +5 -5
  53. package/dist/{useFilter-C4wo8Iii.js → useFilter-BlkUH1Ma.js} +1 -1
  54. package/dist/{useFocusRing-CUxgjvAY.js → useFocusRing-Cgm0R4Cf.js} +1 -1
  55. package/dist/{useFormValidation-CUtZcedF.js → useFormValidation-CeNsUGWK.js} +1 -1
  56. package/dist/{useHover-LmGemtHE.js → useHover-BRDW3y7-.js} +3 -1
  57. package/dist/{useListState-Xsk-aOvN.js → useListState-RdLrYsMP.js} +1 -1
  58. package/dist/{useNumberField-BCjjZWaz.js → useNumberField-D16dDfYF.js} +5 -5
  59. package/dist/{usePress-CBQIDzpQ.js → usePress-DJskZBH9.js} +4 -2
  60. package/dist/{useSingleSelectListState-DattSD7d.js → useSingleSelectListState-n0AVMr3Y.js} +2 -2
  61. package/dist/{useToggle-C8CedY6Z.js → useToggle-DSBDAfdw.js} +2 -2
  62. package/dist/{useToggleState-CiAradXs.js → useToggleState-CzN79ary.js} +1 -1
  63. package/dist/utilities/general.js +4142 -0
  64. package/dist/utilities/index.js +5 -0
  65. package/package.json +19 -15
  66. package/dist/context-DCAZLyDS.js +0 -7
package/dist/assets/style.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -68,6 +68,8 @@
68
68
  --tw-backdrop-sepia: initial;
69
69
  --tw-duration: initial;
70
70
  --tw-ease: initial;
71
+ --tw-text-shadow-color: initial;
72
+ --tw-text-shadow-alpha: 100%;
71
73
  --tw-content: "";
72
74
  }
73
75
  }
@@ -139,6 +141,7 @@
139
141
  --es-spacing-5_5: 1.375rem;
140
142
  --es-radius-7: .4375rem;
141
143
  --es-radius-10: .625rem;
144
+ --es-aspect-3-2: 3 / 2;
142
145
  --es-color-secondary-50: var(--es-color-zinc-50);
143
146
  --es-color-secondary-100: var(--es-color-zinc-100);
144
147
  --es-color-secondary-200: var(--es-color-zinc-200);
@@ -159,6 +162,7 @@
159
162
  --es-color-accent-800: var(--es-color-teal-800);
160
163
  --es-color-accent-900: var(--es-color-teal-900);
161
164
  --es-color-accent-950: var(--es-color-teal-950);
165
+ --es-ease-spring-smooth: var(--motion-spring-smooth);
162
166
  --es-color-red-50: oklch(97.1% .013 17.38);
163
167
  --es-color-red-100: oklch(93.6% .032 17.717);
164
168
  --es-color-red-200: oklch(88.5% .062 18.334);
@@ -319,7 +323,9 @@
319
323
  --es-radius-2xl: 1rem;
320
324
  --es-radius-3xl: 1.5rem;
321
325
  --es-drop-shadow-sm: 0 1px 2px #00000026;
326
+ --es-animate-spin: spin 1s linear infinite;
322
327
  --es-blur-sm: 8px;
328
+ --es-blur-md: 12px;
323
329
  --es-blur-lg: 16px;
324
330
  --es-blur-2xl: 40px;
325
331
  --es-blur-3xl: 64px;
@@ -1258,10 +1264,18 @@
1258
1264
  bottom: calc(var(--es-spacing) * 0);
1259
1265
  }
1260
1266
 
1267
+ .es\:bottom-2 {
1268
+ bottom: calc(var(--es-spacing) * 2);
1269
+ }
1270
+
1261
1271
  .es\:left-0 {
1262
1272
  left: calc(var(--es-spacing) * 0);
1263
1273
  }
1264
1274
 
1275
+ .es\:left-2 {
1276
+ left: calc(var(--es-spacing) * 2);
1277
+ }
1278
+
1265
1279
  .es\:left-3\.5 {
1266
1280
  left: calc(var(--es-spacing) * 3.5);
1267
1281
  }
@@ -1505,6 +1519,10 @@
1505
1519
  display: inline-block;
1506
1520
  }
1507
1521
 
1522
+ .es\:aspect-3-2 {
1523
+ aspect-ratio: var(--es-aspect-3-2);
1524
+ }
1525
+
1508
1526
  .es\:aspect-video {
1509
1527
  aspect-ratio: var(--es-aspect-video);
1510
1528
  }
@@ -2045,6 +2063,11 @@
2045
2063
  translate: var(--tw-translate-x) var(--tw-translate-y);
2046
2064
  }
2047
2065
 
2066
+ .es\:translate-y-\[125\%\] {
2067
+ --tw-translate-y: 125%;
2068
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2069
+ }
2070
+
2048
2071
  .es\:translate-y-px {
2049
2072
  --tw-translate-y: 1px;
2050
2073
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2089,6 +2112,13 @@
2089
2112
  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);
2090
2113
  }
2091
2114
 
2115
+ .es\:motion-preset-fade {
2116
+ --motion-origin-opacity: 0;
2117
+ --motion-duration: .5s;
2118
+ --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;
2119
+ 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);
2120
+ }
2121
+
2092
2122
  .es\:motion-preset-spin {
2093
2123
  --motion-loop-rotate: 360deg;
2094
2124
  --motion-timing: linear;
@@ -2152,6 +2182,10 @@
2152
2182
  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);
2153
2183
  }
2154
2184
 
2185
+ .es\:animate-spin {
2186
+ animation: var(--es-animate-spin);
2187
+ }
2188
+
2155
2189
  .es\:cursor-default {
2156
2190
  cursor: default;
2157
2191
  }
@@ -2184,6 +2218,14 @@
2184
2218
  grid-auto-columns: auto;
2185
2219
  }
2186
2220
 
2221
+ .es\:auto-cols-fr {
2222
+ grid-auto-columns: minmax(0, 1fr);
2223
+ }
2224
+
2225
+ .es\:grid-flow-col {
2226
+ grid-auto-flow: column;
2227
+ }
2228
+
2187
2229
  .es\:auto-rows-auto {
2188
2230
  grid-auto-rows: auto;
2189
2231
  }
@@ -2232,6 +2274,10 @@
2232
2274
  grid-template-rows: auto auto;
2233
2275
  }
2234
2276
 
2277
+ .es\:grid-rows-\[minmax\(0\,_1fr\)_auto\] {
2278
+ grid-template-rows: minmax(0, 1fr) auto;
2279
+ }
2280
+
2235
2281
  .es\:flex-col {
2236
2282
  flex-direction: column;
2237
2283
  }
@@ -2248,6 +2294,10 @@
2248
2294
  align-items: center;
2249
2295
  }
2250
2296
 
2297
+ .es\:items-center-safe {
2298
+ align-items: safe center;
2299
+ }
2300
+
2251
2301
  .es\:items-start {
2252
2302
  align-items: flex-start;
2253
2303
  }
@@ -2264,6 +2314,10 @@
2264
2314
  justify-content: center;
2265
2315
  }
2266
2316
 
2317
+ .es\:justify-center-safe {
2318
+ justify-content: safe center;
2319
+ }
2320
+
2267
2321
  .es\:justify-end {
2268
2322
  justify-content: flex-end;
2269
2323
  }
@@ -2605,6 +2659,11 @@
2605
2659
  border-width: 1px;
2606
2660
  }
2607
2661
 
2662
+ .es\:border-4 {
2663
+ border-style: var(--tw-border-style);
2664
+ border-width: 4px;
2665
+ }
2666
+
2608
2667
  .es\:border-x {
2609
2668
  border-inline-style: var(--tw-border-style);
2610
2669
  border-inline-width: 1px;
@@ -2650,6 +2709,11 @@
2650
2709
  border-style: dotted;
2651
2710
  }
2652
2711
 
2712
+ .es\:border-none {
2713
+ --tw-border-style: none;
2714
+ border-style: none;
2715
+ }
2716
+
2653
2717
  .es\:border-none\! {
2654
2718
  --tw-border-style: none !important;
2655
2719
  border-style: none !important;
@@ -2849,6 +2913,10 @@
2849
2913
  border-bottom-color: var(--es-color-secondary-200);
2850
2914
  }
2851
2915
 
2916
+ .es\:bg-\(--es-img-dominant-color\) {
2917
+ background-color: var(--es-img-dominant-color);
2918
+ }
2919
+
2852
2920
  .es\:bg-\[\#f1f1f1\] {
2853
2921
  background-color: #f1f1f1;
2854
2922
  }
@@ -3253,6 +3321,11 @@
3253
3321
  background-image: radial-gradient(var(--tw-gradient-stops));
3254
3322
  }
3255
3323
 
3324
+ .es\:bg-radial-\[at_50\%_75\%\] {
3325
+ --tw-gradient-position: at 50% 75%;
3326
+ background-image: radial-gradient(var(--tw-gradient-stops, at 50% 75%));
3327
+ }
3328
+
3256
3329
  .es\:bg-radial-\[at_50\%_125\%\] {
3257
3330
  --tw-gradient-position: at 50% 125%;
3258
3331
  background-image: radial-gradient(var(--tw-gradient-stops, at 50% 125%));
@@ -3268,6 +3341,20 @@
3268
3341
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3269
3342
  }
3270
3343
 
3344
+ .es\:from-accent-400\/35 {
3345
+ --tw-gradient-from: var(--es-color-accent-400);
3346
+ }
3347
+
3348
+ @supports (color: color-mix(in lab, red, red)) {
3349
+ .es\:from-accent-400\/35 {
3350
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 35%, transparent);
3351
+ }
3352
+ }
3353
+
3354
+ .es\:from-accent-400\/35 {
3355
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3356
+ }
3357
+
3271
3358
  .es\:from-accent-500 {
3272
3359
  --tw-gradient-from: var(--es-color-accent-500);
3273
3360
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3278,6 +3365,20 @@
3278
3365
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3279
3366
  }
3280
3367
 
3368
+ .es\:from-black\/40 {
3369
+ --tw-gradient-from: var(--es-color-black);
3370
+ }
3371
+
3372
+ @supports (color: color-mix(in lab, red, red)) {
3373
+ .es\:from-black\/40 {
3374
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 40%, transparent);
3375
+ }
3376
+ }
3377
+
3378
+ .es\:from-black\/40 {
3379
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3380
+ }
3381
+
3281
3382
  .es\:from-current {
3282
3383
  --tw-gradient-from: currentcolor;
3283
3384
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3311,6 +3412,34 @@
3311
3412
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3312
3413
  }
3313
3414
 
3415
+ .es\:from-red-600\/5 {
3416
+ --tw-gradient-from: var(--es-color-red-600);
3417
+ }
3418
+
3419
+ @supports (color: color-mix(in lab, red, red)) {
3420
+ .es\:from-red-600\/5 {
3421
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
3422
+ }
3423
+ }
3424
+
3425
+ .es\:from-red-600\/5 {
3426
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3427
+ }
3428
+
3429
+ .es\:from-red-700\/50 {
3430
+ --tw-gradient-from: var(--es-color-red-700);
3431
+ }
3432
+
3433
+ @supports (color: color-mix(in lab, red, red)) {
3434
+ .es\:from-red-700\/50 {
3435
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 50%, transparent);
3436
+ }
3437
+ }
3438
+
3439
+ .es\:from-red-700\/50 {
3440
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3441
+ }
3442
+
3314
3443
  .es\:from-secondary-50 {
3315
3444
  --tw-gradient-from: var(--es-color-secondary-50);
3316
3445
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3336,10 +3465,38 @@
3336
3465
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3337
3466
  }
3338
3467
 
3468
+ .es\:from-white\/20 {
3469
+ --tw-gradient-from: var(--es-color-white);
3470
+ }
3471
+
3472
+ @supports (color: color-mix(in lab, red, red)) {
3473
+ .es\:from-white\/20 {
3474
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 20%, transparent);
3475
+ }
3476
+ }
3477
+
3478
+ .es\:from-white\/20 {
3479
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3480
+ }
3481
+
3339
3482
  .es\:from-40\% {
3340
3483
  --tw-gradient-from-position: 40%;
3341
3484
  }
3342
3485
 
3486
+ .es\:to-accent-400\/30 {
3487
+ --tw-gradient-to: var(--es-color-accent-400);
3488
+ }
3489
+
3490
+ @supports (color: color-mix(in lab, red, red)) {
3491
+ .es\:to-accent-400\/30 {
3492
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 30%, transparent);
3493
+ }
3494
+ }
3495
+
3496
+ .es\:to-accent-400\/30 {
3497
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3498
+ }
3499
+
3343
3500
  .es\:to-accent-500 {
3344
3501
  --tw-gradient-to: var(--es-color-accent-500);
3345
3502
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3364,6 +3521,20 @@
3364
3521
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3365
3522
  }
3366
3523
 
3524
+ .es\:to-black\/35 {
3525
+ --tw-gradient-to: var(--es-color-black);
3526
+ }
3527
+
3528
+ @supports (color: color-mix(in lab, red, red)) {
3529
+ .es\:to-black\/35 {
3530
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 35%, transparent);
3531
+ }
3532
+ }
3533
+
3534
+ .es\:to-black\/35 {
3535
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3536
+ }
3537
+
3367
3538
  .es\:to-current\/10 {
3368
3539
  --tw-gradient-to: currentcolor;
3369
3540
  }
@@ -3378,6 +3549,34 @@
3378
3549
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3379
3550
  }
3380
3551
 
3552
+ .es\:to-red-600\/2 {
3553
+ --tw-gradient-to: var(--es-color-red-600);
3554
+ }
3555
+
3556
+ @supports (color: color-mix(in lab, red, red)) {
3557
+ .es\:to-red-600\/2 {
3558
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 2%, transparent);
3559
+ }
3560
+ }
3561
+
3562
+ .es\:to-red-600\/2 {
3563
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3564
+ }
3565
+
3566
+ .es\:to-red-700\/45 {
3567
+ --tw-gradient-to: var(--es-color-red-700);
3568
+ }
3569
+
3570
+ @supports (color: color-mix(in lab, red, red)) {
3571
+ .es\:to-red-700\/45 {
3572
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 45%, transparent);
3573
+ }
3574
+ }
3575
+
3576
+ .es\:to-red-700\/45 {
3577
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3578
+ }
3579
+
3381
3580
  .es\:to-secondary-50 {
3382
3581
  --tw-gradient-to: var(--es-color-secondary-50);
3383
3582
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3403,6 +3602,20 @@
3403
3602
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3404
3603
  }
3405
3604
 
3605
+ .es\:to-white\/15 {
3606
+ --tw-gradient-to: var(--es-color-white);
3607
+ }
3608
+
3609
+ @supports (color: color-mix(in lab, red, red)) {
3610
+ .es\:to-white\/15 {
3611
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 15%, transparent);
3612
+ }
3613
+ }
3614
+
3615
+ .es\:to-white\/15 {
3616
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
3617
+ }
3618
+
3406
3619
  .es\:fill-secondary-200 {
3407
3620
  fill: var(--es-color-secondary-200);
3408
3621
  }
@@ -3587,6 +3800,10 @@
3587
3800
  padding-top: calc(var(--es-spacing) * 2.25);
3588
3801
  }
3589
3802
 
3803
+ .es\:pt-3 {
3804
+ padding-top: calc(var(--es-spacing) * 3);
3805
+ }
3806
+
3590
3807
  .es\:pr-0 {
3591
3808
  padding-right: calc(var(--es-spacing) * 0);
3592
3809
  }
@@ -3639,6 +3856,10 @@
3639
3856
  padding-bottom: calc(var(--es-spacing) * 2.5);
3640
3857
  }
3641
3858
 
3859
+ .es\:pb-3 {
3860
+ padding-bottom: calc(var(--es-spacing) * 3);
3861
+ }
3862
+
3642
3863
  .es\:pb-3\.5 {
3643
3864
  padding-bottom: calc(var(--es-spacing) * 3.5);
3644
3865
  }
@@ -4091,6 +4312,11 @@
4091
4312
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4092
4313
  }
4093
4314
 
4315
+ .es\:inset-shadow-sm {
4316
+ --tw-inset-shadow: inset 0 2px 4px var(--tw-inset-shadow-color, #0000000d);
4317
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4318
+ }
4319
+
4094
4320
  .es\:inset-shadow-xs {
4095
4321
  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
4096
4322
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4161,6 +4387,16 @@
4161
4387
  }
4162
4388
  }
4163
4389
 
4390
+ .es\:shadow-black\/10 {
4391
+ --tw-shadow-color: var(--es-color-black);
4392
+ }
4393
+
4394
+ @supports (color: color-mix(in lab, red, red)) {
4395
+ .es\:shadow-black\/10 {
4396
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
4397
+ }
4398
+ }
4399
+
4164
4400
  .es\:shadow-blue-500\/15 {
4165
4401
  --tw-shadow-color: var(--es-color-blue-500);
4166
4402
  }
@@ -4221,6 +4457,16 @@
4221
4457
  }
4222
4458
  }
4223
4459
 
4460
+ .es\:shadow-red-700\/10 {
4461
+ --tw-shadow-color: var(--es-color-red-700);
4462
+ }
4463
+
4464
+ @supports (color: color-mix(in lab, red, red)) {
4465
+ .es\:shadow-red-700\/10 {
4466
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-700) 10%, transparent) var(--tw-shadow-alpha), transparent);
4467
+ }
4468
+ }
4469
+
4224
4470
  .es\:shadow-red-700\/20 {
4225
4471
  --tw-shadow-color: var(--es-color-red-700);
4226
4472
  }
@@ -4305,6 +4551,16 @@
4305
4551
  }
4306
4552
  }
4307
4553
 
4554
+ .es\:inset-shadow-white\/5 {
4555
+ --tw-inset-shadow-color: var(--es-color-white);
4556
+ }
4557
+
4558
+ @supports (color: color-mix(in lab, red, red)) {
4559
+ .es\:inset-shadow-white\/5 {
4560
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 5%, transparent) var(--tw-inset-shadow-alpha), transparent);
4561
+ }
4562
+ }
4563
+
4308
4564
  .es\:inset-ring-accent-500 {
4309
4565
  --tw-inset-ring-color: var(--es-color-accent-500);
4310
4566
  }
@@ -4319,6 +4575,16 @@
4319
4575
  }
4320
4576
  }
4321
4577
 
4578
+ .es\:inset-ring-black\/10 {
4579
+ --tw-inset-ring-color: var(--es-color-black);
4580
+ }
4581
+
4582
+ @supports (color: color-mix(in lab, red, red)) {
4583
+ .es\:inset-ring-black\/10 {
4584
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-black) 10%, transparent);
4585
+ }
4586
+ }
4587
+
4322
4588
  .es\:inset-ring-blue-100 {
4323
4589
  --tw-inset-ring-color: var(--es-color-blue-100);
4324
4590
  }
@@ -4345,6 +4611,16 @@
4345
4611
  --tw-inset-ring-color: var(--es-color-red-100);
4346
4612
  }
4347
4613
 
4614
+ .es\:inset-ring-red-700\/10 {
4615
+ --tw-inset-ring-color: var(--es-color-red-700);
4616
+ }
4617
+
4618
+ @supports (color: color-mix(in lab, red, red)) {
4619
+ .es\:inset-ring-red-700\/10 {
4620
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-red-700) 10%, transparent);
4621
+ }
4622
+ }
4623
+
4348
4624
  .es\:inset-ring-secondary-50 {
4349
4625
  --tw-inset-ring-color: var(--es-color-secondary-50);
4350
4626
  }
@@ -4373,6 +4649,16 @@
4373
4649
  }
4374
4650
  }
4375
4651
 
4652
+ .es\:inset-ring-white\/2 {
4653
+ --tw-inset-ring-color: var(--es-color-white);
4654
+ }
4655
+
4656
+ @supports (color: color-mix(in lab, red, red)) {
4657
+ .es\:inset-ring-white\/2 {
4658
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-white) 2%, transparent);
4659
+ }
4660
+ }
4661
+
4376
4662
  .es\:outline-hidden {
4377
4663
  --tw-outline-style: none;
4378
4664
  outline-style: none;
@@ -4451,6 +4737,12 @@
4451
4737
  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, );
4452
4738
  }
4453
4739
 
4740
+ .es\:backdrop-blur-md {
4741
+ --tw-backdrop-blur: blur(var(--es-blur-md));
4742
+ -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, );
4743
+ 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, );
4744
+ }
4745
+
4454
4746
  .es\:backdrop-blur-sm {
4455
4747
  --tw-backdrop-blur: blur(var(--es-blur-sm));
4456
4748
  -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, );
@@ -4463,6 +4755,18 @@
4463
4755
  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, );
4464
4756
  }
4465
4757
 
4758
+ .es\:backdrop-saturate-115 {
4759
+ --tw-backdrop-saturate: saturate(115%);
4760
+ -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, );
4761
+ 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, );
4762
+ }
4763
+
4764
+ .es\:backdrop-saturate-120 {
4765
+ --tw-backdrop-saturate: saturate(120%);
4766
+ -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, );
4767
+ 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, );
4768
+ }
4769
+
4466
4770
  .es\:backdrop-saturate-150 {
4467
4771
  --tw-backdrop-saturate: saturate(150%);
4468
4772
  -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, );
@@ -4542,11 +4846,21 @@
4542
4846
  transition-duration: .3s;
4543
4847
  }
4544
4848
 
4849
+ .es\:duration-3000 {
4850
+ --tw-duration: 3s;
4851
+ transition-duration: 3s;
4852
+ }
4853
+
4545
4854
  .es\:ease-\[var\(--motion-spring-bouncy\)\] {
4546
4855
  --tw-ease: var(--motion-spring-bouncy);
4547
4856
  transition-timing-function: var(--motion-spring-bouncy);
4548
4857
  }
4549
4858
 
4859
+ .es\:ease-spring-smooth {
4860
+ --tw-ease: var(--es-ease-spring-smooth);
4861
+ transition-timing-function: var(--es-ease-spring-smooth);
4862
+ }
4863
+
4550
4864
  .es\:will-change-\[transform\,opacity\] {
4551
4865
  will-change: transform, opacity;
4552
4866
  }
@@ -4629,6 +4943,30 @@
4629
4943
  -webkit-tap-highlight-color: transparent;
4630
4944
  }
4631
4945
 
4946
+ .es\:text-shadow-2xs {
4947
+ text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000026);
4948
+ }
4949
+
4950
+ .es\:text-shadow-black\/20 {
4951
+ --tw-text-shadow-color: var(--es-color-black);
4952
+ }
4953
+
4954
+ @supports (color: color-mix(in lab, red, red)) {
4955
+ .es\:text-shadow-black\/20 {
4956
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 20%, transparent) var(--tw-text-shadow-alpha), transparent);
4957
+ }
4958
+ }
4959
+
4960
+ .es\:text-shadow-black\/30 {
4961
+ --tw-text-shadow-color: var(--es-color-black);
4962
+ }
4963
+
4964
+ @supports (color: color-mix(in lab, red, red)) {
4965
+ .es\:text-shadow-black\/30 {
4966
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 30%, transparent) var(--tw-text-shadow-alpha), transparent);
4967
+ }
4968
+ }
4969
+
4632
4970
  :is(.es\:\*\:col-start-1 > *) {
4633
4971
  grid-column-start: 1;
4634
4972
  }
@@ -4685,6 +5023,18 @@
4685
5023
  cursor: pointer;
4686
5024
  }
4687
5025
 
5026
+ .es\:group-hover\:translate-y-0:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
5027
+ --tw-translate-y: calc(var(--es-spacing) * 0);
5028
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5029
+ }
5030
+
5031
+ @media (hover: hover) {
5032
+ .es\:group-hover\:translate-y-0:is(:where(.es\:group):where(:not([data-rac])):hover *) {
5033
+ --tw-translate-y: calc(var(--es-spacing) * 0);
5034
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5035
+ }
5036
+ }
5037
+
4688
5038
  .es\:group-hover\:text-black:is(:where(.es\:group):where([data-rac])[data-hovered] *) {
4689
5039
  color: var(--es-color-black);
4690
5040
  }
@@ -5412,69 +5762,405 @@
5412
5762
  }
5413
5763
  }
5414
5764
 
5415
- .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
5416
- --tw-gradient-to: var(--es-color-secondary-100);
5417
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5765
+ .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5766
+ --tw-gradient-from: var(--es-color-accent-400);
5418
5767
  }
5419
5768
 
5420
- @media (hover: hover) {
5421
- .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
5422
- --tw-gradient-to: var(--es-color-secondary-100);
5423
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5769
+ @supports (color: color-mix(in lab, red, red)) {
5770
+ .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5771
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 45%, transparent);
5424
5772
  }
5425
5773
  }
5426
5774
 
5427
- .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
5428
- color: var(--es-color-accent-500);
5775
+ .es\:hover\:from-accent-400\/45:where([data-rac])[data-hovered] {
5776
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5429
5777
  }
5430
5778
 
5431
5779
  @media (hover: hover) {
5432
- .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
5433
- color: var(--es-color-accent-500);
5780
+ .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5781
+ --tw-gradient-from: var(--es-color-accent-400);
5434
5782
  }
5435
- }
5436
5783
 
5437
- .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
5438
- color: var(--es-color-accent-700);
5439
- }
5784
+ @supports (color: color-mix(in lab, red, red)) {
5785
+ .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5786
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 45%, transparent);
5787
+ }
5788
+ }
5440
5789
 
5441
- @media (hover: hover) {
5442
- .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
5443
- color: var(--es-color-accent-700);
5790
+ .es\:hover\:from-accent-400\/45:where(:not([data-rac])):hover {
5791
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5444
5792
  }
5445
5793
  }
5446
5794
 
5447
- .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
5448
- color: var(--es-color-accent-900);
5795
+ .es\:hover\:from-accent-600:where([data-rac])[data-hovered] {
5796
+ --tw-gradient-from: var(--es-color-accent-600);
5797
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5449
5798
  }
5450
5799
 
5451
5800
  @media (hover: hover) {
5452
- .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
5453
- color: var(--es-color-accent-900);
5801
+ .es\:hover\:from-accent-600:where(:not([data-rac])):hover {
5802
+ --tw-gradient-from: var(--es-color-accent-600);
5803
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5454
5804
  }
5455
5805
  }
5456
5806
 
5457
- .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
5458
- color: var(--es-color-accent-950);
5807
+ .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5808
+ --tw-gradient-from: var(--es-color-black);
5459
5809
  }
5460
5810
 
5461
- @media (hover: hover) {
5462
- .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
5463
- color: var(--es-color-accent-950);
5811
+ @supports (color: color-mix(in lab, red, red)) {
5812
+ .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5813
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 50%, transparent);
5464
5814
  }
5465
5815
  }
5466
5816
 
5467
- .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
5468
- color: var(--es-color-red-600);
5817
+ .es\:hover\:from-black\/50:where([data-rac])[data-hovered] {
5818
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5469
5819
  }
5470
5820
 
5471
5821
  @media (hover: hover) {
5472
- .es\:hover\:text-red-600:where(:not([data-rac])):hover {
5473
- color: var(--es-color-red-600);
5822
+ .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5823
+ --tw-gradient-from: var(--es-color-black);
5474
5824
  }
5475
- }
5476
5825
 
5477
- .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
5826
+ @supports (color: color-mix(in lab, red, red)) {
5827
+ .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5828
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 50%, transparent);
5829
+ }
5830
+ }
5831
+
5832
+ .es\:hover\:from-black\/50:where(:not([data-rac])):hover {
5833
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5834
+ }
5835
+ }
5836
+
5837
+ .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5838
+ --tw-gradient-from: var(--es-color-red-600);
5839
+ }
5840
+
5841
+ @supports (color: color-mix(in lab, red, red)) {
5842
+ .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5843
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 10%, transparent);
5844
+ }
5845
+ }
5846
+
5847
+ .es\:hover\:from-red-600\/10:where([data-rac])[data-hovered] {
5848
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5849
+ }
5850
+
5851
+ @media (hover: hover) {
5852
+ .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5853
+ --tw-gradient-from: var(--es-color-red-600);
5854
+ }
5855
+
5856
+ @supports (color: color-mix(in lab, red, red)) {
5857
+ .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5858
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-600) 10%, transparent);
5859
+ }
5860
+ }
5861
+
5862
+ .es\:hover\:from-red-600\/10:where(:not([data-rac])):hover {
5863
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5864
+ }
5865
+ }
5866
+
5867
+ .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5868
+ --tw-gradient-from: var(--es-color-red-700);
5869
+ }
5870
+
5871
+ @supports (color: color-mix(in lab, red, red)) {
5872
+ .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5873
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 60%, transparent);
5874
+ }
5875
+ }
5876
+
5877
+ .es\:hover\:from-red-700\/60:where([data-rac])[data-hovered] {
5878
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5879
+ }
5880
+
5881
+ @media (hover: hover) {
5882
+ .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5883
+ --tw-gradient-from: var(--es-color-red-700);
5884
+ }
5885
+
5886
+ @supports (color: color-mix(in lab, red, red)) {
5887
+ .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5888
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 60%, transparent);
5889
+ }
5890
+ }
5891
+
5892
+ .es\:hover\:from-red-700\/60:where(:not([data-rac])):hover {
5893
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5894
+ }
5895
+ }
5896
+
5897
+ .es\:hover\:from-secondary-100:where([data-rac])[data-hovered] {
5898
+ --tw-gradient-from: var(--es-color-secondary-100);
5899
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5900
+ }
5901
+
5902
+ @media (hover: hover) {
5903
+ .es\:hover\:from-secondary-100:where(:not([data-rac])):hover {
5904
+ --tw-gradient-from: var(--es-color-secondary-100);
5905
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5906
+ }
5907
+ }
5908
+
5909
+ .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5910
+ --tw-gradient-from: var(--es-color-white);
5911
+ }
5912
+
5913
+ @supports (color: color-mix(in lab, red, red)) {
5914
+ .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5915
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 30%, transparent);
5916
+ }
5917
+ }
5918
+
5919
+ .es\:hover\:from-white\/30:where([data-rac])[data-hovered] {
5920
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5921
+ }
5922
+
5923
+ @media (hover: hover) {
5924
+ .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5925
+ --tw-gradient-from: var(--es-color-white);
5926
+ }
5927
+
5928
+ @supports (color: color-mix(in lab, red, red)) {
5929
+ .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5930
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 30%, transparent);
5931
+ }
5932
+ }
5933
+
5934
+ .es\:hover\:from-white\/30:where(:not([data-rac])):hover {
5935
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5936
+ }
5937
+ }
5938
+
5939
+ .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5940
+ --tw-gradient-to: var(--es-color-accent-400);
5941
+ }
5942
+
5943
+ @supports (color: color-mix(in lab, red, red)) {
5944
+ .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5945
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 40%, transparent);
5946
+ }
5947
+ }
5948
+
5949
+ .es\:hover\:to-accent-400\/40:where([data-rac])[data-hovered] {
5950
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5951
+ }
5952
+
5953
+ @media (hover: hover) {
5954
+ .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5955
+ --tw-gradient-to: var(--es-color-accent-400);
5956
+ }
5957
+
5958
+ @supports (color: color-mix(in lab, red, red)) {
5959
+ .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5960
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-400) 40%, transparent);
5961
+ }
5962
+ }
5963
+
5964
+ .es\:hover\:to-accent-400\/40:where(:not([data-rac])):hover {
5965
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5966
+ }
5967
+ }
5968
+
5969
+ .es\:hover\:to-accent-700:where([data-rac])[data-hovered] {
5970
+ --tw-gradient-to: var(--es-color-accent-700);
5971
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5972
+ }
5973
+
5974
+ @media (hover: hover) {
5975
+ .es\:hover\:to-accent-700:where(:not([data-rac])):hover {
5976
+ --tw-gradient-to: var(--es-color-accent-700);
5977
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5978
+ }
5979
+ }
5980
+
5981
+ .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5982
+ --tw-gradient-to: var(--es-color-black);
5983
+ }
5984
+
5985
+ @supports (color: color-mix(in lab, red, red)) {
5986
+ .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5987
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 45%, transparent);
5988
+ }
5989
+ }
5990
+
5991
+ .es\:hover\:to-black\/45:where([data-rac])[data-hovered] {
5992
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5993
+ }
5994
+
5995
+ @media (hover: hover) {
5996
+ .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
5997
+ --tw-gradient-to: var(--es-color-black);
5998
+ }
5999
+
6000
+ @supports (color: color-mix(in lab, red, red)) {
6001
+ .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
6002
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 45%, transparent);
6003
+ }
6004
+ }
6005
+
6006
+ .es\:hover\:to-black\/45:where(:not([data-rac])):hover {
6007
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6008
+ }
6009
+ }
6010
+
6011
+ .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
6012
+ --tw-gradient-to: var(--es-color-red-600);
6013
+ }
6014
+
6015
+ @supports (color: color-mix(in lab, red, red)) {
6016
+ .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
6017
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
6018
+ }
6019
+ }
6020
+
6021
+ .es\:hover\:to-red-600\/5:where([data-rac])[data-hovered] {
6022
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6023
+ }
6024
+
6025
+ @media (hover: hover) {
6026
+ .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
6027
+ --tw-gradient-to: var(--es-color-red-600);
6028
+ }
6029
+
6030
+ @supports (color: color-mix(in lab, red, red)) {
6031
+ .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
6032
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
6033
+ }
6034
+ }
6035
+
6036
+ .es\:hover\:to-red-600\/5:where(:not([data-rac])):hover {
6037
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6038
+ }
6039
+ }
6040
+
6041
+ .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
6042
+ --tw-gradient-to: var(--es-color-red-700);
6043
+ }
6044
+
6045
+ @supports (color: color-mix(in lab, red, red)) {
6046
+ .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
6047
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 55%, transparent);
6048
+ }
6049
+ }
6050
+
6051
+ .es\:hover\:to-red-700\/55:where([data-rac])[data-hovered] {
6052
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6053
+ }
6054
+
6055
+ @media (hover: hover) {
6056
+ .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
6057
+ --tw-gradient-to: var(--es-color-red-700);
6058
+ }
6059
+
6060
+ @supports (color: color-mix(in lab, red, red)) {
6061
+ .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
6062
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 55%, transparent);
6063
+ }
6064
+ }
6065
+
6066
+ .es\:hover\:to-red-700\/55:where(:not([data-rac])):hover {
6067
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6068
+ }
6069
+ }
6070
+
6071
+ .es\:hover\:to-secondary-100:where([data-rac])[data-hovered] {
6072
+ --tw-gradient-to: var(--es-color-secondary-100);
6073
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6074
+ }
6075
+
6076
+ @media (hover: hover) {
6077
+ .es\:hover\:to-secondary-100:where(:not([data-rac])):hover {
6078
+ --tw-gradient-to: var(--es-color-secondary-100);
6079
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6080
+ }
6081
+ }
6082
+
6083
+ .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
6084
+ --tw-gradient-to: var(--es-color-white);
6085
+ }
6086
+
6087
+ @supports (color: color-mix(in lab, red, red)) {
6088
+ .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
6089
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 25%, transparent);
6090
+ }
6091
+ }
6092
+
6093
+ .es\:hover\:to-white\/25:where([data-rac])[data-hovered] {
6094
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6095
+ }
6096
+
6097
+ @media (hover: hover) {
6098
+ .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
6099
+ --tw-gradient-to: var(--es-color-white);
6100
+ }
6101
+
6102
+ @supports (color: color-mix(in lab, red, red)) {
6103
+ .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
6104
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 25%, transparent);
6105
+ }
6106
+ }
6107
+
6108
+ .es\:hover\:to-white\/25:where(:not([data-rac])):hover {
6109
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6110
+ }
6111
+ }
6112
+
6113
+ .es\:hover\:text-accent-500:where([data-rac])[data-hovered] {
6114
+ color: var(--es-color-accent-500);
6115
+ }
6116
+
6117
+ @media (hover: hover) {
6118
+ .es\:hover\:text-accent-500:where(:not([data-rac])):hover {
6119
+ color: var(--es-color-accent-500);
6120
+ }
6121
+ }
6122
+
6123
+ .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
6124
+ color: var(--es-color-accent-700);
6125
+ }
6126
+
6127
+ @media (hover: hover) {
6128
+ .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
6129
+ color: var(--es-color-accent-700);
6130
+ }
6131
+ }
6132
+
6133
+ .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
6134
+ color: var(--es-color-accent-900);
6135
+ }
6136
+
6137
+ @media (hover: hover) {
6138
+ .es\:hover\:text-accent-900:where(:not([data-rac])):hover {
6139
+ color: var(--es-color-accent-900);
6140
+ }
6141
+ }
6142
+
6143
+ .es\:hover\:text-accent-950:where([data-rac])[data-hovered] {
6144
+ color: var(--es-color-accent-950);
6145
+ }
6146
+
6147
+ @media (hover: hover) {
6148
+ .es\:hover\:text-accent-950:where(:not([data-rac])):hover {
6149
+ color: var(--es-color-accent-950);
6150
+ }
6151
+ }
6152
+
6153
+ .es\:hover\:text-red-600:where([data-rac])[data-hovered] {
6154
+ color: var(--es-color-red-600);
6155
+ }
6156
+
6157
+ @media (hover: hover) {
6158
+ .es\:hover\:text-red-600:where(:not([data-rac])):hover {
6159
+ color: var(--es-color-red-600);
6160
+ }
6161
+ }
6162
+
6163
+ .es\:hover\:text-red-800:where([data-rac])[data-hovered] {
5478
6164
  color: var(--es-color-red-800);
5479
6165
  }
5480
6166
 
@@ -5494,6 +6180,18 @@
5494
6180
  }
5495
6181
  }
5496
6182
 
6183
+ .es\:hover\:shadow-md:where([data-rac])[data-hovered] {
6184
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6185
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6186
+ }
6187
+
6188
+ @media (hover: hover) {
6189
+ .es\:hover\:shadow-md:where(:not([data-rac])):hover {
6190
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6191
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6192
+ }
6193
+ }
6194
+
5497
6195
  .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
5498
6196
  --tw-inset-shadow-color: var(--es-color-red-100);
5499
6197
  }
@@ -5538,6 +6236,28 @@
5538
6236
  }
5539
6237
  }
5540
6238
 
6239
+ .es\:hover\:inset-shadow-white\/10:where([data-rac])[data-hovered] {
6240
+ --tw-inset-shadow-color: var(--es-color-white);
6241
+ }
6242
+
6243
+ @supports (color: color-mix(in lab, red, red)) {
6244
+ .es\:hover\:inset-shadow-white\/10:where([data-rac])[data-hovered] {
6245
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
6246
+ }
6247
+ }
6248
+
6249
+ @media (hover: hover) {
6250
+ .es\:hover\:inset-shadow-white\/10:where(:not([data-rac])):hover {
6251
+ --tw-inset-shadow-color: var(--es-color-white);
6252
+ }
6253
+
6254
+ @supports (color: color-mix(in lab, red, red)) {
6255
+ .es\:hover\:inset-shadow-white\/10:where(:not([data-rac])):hover {
6256
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
6257
+ }
6258
+ }
6259
+ }
6260
+
5541
6261
  .es\:hover\:inset-ring-red-100:where([data-rac])[data-hovered] {
5542
6262
  --tw-inset-ring-color: var(--es-color-red-100);
5543
6263
  }
@@ -5558,6 +6278,34 @@
5558
6278
  }
5559
6279
  }
5560
6280
 
6281
+ .es\:hover\:backdrop-saturate-125:where([data-rac])[data-hovered] {
6282
+ --tw-backdrop-saturate: saturate(125%);
6283
+ -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, );
6284
+ 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, );
6285
+ }
6286
+
6287
+ @media (hover: hover) {
6288
+ .es\:hover\:backdrop-saturate-125:where(:not([data-rac])):hover {
6289
+ --tw-backdrop-saturate: saturate(125%);
6290
+ -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, );
6291
+ 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, );
6292
+ }
6293
+ }
6294
+
6295
+ .es\:hover\:backdrop-saturate-130:where([data-rac])[data-hovered] {
6296
+ --tw-backdrop-saturate: saturate(130%);
6297
+ -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, );
6298
+ 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, );
6299
+ }
6300
+
6301
+ @media (hover: hover) {
6302
+ .es\:hover\:backdrop-saturate-130:where(:not([data-rac])):hover {
6303
+ --tw-backdrop-saturate: saturate(130%);
6304
+ -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, );
6305
+ 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, );
6306
+ }
6307
+ }
6308
+
5561
6309
  .es\:not-selected\:hover\:bg-secondary-100:not([data-selected]):where([data-rac])[data-hovered] {
5562
6310
  background-color: var(--es-color-secondary-100);
5563
6311
  }
@@ -5807,6 +6555,90 @@
5807
6555
  }
5808
6556
  }
5809
6557
 
6558
+ .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6559
+ --tw-gradient-from: var(--es-color-accent-600);
6560
+ }
6561
+
6562
+ @supports (color: color-mix(in lab, red, red)) {
6563
+ .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6564
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-600) 95%, transparent);
6565
+ }
6566
+ }
6567
+
6568
+ .es\:focus-visible\:from-accent-600\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6569
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6570
+ }
6571
+
6572
+ .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6573
+ --tw-gradient-from: var(--es-color-black);
6574
+ }
6575
+
6576
+ @supports (color: color-mix(in lab, red, red)) {
6577
+ .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6578
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-black) 95%, transparent);
6579
+ }
6580
+ }
6581
+
6582
+ .es\:focus-visible\:from-black\/95:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6583
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6584
+ }
6585
+
6586
+ .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6587
+ --tw-gradient-from: var(--es-color-white);
6588
+ }
6589
+
6590
+ @supports (color: color-mix(in lab, red, red)) {
6591
+ .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6592
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-white) 90%, transparent);
6593
+ }
6594
+ }
6595
+
6596
+ .es\:focus-visible\:from-white\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6597
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6598
+ }
6599
+
6600
+ .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6601
+ --tw-gradient-to: var(--es-color-accent-600);
6602
+ }
6603
+
6604
+ @supports (color: color-mix(in lab, red, red)) {
6605
+ .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6606
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-600) 90%, transparent);
6607
+ }
6608
+ }
6609
+
6610
+ .es\:focus-visible\:to-accent-600\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6611
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6612
+ }
6613
+
6614
+ .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6615
+ --tw-gradient-to: var(--es-color-black);
6616
+ }
6617
+
6618
+ @supports (color: color-mix(in lab, red, red)) {
6619
+ .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6620
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-black) 90%, transparent);
6621
+ }
6622
+ }
6623
+
6624
+ .es\:focus-visible\:to-black\/90:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6625
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6626
+ }
6627
+
6628
+ .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6629
+ --tw-gradient-to: var(--es-color-white);
6630
+ }
6631
+
6632
+ @supports (color: color-mix(in lab, red, red)) {
6633
+ .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6634
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-white) 85%, transparent);
6635
+ }
6636
+ }
6637
+
6638
+ .es\:focus-visible\:to-white\/85:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6639
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6640
+ }
6641
+
5810
6642
  .es\:focus-visible\:text-accent-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5811
6643
  color: var(--es-color-accent-700);
5812
6644
  }
@@ -5815,6 +6647,10 @@
5815
6647
  color: var(--es-color-accent-950);
5816
6648
  }
5817
6649
 
6650
+ .es\:focus-visible\:text-black:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6651
+ color: var(--es-color-black);
6652
+ }
6653
+
5818
6654
  .es\:focus-visible\:text-red-700:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5819
6655
  color: var(--es-color-red-700);
5820
6656
  }
@@ -5936,6 +6772,16 @@
5936
6772
  }
5937
6773
  }
5938
6774
 
6775
+ .es\:focus-visible\:text-shadow-black\/0:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6776
+ --tw-text-shadow-color: var(--es-color-black);
6777
+ }
6778
+
6779
+ @supports (color: color-mix(in lab, red, red)) {
6780
+ .es\:focus-visible\:text-shadow-black\/0:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6781
+ --tw-text-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-black) 0%, transparent) var(--tw-text-shadow-alpha), transparent);
6782
+ }
6783
+ }
6784
+
5939
6785
  .es\:not-selected\:focus-visible\:bg-secondary-100:not([data-selected]):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
5940
6786
  background-color: var(--es-color-secondary-100);
5941
6787
  }
@@ -6008,70 +6854,44 @@
6008
6854
  cursor: pointer;
6009
6855
  }
6010
6856
 
6011
- .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
6012
- background-color: var(--es-color-accent-500);
6013
- }
6014
-
6015
- @supports (color: color-mix(in lab, red, red)) {
6016
- .es\:enabled\:hover\:bg-accent-500\/5:enabled:where([data-rac])[data-hovered] {
6017
- background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
6018
- }
6857
+ .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
6858
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6859
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6019
6860
  }
6020
6861
 
6021
6862
  @media (hover: hover) {
6022
- .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
6023
- background-color: var(--es-color-accent-500);
6024
- }
6025
-
6026
- @supports (color: color-mix(in lab, red, red)) {
6027
- .es\:enabled\:hover\:bg-accent-500\/5:enabled:where(:not([data-rac])):hover {
6028
- background-color: color-mix(in oklab, var(--es-color-accent-500) 5%, transparent);
6029
- }
6863
+ .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
6864
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6865
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6030
6866
  }
6031
6867
  }
6032
6868
 
6033
- .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
6034
- background-color: var(--es-color-red-500);
6869
+ .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6870
+ --tw-gradient-from: var(--es-color-red-700);
6035
6871
  }
6036
6872
 
6037
6873
  @supports (color: color-mix(in lab, red, red)) {
6038
- .es\:enabled\:hover\:bg-red-500\/5:enabled:where([data-rac])[data-hovered] {
6039
- background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
6874
+ .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6875
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-700) 95%, transparent);
6040
6876
  }
6041
6877
  }
6042
6878
 
6043
- @media (hover: hover) {
6044
- .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
6045
- background-color: var(--es-color-red-500);
6046
- }
6047
-
6048
- @supports (color: color-mix(in lab, red, red)) {
6049
- .es\:enabled\:hover\:bg-red-500\/5:enabled:where(:not([data-rac])):hover {
6050
- background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
6051
- }
6052
- }
6879
+ .es\:enabled\:focus-visible\:from-red-700\/95:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6880
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6053
6881
  }
6054
6882
 
6055
- .es\:enabled\:hover\:bg-secondary-100:enabled:where([data-rac])[data-hovered] {
6056
- background-color: var(--es-color-secondary-100);
6883
+ .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6884
+ --tw-gradient-to: var(--es-color-red-700);
6057
6885
  }
6058
6886
 
6059
- @media (hover: hover) {
6060
- .es\:enabled\:hover\:bg-secondary-100:enabled:where(:not([data-rac])):hover {
6061
- background-color: var(--es-color-secondary-100);
6887
+ @supports (color: color-mix(in lab, red, red)) {
6888
+ .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6889
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-red-700) 90%, transparent);
6062
6890
  }
6063
6891
  }
6064
6892
 
6065
- .es\:enabled\:hover\:shadow-md:enabled:where([data-rac])[data-hovered] {
6066
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6067
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6068
- }
6069
-
6070
- @media (hover: hover) {
6071
- .es\:enabled\:hover\:shadow-md:enabled:where(:not([data-rac])):hover {
6072
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
6073
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6074
- }
6893
+ .es\:enabled\:focus-visible\:to-red-700\/90:enabled:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
6894
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
6075
6895
  }
6076
6896
 
6077
6897
  .es\:enabled\:active\:bg-accent-50:enabled:where([data-rac])[data-active], .es\:enabled\:active\:bg-accent-50:enabled:where(:not([data-rac])):active {
@@ -6261,6 +7081,11 @@
6261
7081
  }
6262
7082
  }
6263
7083
 
7084
+ .es\:has-focus-visible\:translate-y-0:has(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])), .es\:has-aria-expanded\:translate-y-0:has([aria-expanded="true"]) {
7085
+ --tw-translate-y: calc(var(--es-spacing) * 0);
7086
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7087
+ }
7088
+
6264
7089
  .es\:has-dragging\:inset-ring-1:has([data-dragging]) {
6265
7090
  --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
6266
7091
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -6942,6 +7767,10 @@
6942
7767
  color: var(--es-color-lime-500);
6943
7768
  }
6944
7769
 
7770
+ .es\:icon\:text-secondary-500 > svg {
7771
+ color: var(--es-color-secondary-500);
7772
+ }
7773
+
6945
7774
  .es\:icon\:transition-transform > svg {
6946
7775
  transition-property: transform, translate, scale, rotate;
6947
7776
  transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
@@ -7439,8 +8268,25 @@
7439
8268
  inherits: false
7440
8269
  }
7441
8270
 
8271
+ @property --tw-text-shadow-color {
8272
+ syntax: "*";
8273
+ inherits: false
8274
+ }
8275
+
8276
+ @property --tw-text-shadow-alpha {
8277
+ syntax: "<percentage>";
8278
+ inherits: false;
8279
+ initial-value: 100%;
8280
+ }
8281
+
7442
8282
  @property --tw-content {
7443
8283
  syntax: "*";
7444
8284
  inherits: false;
7445
8285
  initial-value: "";
7446
8286
  }
8287
+
8288
+ @keyframes spin {
8289
+ to {
8290
+ transform: rotate(360deg);
8291
+ }
8292
+ }