@eightshift/ui-components 4.0.0 → 5.0.1

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 (94) hide show
  1. package/dist/{Button-CvzGKGCo.js → Button-wERNNG0T.js} +4 -4
  2. package/dist/{Collection-ddre1L5v.js → Collection-CKsHTyhc.js} +129 -98
  3. package/dist/{Color-MV5kBVXr.js → Color-BhgbJF5x.js} +1 -1
  4. package/dist/{ColorSwatch-BqQfVu4L.js → ColorSwatch-Bcn6oRSg.js} +4 -4
  5. package/dist/{ComboBox-jQ-dk95U.js → ComboBox-D1LPUwWP.js} +19 -19
  6. package/dist/{Dialog-DX1aiYyE.js → Dialog-D190gMbE.js} +28 -30
  7. package/dist/{FieldError-52GVSGgC.js → FieldError-DeUh5Wkw.js} +2 -2
  8. package/dist/{FocusScope-Cri5BFRz.js → FocusScope-C-plSxbS.js} +2 -2
  9. package/dist/{Group-_emcIVxI.js → Group-C5iZpSAM.js} +3 -3
  10. package/dist/{Heading-B2153VXe.js → Heading-D-Pboe4p.js} +1 -1
  11. package/dist/{Input-BxpFEIXV.js → Input--mF4XVE1.js} +6 -6
  12. package/dist/{Label-icmbmNdI.js → Label-Fp6AwSRn.js} +1 -1
  13. package/dist/{List-BYNHbol3.js → List-CZMUbkFU.js} +1 -1
  14. package/dist/{ListBox-mJ4nQaL7.js → ListBox-4oW9kh3R.js} +13 -12
  15. package/dist/{OverlayArrow-BB0CWwdq.js → OverlayArrow-BpB9uB_I.js} +19 -11
  16. package/dist/{Select-aab027f3.esm--EmXjiL3.js → Select-aab027f3.esm-BKIJGje-.js} +1 -1
  17. package/dist/{Separator-D9moUgP8.js → Separator-B88tj5YD.js} +6 -5
  18. package/dist/{Slider-rz2XRMGm.js → Slider-CyJzC1bp.js} +11 -11
  19. package/dist/{Text-DVSAPY-K.js → Text-DRpwWot2.js} +1 -1
  20. package/dist/{VisuallyHidden-f9zX67a_.js → VisuallyHidden-DsKYcRQ_.js} +2 -2
  21. package/dist/assets/index.css +21 -1
  22. package/dist/assets/style-admin.css +891 -282
  23. package/dist/assets/style-editor.css +891 -282
  24. package/dist/assets/style.css +891 -282
  25. package/dist/assets/wp-font-enhancements.css +1 -1
  26. package/dist/assets/wp-ui-enhancements.css +91 -13
  27. package/dist/components/base-control/base-control.js +1 -1
  28. package/dist/components/button/button.js +5 -5
  29. package/dist/components/checkbox/checkbox.js +9 -9
  30. package/dist/components/color-pickers/color-swatch.js +8 -7
  31. package/dist/components/color-pickers/gradient-editor.js +1 -1
  32. package/dist/components/color-pickers/solid-color-picker.js +16 -16
  33. package/dist/components/component-toggle/component-toggle.js +5 -2
  34. package/dist/components/draggable/draggable.js +2049 -1277
  35. package/dist/components/draggable-list/draggable-list.js +1 -1
  36. package/dist/components/expandable/expandable.js +7 -7
  37. package/dist/components/input-field/input-field.js +7 -7
  38. package/dist/components/link-input/link-input.js +16 -18
  39. package/dist/components/menu/menu.js +2 -2
  40. package/dist/components/modal/modal.js +5 -5
  41. package/dist/components/number-picker/number-picker.js +9 -9
  42. package/dist/components/options-panel/options-panel.js +1 -1
  43. package/dist/components/popover/popover.js +1 -1
  44. package/dist/components/radio/radio.js +13 -13
  45. package/dist/components/repeater/repeater.js +1 -1
  46. package/dist/components/responsive/mini-responsive.js +3 -3
  47. package/dist/components/responsive/responsive-legacy.js +3 -3
  48. package/dist/components/responsive/responsive.js +6 -3
  49. package/dist/components/select/async-multi-select.js +3 -3
  50. package/dist/components/select/async-single-select.js +2 -2
  51. package/dist/components/select/custom-select-default-components.js +1 -1
  52. package/dist/components/select/multi-select-components.js +1 -1
  53. package/dist/components/select/multi-select.js +3 -3
  54. package/dist/components/select/react-select-component-wrappers.js +1 -1
  55. package/dist/components/select/single-select.js +2 -2
  56. package/dist/components/select/v2/async-select.js +8 -8
  57. package/dist/components/select/v2/shared.js +2 -2
  58. package/dist/components/select/v2/single-select.js +19 -18
  59. package/dist/components/slider/column-config-slider.js +2 -2
  60. package/dist/components/slider/slider.js +6 -4
  61. package/dist/components/slider/utils.js +11 -1
  62. package/dist/components/tabs/tabs.js +16 -14
  63. package/dist/components/toggle/switch.js +8 -7
  64. package/dist/components/toggle/toggle.js +1 -1
  65. package/dist/components/toggle-button/toggle-button.js +27 -8
  66. package/dist/components/tooltip/tooltip.js +6 -4
  67. package/dist/{context-D2KUdwNL.js → context-BYWrbm1z.js} +1 -1
  68. package/dist/{index-641ee5b8.esm-BPz6U6sJ.js → index-641ee5b8.esm-BPU8rMZr.js} +5 -5
  69. package/dist/index-CFozsmNS.js +28321 -0
  70. package/dist/{index-BKGQ6jGS.js → index-wl5606BX.js} +1 -1
  71. package/dist/{multi-select-components-BlZZoNXC.js → multi-select-components-Sp-JEFEX.js} +1 -1
  72. package/dist/{react-select-async.esm-CwUoej5h.js → react-select-async.esm-D937XTWW.js} +3 -3
  73. package/dist/{react-select.esm-DcwYxadV.js → react-select.esm-Ciai3aKf.js} +3 -3
  74. package/dist/{textSelection-0UUS8Yfg.js → textSelection-CCcyjiRP.js} +1 -1
  75. package/dist/{useButton-BpOKDWEN.js → useButton-BOHxkGQF.js} +6 -27
  76. package/dist/{useEvent-B0b-6KBr.js → useEvent-D5o_CqDH.js} +1 -1
  77. package/dist/{useFocusRing-CV5l3lf6.js → useFocusRing-nMG2uzxS.js} +5 -5
  78. package/dist/{useFormReset-C5OggHsw.js → useFormReset-DlmRL87g.js} +1 -1
  79. package/dist/{useFormValidation-DhDNSjws.js → useFormValidation-D0_aaK-e.js} +2 -2
  80. package/dist/{useHover-DwDr6ozG.js → useHover-VO5tcIli.js} +58 -68
  81. package/dist/{useLabel-D7HkNEHT.js → useLabel-BKH4fVA4.js} +3 -3
  82. package/dist/{useLabels-D8cxd1Z8.js → useLabels-ntF3rFY0.js} +1 -1
  83. package/dist/{useListState-UGlN5-7P.js → useListState-Cq2Nvr-v.js} +1 -1
  84. package/dist/{useLocalizedStringFormatter-CFP1YZWQ.js → useLocalizedStringFormatter-CGzwx1a0.js} +1 -1
  85. package/dist/{useNumberField-CEAj7Mrj.js → useNumberField-C9dmERhP.js} +14 -11
  86. package/dist/{useNumberFormatter-321rAb4J.js → useNumberFormatter-MrRLgvhj.js} +1 -1
  87. package/dist/{usePress-DNW8qpY6.js → usePress-DjNo5790.js} +36 -23
  88. package/dist/{useSingleSelectListState-DC0wWTUM.js → useSingleSelectListState--r3AAhRj.js} +2 -2
  89. package/dist/{useToggle-BrpmSOB-.js → useToggle-CQaXLe-O.js} +5 -5
  90. package/dist/{useToggleState-CmQX3SoX.js → useToggleState-C3DLdez5.js} +1 -1
  91. package/dist/utilities/es-dash.js +6 -0
  92. package/dist/{utils-DkCSC521.js → utils-B94NDG0v.js} +1 -1
  93. package/package.json +101 -101
  94. package/dist/index-BYHhzLf-.js +0 -444
@@ -1,4 +1,77 @@
1
- /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
2
+ @layer properties {
3
+ @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
+ *, :before, :after, ::backdrop {
5
+ --tw-translate-x: 0;
6
+ --tw-translate-y: 0;
7
+ --tw-translate-z: 0;
8
+ --tw-scale-x: 1;
9
+ --tw-scale-y: 1;
10
+ --tw-scale-z: 1;
11
+ --tw-space-y-reverse: 0;
12
+ --tw-space-x-reverse: 0;
13
+ --tw-divide-y-reverse: 0;
14
+ --tw-border-style: solid;
15
+ --tw-gradient-position: initial;
16
+ --tw-gradient-from: #0000;
17
+ --tw-gradient-via: #0000;
18
+ --tw-gradient-to: #0000;
19
+ --tw-gradient-stops: initial;
20
+ --tw-gradient-via-stops: initial;
21
+ --tw-gradient-from-position: 0%;
22
+ --tw-gradient-via-position: 50%;
23
+ --tw-gradient-to-position: 100%;
24
+ --tw-leading: initial;
25
+ --tw-font-weight: initial;
26
+ --tw-tracking: initial;
27
+ --tw-ordinal: initial;
28
+ --tw-slashed-zero: initial;
29
+ --tw-numeric-figure: initial;
30
+ --tw-numeric-spacing: initial;
31
+ --tw-numeric-fraction: initial;
32
+ --tw-shadow: 0 0 #0000;
33
+ --tw-shadow-color: initial;
34
+ --tw-shadow-alpha: 100%;
35
+ --tw-inset-shadow: 0 0 #0000;
36
+ --tw-inset-shadow-color: initial;
37
+ --tw-inset-shadow-alpha: 100%;
38
+ --tw-ring-color: initial;
39
+ --tw-ring-shadow: 0 0 #0000;
40
+ --tw-inset-ring-color: initial;
41
+ --tw-inset-ring-shadow: 0 0 #0000;
42
+ --tw-ring-inset: initial;
43
+ --tw-ring-offset-width: 0px;
44
+ --tw-ring-offset-color: #fff;
45
+ --tw-ring-offset-shadow: 0 0 #0000;
46
+ --tw-blur: initial;
47
+ --tw-brightness: initial;
48
+ --tw-contrast: initial;
49
+ --tw-grayscale: initial;
50
+ --tw-hue-rotate: initial;
51
+ --tw-invert: initial;
52
+ --tw-opacity: initial;
53
+ --tw-saturate: initial;
54
+ --tw-sepia: initial;
55
+ --tw-drop-shadow: initial;
56
+ --tw-drop-shadow-color: initial;
57
+ --tw-drop-shadow-alpha: 100%;
58
+ --tw-drop-shadow-size: initial;
59
+ --tw-backdrop-blur: initial;
60
+ --tw-backdrop-brightness: initial;
61
+ --tw-backdrop-contrast: initial;
62
+ --tw-backdrop-grayscale: initial;
63
+ --tw-backdrop-hue-rotate: initial;
64
+ --tw-backdrop-invert: initial;
65
+ --tw-backdrop-opacity: initial;
66
+ --tw-backdrop-saturate: initial;
67
+ --tw-backdrop-sepia: initial;
68
+ --tw-duration: initial;
69
+ --tw-ease: initial;
70
+ --tw-content: "";
71
+ }
72
+ }
73
+ }
74
+
2
75
  :root, :host {
3
76
  --es-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4
77
  --es-font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@@ -28,132 +101,135 @@
28
101
  --es-color-accent-800: var(--es-color-teal-800);
29
102
  --es-color-accent-900: var(--es-color-teal-900);
30
103
  --es-color-accent-950: var(--es-color-teal-950);
31
- --es-color-red-50: oklch(.971 .013 17.38);
32
- --es-color-red-100: oklch(.936 .032 17.717);
33
- --es-color-red-200: oklch(.885 .062 18.334);
34
- --es-color-red-400: oklch(.704 .191 22.216);
35
- --es-color-red-500: oklch(.637 .237 25.331);
36
- --es-color-red-600: oklch(.577 .245 27.325);
37
- --es-color-red-700: oklch(.505 .213 27.518);
38
- --es-color-red-800: oklch(.444 .177 26.899);
39
- --es-color-red-900: oklch(.396 .141 25.723);
40
- --es-color-red-950: oklch(.258 .092 26.042);
41
- --es-color-orange-500: oklch(.705 .213 47.604);
42
- --es-color-amber-50: oklch(.987 .022 95.277);
43
- --es-color-amber-100: oklch(.962 .059 95.617);
44
- --es-color-amber-200: oklch(.924 .12 95.746);
45
- --es-color-amber-300: oklch(.879 .169 91.605);
46
- --es-color-amber-400: oklch(.828 .189 84.429);
47
- --es-color-amber-500: oklch(.769 .188 70.08);
48
- --es-color-amber-600: oklch(.666 .179 58.318);
49
- --es-color-amber-700: oklch(.555 .163 48.998);
50
- --es-color-amber-800: oklch(.473 .137 46.201);
51
- --es-color-amber-900: oklch(.414 .112 45.904);
52
- --es-color-amber-950: oklch(.279 .077 45.635);
53
- --es-color-yellow-400: oklch(.852 .199 91.936);
54
- --es-color-yellow-500: oklch(.795 .184 86.047);
55
- --es-color-lime-500: oklch(.768 .233 130.85);
56
- --es-color-green-50: oklch(.982 .018 155.826);
57
- --es-color-green-100: oklch(.962 .044 156.743);
58
- --es-color-green-200: oklch(.925 .084 155.995);
59
- --es-color-green-300: oklch(.871 .15 154.449);
60
- --es-color-green-400: oklch(.792 .209 151.711);
61
- --es-color-green-500: oklch(.723 .219 149.579);
62
- --es-color-green-600: oklch(.627 .194 149.214);
63
- --es-color-green-700: oklch(.527 .154 150.069);
64
- --es-color-green-800: oklch(.448 .119 151.328);
65
- --es-color-green-900: oklch(.393 .095 152.535);
66
- --es-color-green-950: oklch(.266 .065 152.934);
67
- --es-color-teal-50: oklch(.984 .014 180.72);
68
- --es-color-teal-100: oklch(.953 .051 180.801);
69
- --es-color-teal-400: oklch(.777 .152 181.912);
70
- --es-color-teal-500: oklch(.704 .14 182.503);
71
- --es-color-teal-600: oklch(.6 .118 184.704);
72
- --es-color-teal-700: oklch(.511 .096 186.391);
73
- --es-color-teal-800: oklch(.437 .078 188.216);
74
- --es-color-teal-900: oklch(.386 .063 188.416);
75
- --es-color-teal-950: oklch(.277 .046 192.524);
76
- --es-color-cyan-500: oklch(.715 .143 215.221);
77
- --es-color-sky-400: oklch(.746 .16 232.661);
78
- --es-color-blue-50: oklch(.97 .014 254.604);
79
- --es-color-blue-100: oklch(.932 .032 255.585);
80
- --es-color-blue-200: oklch(.882 .059 254.128);
81
- --es-color-blue-300: oklch(.809 .105 251.813);
82
- --es-color-blue-400: oklch(.707 .165 254.624);
83
- --es-color-blue-500: oklch(.623 .214 259.815);
84
- --es-color-blue-600: oklch(.546 .245 262.881);
85
- --es-color-blue-700: oklch(.488 .243 264.376);
86
- --es-color-blue-800: oklch(.424 .199 265.638);
87
- --es-color-blue-900: oklch(.379 .146 265.522);
88
- --es-color-blue-950: oklch(.282 .091 267.935);
89
- --es-color-indigo-500: oklch(.585 .233 277.117);
90
- --es-color-violet-50: oklch(.969 .016 293.756);
91
- --es-color-violet-100: oklch(.943 .029 294.588);
92
- --es-color-violet-200: oklch(.894 .057 293.283);
93
- --es-color-violet-300: oklch(.811 .111 293.571);
94
- --es-color-violet-400: oklch(.702 .183 293.541);
95
- --es-color-violet-500: oklch(.606 .25 292.717);
96
- --es-color-violet-600: oklch(.541 .281 293.009);
97
- --es-color-violet-700: oklch(.491 .27 292.581);
98
- --es-color-violet-800: oklch(.432 .232 292.759);
99
- --es-color-violet-900: oklch(.38 .189 293.745);
100
- --es-color-violet-950: oklch(.283 .141 291.089);
101
- --es-color-purple-50: oklch(.977 .014 308.299);
102
- --es-color-fuchsia-500: oklch(.667 .295 322.15);
103
- --es-color-slate-50: oklch(.984 .003 247.858);
104
- --es-color-slate-100: oklch(.968 .007 247.896);
105
- --es-color-slate-200: oklch(.929 .013 255.508);
106
- --es-color-slate-300: oklch(.869 .022 252.894);
107
- --es-color-slate-400: oklch(.704 .04 256.788);
108
- --es-color-slate-500: oklch(.554 .046 257.417);
109
- --es-color-slate-600: oklch(.446 .043 257.281);
110
- --es-color-slate-700: oklch(.372 .044 257.287);
111
- --es-color-slate-800: oklch(.279 .041 260.031);
112
- --es-color-slate-900: oklch(.208 .042 265.755);
113
- --es-color-slate-950: oklch(.129 .042 264.695);
114
- --es-color-gray-50: oklch(.985 .002 247.839);
115
- --es-color-gray-100: oklch(.967 .003 264.542);
116
- --es-color-gray-200: oklch(.928 .006 264.531);
117
- --es-color-gray-300: oklch(.872 .01 258.338);
118
- --es-color-gray-400: oklch(.707 .022 261.325);
119
- --es-color-gray-500: oklch(.551 .027 264.364);
120
- --es-color-gray-600: oklch(.446 .03 256.802);
121
- --es-color-gray-700: oklch(.373 .034 259.733);
122
- --es-color-gray-800: oklch(.278 .033 256.848);
123
- --es-color-gray-900: oklch(.21 .034 264.665);
124
- --es-color-gray-950: oklch(.13 .028 261.692);
125
- --es-color-zinc-50: oklch(.985 0 0);
126
- --es-color-zinc-100: oklch(.967 .001 286.375);
127
- --es-color-zinc-200: oklch(.92 .004 286.32);
128
- --es-color-zinc-300: oklch(.871 .006 286.286);
129
- --es-color-zinc-400: oklch(.705 .015 286.067);
130
- --es-color-zinc-500: oklch(.552 .016 285.938);
131
- --es-color-zinc-600: oklch(.442 .017 285.786);
132
- --es-color-zinc-700: oklch(.37 .013 285.805);
133
- --es-color-zinc-800: oklch(.274 .006 286.033);
134
- --es-color-zinc-900: oklch(.21 .006 285.885);
135
- --es-color-neutral-50: oklch(.985 0 0);
136
- --es-color-neutral-100: oklch(.97 0 0);
137
- --es-color-neutral-200: oklch(.922 0 0);
138
- --es-color-neutral-300: oklch(.87 0 0);
139
- --es-color-neutral-400: oklch(.708 0 0);
140
- --es-color-neutral-500: oklch(.556 0 0);
141
- --es-color-neutral-600: oklch(.439 0 0);
142
- --es-color-neutral-700: oklch(.371 0 0);
143
- --es-color-neutral-800: oklch(.269 0 0);
144
- --es-color-neutral-900: oklch(.205 0 0);
145
- --es-color-neutral-950: oklch(.145 0 0);
146
- --es-color-stone-50: oklch(.985 .001 106.423);
147
- --es-color-stone-100: oklch(.97 .001 106.424);
148
- --es-color-stone-200: oklch(.923 .003 48.717);
149
- --es-color-stone-300: oklch(.869 .005 56.366);
150
- --es-color-stone-400: oklch(.709 .01 56.259);
151
- --es-color-stone-500: oklch(.553 .013 58.071);
152
- --es-color-stone-600: oklch(.444 .011 73.639);
153
- --es-color-stone-700: oklch(.374 .01 67.558);
154
- --es-color-stone-800: oklch(.268 .007 34.298);
155
- --es-color-stone-900: oklch(.216 .006 56.043);
156
- --es-color-stone-950: oklch(.147 .004 49.25);
104
+ --es-color-red-50: oklch(97.1% .013 17.38);
105
+ --es-color-red-100: oklch(93.6% .032 17.717);
106
+ --es-color-red-200: oklch(88.5% .062 18.334);
107
+ --es-color-red-400: oklch(70.4% .191 22.216);
108
+ --es-color-red-500: oklch(63.7% .237 25.331);
109
+ --es-color-red-600: oklch(57.7% .245 27.325);
110
+ --es-color-red-700: oklch(50.5% .213 27.518);
111
+ --es-color-red-800: oklch(44.4% .177 26.899);
112
+ --es-color-red-900: oklch(39.6% .141 25.723);
113
+ --es-color-red-950: oklch(25.8% .092 26.042);
114
+ --es-color-orange-500: oklch(70.5% .213 47.604);
115
+ --es-color-amber-50: oklch(98.7% .022 95.277);
116
+ --es-color-amber-100: oklch(96.2% .059 95.617);
117
+ --es-color-amber-200: oklch(92.4% .12 95.746);
118
+ --es-color-amber-300: oklch(87.9% .169 91.605);
119
+ --es-color-amber-400: oklch(82.8% .189 84.429);
120
+ --es-color-amber-500: oklch(76.9% .188 70.08);
121
+ --es-color-amber-600: oklch(66.6% .179 58.318);
122
+ --es-color-amber-700: oklch(55.5% .163 48.998);
123
+ --es-color-amber-800: oklch(47.3% .137 46.201);
124
+ --es-color-amber-900: oklch(41.4% .112 45.904);
125
+ --es-color-amber-950: oklch(27.9% .077 45.635);
126
+ --es-color-yellow-400: oklch(85.2% .199 91.936);
127
+ --es-color-yellow-500: oklch(79.5% .184 86.047);
128
+ --es-color-lime-500: oklch(76.8% .233 130.85);
129
+ --es-color-green-50: oklch(98.2% .018 155.826);
130
+ --es-color-green-100: oklch(96.2% .044 156.743);
131
+ --es-color-green-200: oklch(92.5% .084 155.995);
132
+ --es-color-green-300: oklch(87.1% .15 154.449);
133
+ --es-color-green-400: oklch(79.2% .209 151.711);
134
+ --es-color-green-500: oklch(72.3% .219 149.579);
135
+ --es-color-green-600: oklch(62.7% .194 149.214);
136
+ --es-color-green-700: oklch(52.7% .154 150.069);
137
+ --es-color-green-800: oklch(44.8% .119 151.328);
138
+ --es-color-green-900: oklch(39.3% .095 152.535);
139
+ --es-color-green-950: oklch(26.6% .065 152.934);
140
+ --es-color-teal-50: oklch(98.4% .014 180.72);
141
+ --es-color-teal-100: oklch(95.3% .051 180.801);
142
+ --es-color-teal-200: oklch(91% .096 180.426);
143
+ --es-color-teal-300: oklch(85.5% .138 181.071);
144
+ --es-color-teal-400: oklch(77.7% .152 181.912);
145
+ --es-color-teal-500: oklch(70.4% .14 182.503);
146
+ --es-color-teal-600: oklch(60% .118 184.704);
147
+ --es-color-teal-700: oklch(51.1% .096 186.391);
148
+ --es-color-teal-800: oklch(43.7% .078 188.216);
149
+ --es-color-teal-900: oklch(38.6% .063 188.416);
150
+ --es-color-teal-950: oklch(27.7% .046 192.524);
151
+ --es-color-cyan-500: oklch(71.5% .143 215.221);
152
+ --es-color-sky-400: oklch(74.6% .16 232.661);
153
+ --es-color-blue-50: oklch(97% .014 254.604);
154
+ --es-color-blue-100: oklch(93.2% .032 255.585);
155
+ --es-color-blue-200: oklch(88.2% .059 254.128);
156
+ --es-color-blue-300: oklch(80.9% .105 251.813);
157
+ --es-color-blue-400: oklch(70.7% .165 254.624);
158
+ --es-color-blue-500: oklch(62.3% .214 259.815);
159
+ --es-color-blue-600: oklch(54.6% .245 262.881);
160
+ --es-color-blue-700: oklch(48.8% .243 264.376);
161
+ --es-color-blue-800: oklch(42.4% .199 265.638);
162
+ --es-color-blue-900: oklch(37.9% .146 265.522);
163
+ --es-color-blue-950: oklch(28.2% .091 267.935);
164
+ --es-color-indigo-500: oklch(58.5% .233 277.117);
165
+ --es-color-violet-50: oklch(96.9% .016 293.756);
166
+ --es-color-violet-100: oklch(94.3% .029 294.588);
167
+ --es-color-violet-200: oklch(89.4% .057 293.283);
168
+ --es-color-violet-300: oklch(81.1% .111 293.571);
169
+ --es-color-violet-400: oklch(70.2% .183 293.541);
170
+ --es-color-violet-500: oklch(60.6% .25 292.717);
171
+ --es-color-violet-600: oklch(54.1% .281 293.009);
172
+ --es-color-violet-700: oklch(49.1% .27 292.581);
173
+ --es-color-violet-800: oklch(43.2% .232 292.759);
174
+ --es-color-violet-900: oklch(38% .189 293.745);
175
+ --es-color-violet-950: oklch(28.3% .141 291.089);
176
+ --es-color-purple-50: oklch(97.7% .014 308.299);
177
+ --es-color-fuchsia-500: oklch(66.7% .295 322.15);
178
+ --es-color-slate-50: oklch(98.4% .003 247.858);
179
+ --es-color-slate-100: oklch(96.8% .007 247.896);
180
+ --es-color-slate-200: oklch(92.9% .013 255.508);
181
+ --es-color-slate-300: oklch(86.9% .022 252.894);
182
+ --es-color-slate-400: oklch(70.4% .04 256.788);
183
+ --es-color-slate-500: oklch(55.4% .046 257.417);
184
+ --es-color-slate-600: oklch(44.6% .043 257.281);
185
+ --es-color-slate-700: oklch(37.2% .044 257.287);
186
+ --es-color-slate-800: oklch(27.9% .041 260.031);
187
+ --es-color-slate-900: oklch(20.8% .042 265.755);
188
+ --es-color-slate-950: oklch(12.9% .042 264.695);
189
+ --es-color-gray-50: oklch(98.5% .002 247.839);
190
+ --es-color-gray-100: oklch(96.7% .003 264.542);
191
+ --es-color-gray-200: oklch(92.8% .006 264.531);
192
+ --es-color-gray-300: oklch(87.2% .01 258.338);
193
+ --es-color-gray-400: oklch(70.7% .022 261.325);
194
+ --es-color-gray-500: oklch(55.1% .027 264.364);
195
+ --es-color-gray-600: oklch(44.6% .03 256.802);
196
+ --es-color-gray-700: oklch(37.3% .034 259.733);
197
+ --es-color-gray-800: oklch(27.8% .033 256.848);
198
+ --es-color-gray-900: oklch(21% .034 264.665);
199
+ --es-color-gray-950: oklch(13% .028 261.692);
200
+ --es-color-zinc-50: oklch(98.5% 0 0);
201
+ --es-color-zinc-100: oklch(96.7% .001 286.375);
202
+ --es-color-zinc-200: oklch(92% .004 286.32);
203
+ --es-color-zinc-300: oklch(87.1% .006 286.286);
204
+ --es-color-zinc-400: oklch(70.5% .015 286.067);
205
+ --es-color-zinc-500: oklch(55.2% .016 285.938);
206
+ --es-color-zinc-600: oklch(44.2% .017 285.786);
207
+ --es-color-zinc-700: oklch(37% .013 285.805);
208
+ --es-color-zinc-800: oklch(27.4% .006 286.033);
209
+ --es-color-zinc-900: oklch(21% .006 285.885);
210
+ --es-color-zinc-950: oklch(14.1% .005 285.823);
211
+ --es-color-neutral-50: oklch(98.5% 0 0);
212
+ --es-color-neutral-100: oklch(97% 0 0);
213
+ --es-color-neutral-200: oklch(92.2% 0 0);
214
+ --es-color-neutral-300: oklch(87% 0 0);
215
+ --es-color-neutral-400: oklch(70.8% 0 0);
216
+ --es-color-neutral-500: oklch(55.6% 0 0);
217
+ --es-color-neutral-600: oklch(43.9% 0 0);
218
+ --es-color-neutral-700: oklch(37.1% 0 0);
219
+ --es-color-neutral-800: oklch(26.9% 0 0);
220
+ --es-color-neutral-900: oklch(20.5% 0 0);
221
+ --es-color-neutral-950: oklch(14.5% 0 0);
222
+ --es-color-stone-50: oklch(98.5% .001 106.423);
223
+ --es-color-stone-100: oklch(97% .001 106.424);
224
+ --es-color-stone-200: oklch(92.3% .003 48.717);
225
+ --es-color-stone-300: oklch(86.9% .005 56.366);
226
+ --es-color-stone-400: oklch(70.9% .01 56.259);
227
+ --es-color-stone-500: oklch(55.3% .013 58.071);
228
+ --es-color-stone-600: oklch(44.4% .011 73.639);
229
+ --es-color-stone-700: oklch(37.4% .01 67.558);
230
+ --es-color-stone-800: oklch(26.8% .007 34.298);
231
+ --es-color-stone-900: oklch(21.6% .006 56.043);
232
+ --es-color-stone-950: oklch(14.7% .004 49.25);
157
233
  --es-color-black: #000;
158
234
  --es-color-white: #fff;
159
235
  --es-spacing: .25rem;
@@ -177,10 +253,13 @@
177
253
  --es-radius-xl: .75rem;
178
254
  --es-drop-shadow-sm: 0 1px 2px #00000026;
179
255
  --es-animate-spin: spin 1s linear infinite;
256
+ --es-blur-xs: 4px;
180
257
  --es-blur-lg: 16px;
181
258
  --es-blur-3xl: 64px;
182
259
  --es-aspect-video: 16 / 9;
183
260
  --es-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
261
+ --es-default-font-family: var(--es-font-sans);
262
+ --es-default-mono-font-family: var(--es-font-mono);
184
263
  }
185
264
 
186
265
  .es-uic-theme-green {
@@ -308,16 +387,12 @@
308
387
  -webkit-text-size-adjust: 100%;
309
388
  tab-size: 4;
310
389
  line-height: 1.5;
311
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
312
- font-feature-settings: var(--default-font-feature-settings, normal);
313
- font-variation-settings: var(--default-font-variation-settings, normal);
390
+ font-family: var(--es-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
391
+ font-feature-settings: var(--es-default-font-feature-settings, normal);
392
+ font-variation-settings: var(--es-default-font-variation-settings, normal);
314
393
  -webkit-tap-highlight-color: transparent;
315
394
  }
316
395
 
317
- :where(.es\:css-reset) body {
318
- line-height: inherit;
319
- }
320
-
321
396
  :where(.es\:css-reset) hr {
322
397
  height: 0;
323
398
  color: inherit;
@@ -347,9 +422,9 @@
347
422
  }
348
423
 
349
424
  :where(.es\:css-reset) code, :where(.es\:css-reset) kbd, :where(.es\:css-reset) samp, :where(.es\:css-reset) pre {
350
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
351
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
352
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
425
+ font-family: var(--es-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
426
+ font-feature-settings: var(--es-default-mono-font-feature-settings, normal);
427
+ font-variation-settings: var(--es-default-mono-font-variation-settings, normal);
353
428
  font-size: 1em;
354
429
  }
355
430
 
@@ -440,7 +515,18 @@
440
515
 
441
516
  :where(.es\:css-reset) ::placeholder {
442
517
  opacity: 1;
443
- color: color-mix(in oklab, currentColor 50%, transparent);
518
+ }
519
+
520
+ @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
521
+ :where(.es\:css-reset) ::placeholder {
522
+ color: currentColor;
523
+ }
524
+
525
+ @supports (color: color-mix(in lab, red, red)) {
526
+ :where(.es\:css-reset) ::placeholder {
527
+ color: color-mix(in oklab, currentcolor 50%, transparent);
528
+ }
529
+ }
444
530
  }
445
531
 
446
532
  :where(.es\:css-reset) textarea {
@@ -1709,12 +1795,14 @@
1709
1795
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1710
1796
  }
1711
1797
 
1712
- :where(:is(body, body #wpwrap) .es\:divide-secondary-200 > :not(:last-child)) {
1798
+ :where(:is(body, body #wpwrap) .es\:divide-secondary-200 > :not(:last-child)), :where(:is(body, body #wpwrap) .es\:divide-secondary-200\/75 > :not(:last-child)) {
1713
1799
  border-color: var(--es-color-secondary-200);
1714
1800
  }
1715
1801
 
1716
- :where(:is(body, body #wpwrap) .es\:divide-secondary-200\/75 > :not(:last-child)) {
1717
- border-color: color-mix(in oklab, var(--es-color-secondary-200) 75%, transparent);
1802
+ @supports (color: color-mix(in lab, red, red)) {
1803
+ :where(:is(body, body #wpwrap) .es\:divide-secondary-200\/75 > :not(:last-child)) {
1804
+ border-color: color-mix(in oklab, var(--es-color-secondary-200) 75%, transparent);
1805
+ }
1718
1806
  }
1719
1807
 
1720
1808
  :is(body, body #wpwrap) .es\:place-self-center {
@@ -1818,11 +1906,6 @@
1818
1906
  border-top-right-radius: 3.40282e38px;
1819
1907
  }
1820
1908
 
1821
- :is(body, body #wpwrap) .es\:rounded-t-lg {
1822
- border-top-left-radius: var(--es-radius-lg);
1823
- border-top-right-radius: var(--es-radius-lg);
1824
- }
1825
-
1826
1909
  :is(body, body #wpwrap) .es\:rounded-l-full {
1827
1910
  border-top-left-radius: 3.40282e38px;
1828
1911
  border-bottom-left-radius: 3.40282e38px;
@@ -1848,11 +1931,6 @@
1848
1931
  border-bottom-left-radius: 3.40282e38px;
1849
1932
  }
1850
1933
 
1851
- :is(body, body #wpwrap) .es\:rounded-b-lg {
1852
- border-bottom-right-radius: var(--es-radius-lg);
1853
- border-bottom-left-radius: var(--es-radius-lg);
1854
- }
1855
-
1856
1934
  :is(body, body #wpwrap) .es\:border {
1857
1935
  border-style: var(--tw-border-style);
1858
1936
  border-width: 1px;
@@ -1921,7 +1999,13 @@
1921
1999
  }
1922
2000
 
1923
2001
  :is(body, body #wpwrap) .es\:border-accent-500\/10 {
1924
- border-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
2002
+ border-color: var(--es-color-accent-500);
2003
+ }
2004
+
2005
+ @supports (color: color-mix(in lab, red, red)) {
2006
+ :is(body, body #wpwrap) .es\:border-accent-500\/10 {
2007
+ border-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
2008
+ }
1925
2009
  }
1926
2010
 
1927
2011
  :is(body, body #wpwrap) .es\:border-accent-600 {
@@ -1933,15 +2017,23 @@
1933
2017
  }
1934
2018
 
1935
2019
  :is(body, body #wpwrap) .es\:border-accent-600\/20 {
1936
- border-color: color-mix(in oklab, var(--es-color-accent-600) 20%, transparent);
2020
+ border-color: var(--es-color-accent-600);
2021
+ }
2022
+
2023
+ @supports (color: color-mix(in lab, red, red)) {
2024
+ :is(body, body #wpwrap) .es\:border-accent-600\/20 {
2025
+ border-color: color-mix(in oklab, var(--es-color-accent-600) 20%, transparent);
2026
+ }
1937
2027
  }
1938
2028
 
1939
- :is(body, body #wpwrap) .es\:border-accent-700 {
2029
+ :is(body, body #wpwrap) .es\:border-accent-700, :is(body, body #wpwrap) .es\:border-accent-700\/75 {
1940
2030
  border-color: var(--es-color-accent-700);
1941
2031
  }
1942
2032
 
1943
- :is(body, body #wpwrap) .es\:border-accent-700\/75 {
1944
- border-color: color-mix(in oklab, var(--es-color-accent-700) 75%, transparent);
2033
+ @supports (color: color-mix(in lab, red, red)) {
2034
+ :is(body, body #wpwrap) .es\:border-accent-700\/75 {
2035
+ border-color: color-mix(in oklab, var(--es-color-accent-700) 75%, transparent);
2036
+ }
1945
2037
  }
1946
2038
 
1947
2039
  :is(body, body #wpwrap) .es\:border-amber-500 {
@@ -1977,31 +2069,41 @@
1977
2069
  }
1978
2070
 
1979
2071
  :is(body, body #wpwrap) .es\:border-red-600\/50 {
1980
- border-color: color-mix(in oklab, var(--es-color-red-600) 50%, transparent);
2072
+ border-color: var(--es-color-red-600);
2073
+ }
2074
+
2075
+ @supports (color: color-mix(in lab, red, red)) {
2076
+ :is(body, body #wpwrap) .es\:border-red-600\/50 {
2077
+ border-color: color-mix(in oklab, var(--es-color-red-600) 50%, transparent);
2078
+ }
1981
2079
  }
1982
2080
 
1983
2081
  :is(body, body #wpwrap) .es\:border-secondary-100 {
1984
2082
  border-color: var(--es-color-secondary-100);
1985
2083
  }
1986
2084
 
1987
- :is(body, body #wpwrap) .es\:border-secondary-200 {
2085
+ :is(body, body #wpwrap) .es\:border-secondary-200, :is(body, body #wpwrap) .es\:border-secondary-200\/50 {
1988
2086
  border-color: var(--es-color-secondary-200);
1989
2087
  }
1990
2088
 
1991
- :is(body, body #wpwrap) .es\:border-secondary-200\/50 {
1992
- border-color: color-mix(in oklab, var(--es-color-secondary-200) 50%, transparent);
2089
+ @supports (color: color-mix(in lab, red, red)) {
2090
+ :is(body, body #wpwrap) .es\:border-secondary-200\/50 {
2091
+ border-color: color-mix(in oklab, var(--es-color-secondary-200) 50%, transparent);
2092
+ }
1993
2093
  }
1994
2094
 
1995
- :is(body, body #wpwrap) .es\:border-secondary-300 {
2095
+ :is(body, body #wpwrap) .es\:border-secondary-300, :is(body, body #wpwrap) .es\:border-secondary-300\/0 {
1996
2096
  border-color: var(--es-color-secondary-300);
1997
2097
  }
1998
2098
 
1999
- :is(body, body #wpwrap) .es\:border-secondary-300\/0 {
2000
- border-color: color-mix(in oklab, var(--es-color-secondary-300) 0%, transparent);
2099
+ @supports (color: color-mix(in lab, red, red)) {
2100
+ :is(body, body #wpwrap) .es\:border-secondary-300\/0 {
2101
+ border-color: color-mix(in oklab, var(--es-color-secondary-300) 0%, transparent);
2102
+ }
2001
2103
  }
2002
2104
 
2003
2105
  :is(body, body #wpwrap) .es\:border-secondary-300\/100 {
2004
- border-color: color-mix(in oklab, var(--es-color-secondary-300) 100%, transparent);
2106
+ border-color: var(--es-color-secondary-300);
2005
2107
  }
2006
2108
 
2007
2109
  :is(body, body #wpwrap) .es\:border-secondary-400 {
@@ -2061,43 +2163,83 @@
2061
2163
  }
2062
2164
 
2063
2165
  :is(body, body #wpwrap) .es\:bg-accent-500\/30 {
2064
- background-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
2166
+ background-color: var(--es-color-accent-500);
2167
+ }
2168
+
2169
+ @supports (color: color-mix(in lab, red, red)) {
2170
+ :is(body, body #wpwrap) .es\:bg-accent-500\/30 {
2171
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
2172
+ }
2065
2173
  }
2066
2174
 
2067
2175
  :is(body, body #wpwrap) .es\:bg-accent-500\/75 {
2068
- background-color: color-mix(in oklab, var(--es-color-accent-500) 75%, transparent);
2176
+ background-color: var(--es-color-accent-500);
2069
2177
  }
2070
2178
 
2071
- :is(body, body #wpwrap) .es\:bg-accent-600 {
2179
+ @supports (color: color-mix(in lab, red, red)) {
2180
+ :is(body, body #wpwrap) .es\:bg-accent-500\/75 {
2181
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 75%, transparent);
2182
+ }
2183
+ }
2184
+
2185
+ :is(body, body #wpwrap) .es\:bg-accent-600, :is(body, body #wpwrap) .es\:bg-accent-600\/15 {
2072
2186
  background-color: var(--es-color-accent-600);
2073
2187
  }
2074
2188
 
2075
- :is(body, body #wpwrap) .es\:bg-accent-600\/15 {
2076
- background-color: color-mix(in oklab, var(--es-color-accent-600) 15%, transparent);
2189
+ @supports (color: color-mix(in lab, red, red)) {
2190
+ :is(body, body #wpwrap) .es\:bg-accent-600\/15 {
2191
+ background-color: color-mix(in oklab, var(--es-color-accent-600) 15%, transparent);
2192
+ }
2077
2193
  }
2078
2194
 
2079
2195
  :is(body, body #wpwrap) .es\:bg-accent-700\/25 {
2080
- background-color: color-mix(in oklab, var(--es-color-accent-700) 25%, transparent);
2196
+ background-color: var(--es-color-accent-700);
2197
+ }
2198
+
2199
+ @supports (color: color-mix(in lab, red, red)) {
2200
+ :is(body, body #wpwrap) .es\:bg-accent-700\/25 {
2201
+ background-color: color-mix(in oklab, var(--es-color-accent-700) 25%, transparent);
2202
+ }
2081
2203
  }
2082
2204
 
2083
2205
  :is(body, body #wpwrap) .es\:bg-amber-100\/5 {
2084
- background-color: color-mix(in oklab, var(--es-color-amber-100) 5%, transparent);
2206
+ background-color: var(--es-color-amber-100);
2085
2207
  }
2086
2208
 
2087
- :is(body, body #wpwrap) .es\:bg-black {
2209
+ @supports (color: color-mix(in lab, red, red)) {
2210
+ :is(body, body #wpwrap) .es\:bg-amber-100\/5 {
2211
+ background-color: color-mix(in oklab, var(--es-color-amber-100) 5%, transparent);
2212
+ }
2213
+ }
2214
+
2215
+ :is(body, body #wpwrap) .es\:bg-black, :is(body, body #wpwrap) .es\:bg-black\/25 {
2088
2216
  background-color: var(--es-color-black);
2089
2217
  }
2090
2218
 
2091
- :is(body, body #wpwrap) .es\:bg-black\/25 {
2092
- background-color: color-mix(in oklab, var(--es-color-black) 25%, transparent);
2219
+ @supports (color: color-mix(in lab, red, red)) {
2220
+ :is(body, body #wpwrap) .es\:bg-black\/25 {
2221
+ background-color: color-mix(in oklab, var(--es-color-black) 25%, transparent);
2222
+ }
2093
2223
  }
2094
2224
 
2095
2225
  :is(body, body #wpwrap) .es\:bg-black\/80 {
2096
- background-color: color-mix(in oklab, var(--es-color-black) 80%, transparent);
2226
+ background-color: var(--es-color-black);
2227
+ }
2228
+
2229
+ @supports (color: color-mix(in lab, red, red)) {
2230
+ :is(body, body #wpwrap) .es\:bg-black\/80 {
2231
+ background-color: color-mix(in oklab, var(--es-color-black) 80%, transparent);
2232
+ }
2097
2233
  }
2098
2234
 
2099
2235
  :is(body, body #wpwrap) .es\:bg-blue-100\/5 {
2100
- background-color: color-mix(in oklab, var(--es-color-blue-100) 5%, transparent);
2236
+ background-color: var(--es-color-blue-100);
2237
+ }
2238
+
2239
+ @supports (color: color-mix(in lab, red, red)) {
2240
+ :is(body, body #wpwrap) .es\:bg-blue-100\/5 {
2241
+ background-color: color-mix(in oklab, var(--es-color-blue-100) 5%, transparent);
2242
+ }
2101
2243
  }
2102
2244
 
2103
2245
  :is(body, body #wpwrap) .es\:bg-blue-500 {
@@ -2121,7 +2263,13 @@
2121
2263
  }
2122
2264
 
2123
2265
  :is(body, body #wpwrap) .es\:bg-green-100\/5 {
2124
- background-color: color-mix(in oklab, var(--es-color-green-100) 5%, transparent);
2266
+ background-color: var(--es-color-green-100);
2267
+ }
2268
+
2269
+ @supports (color: color-mix(in lab, red, red)) {
2270
+ :is(body, body #wpwrap) .es\:bg-green-100\/5 {
2271
+ background-color: color-mix(in oklab, var(--es-color-green-100) 5%, transparent);
2272
+ }
2125
2273
  }
2126
2274
 
2127
2275
  :is(body, body #wpwrap) .es\:bg-green-500 {
@@ -2153,7 +2301,13 @@
2153
2301
  }
2154
2302
 
2155
2303
  :is(body, body #wpwrap) .es\:bg-red-100\/5 {
2156
- background-color: color-mix(in oklab, var(--es-color-red-100) 5%, transparent);
2304
+ background-color: var(--es-color-red-100);
2305
+ }
2306
+
2307
+ @supports (color: color-mix(in lab, red, red)) {
2308
+ :is(body, body #wpwrap) .es\:bg-red-100\/5 {
2309
+ background-color: color-mix(in oklab, var(--es-color-red-100) 5%, transparent);
2310
+ }
2157
2311
  }
2158
2312
 
2159
2313
  :is(body, body #wpwrap) .es\:bg-red-500 {
@@ -2168,12 +2322,14 @@
2168
2322
  background-color: var(--es-color-secondary-100);
2169
2323
  }
2170
2324
 
2171
- :is(body, body #wpwrap) .es\:bg-secondary-200 {
2325
+ :is(body, body #wpwrap) .es\:bg-secondary-200, :is(body, body #wpwrap) .es\:bg-secondary-200\/5 {
2172
2326
  background-color: var(--es-color-secondary-200);
2173
2327
  }
2174
2328
 
2175
- :is(body, body #wpwrap) .es\:bg-secondary-200\/5 {
2176
- background-color: color-mix(in oklab, var(--es-color-secondary-200) 5%, transparent);
2329
+ @supports (color: color-mix(in lab, red, red)) {
2330
+ :is(body, body #wpwrap) .es\:bg-secondary-200\/5 {
2331
+ background-color: color-mix(in oklab, var(--es-color-secondary-200) 5%, transparent);
2332
+ }
2177
2333
  }
2178
2334
 
2179
2335
  :is(body, body #wpwrap) .es\:bg-secondary-300 {
@@ -2200,20 +2356,34 @@
2200
2356
  background-color: var(--es-color-violet-50);
2201
2357
  }
2202
2358
 
2203
- :is(body, body #wpwrap) .es\:bg-white {
2359
+ :is(body, body #wpwrap) .es\:bg-white, :is(body, body #wpwrap) .es\:bg-white\/50 {
2204
2360
  background-color: var(--es-color-white);
2205
2361
  }
2206
2362
 
2207
- :is(body, body #wpwrap) .es\:bg-white\/50 {
2208
- background-color: color-mix(in oklab, var(--es-color-white) 50%, transparent);
2363
+ @supports (color: color-mix(in lab, red, red)) {
2364
+ :is(body, body #wpwrap) .es\:bg-white\/50 {
2365
+ background-color: color-mix(in oklab, var(--es-color-white) 50%, transparent);
2366
+ }
2209
2367
  }
2210
2368
 
2211
2369
  :is(body, body #wpwrap) .es\:bg-white\/85 {
2212
- background-color: color-mix(in oklab, var(--es-color-white) 85%, transparent);
2370
+ background-color: var(--es-color-white);
2371
+ }
2372
+
2373
+ @supports (color: color-mix(in lab, red, red)) {
2374
+ :is(body, body #wpwrap) .es\:bg-white\/85 {
2375
+ background-color: color-mix(in oklab, var(--es-color-white) 85%, transparent);
2376
+ }
2213
2377
  }
2214
2378
 
2215
2379
  :is(body, body #wpwrap) .es\:bg-white\/90 {
2216
- background-color: color-mix(in oklab, var(--es-color-white) 90%, transparent);
2380
+ background-color: var(--es-color-white);
2381
+ }
2382
+
2383
+ @supports (color: color-mix(in lab, red, red)) {
2384
+ :is(body, body #wpwrap) .es\:bg-white\/90 {
2385
+ background-color: color-mix(in oklab, var(--es-color-white) 90%, transparent);
2386
+ }
2217
2387
  }
2218
2388
 
2219
2389
  :is(body, body #wpwrap) .es\:bg-yellow-400 {
@@ -2225,42 +2395,95 @@
2225
2395
  }
2226
2396
 
2227
2397
  :is(body, body #wpwrap) .es\:bg-linear-to-b {
2228
- --tw-gradient-position: to bottom in oklab;
2398
+ --tw-gradient-position: to bottom;
2229
2399
  background-image: linear-gradient(var(--tw-gradient-stops));
2230
2400
  }
2231
2401
 
2402
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2403
+ :is(body, body #wpwrap) .es\:bg-linear-to-b {
2404
+ --tw-gradient-position: to bottom in oklab;
2405
+ }
2406
+ }
2407
+
2232
2408
  :is(body, body #wpwrap) .es\:bg-linear-to-bl {
2233
- --tw-gradient-position: to bottom left in oklab;
2409
+ --tw-gradient-position: to bottom left;
2234
2410
  background-image: linear-gradient(var(--tw-gradient-stops));
2235
2411
  }
2236
2412
 
2413
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2414
+ :is(body, body #wpwrap) .es\:bg-linear-to-bl {
2415
+ --tw-gradient-position: to bottom left in oklab;
2416
+ }
2417
+ }
2418
+
2237
2419
  :is(body, body #wpwrap) .es\:bg-linear-to-br {
2238
- --tw-gradient-position: to bottom right in oklab;
2420
+ --tw-gradient-position: to bottom right;
2239
2421
  background-image: linear-gradient(var(--tw-gradient-stops));
2240
2422
  }
2241
2423
 
2424
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2425
+ :is(body, body #wpwrap) .es\:bg-linear-to-br {
2426
+ --tw-gradient-position: to bottom right in oklab;
2427
+ }
2428
+ }
2429
+
2242
2430
  :is(body, body #wpwrap) .es\:bg-linear-to-l {
2243
- --tw-gradient-position: to left in oklab;
2431
+ --tw-gradient-position: to left;
2244
2432
  background-image: linear-gradient(var(--tw-gradient-stops));
2245
2433
  }
2246
2434
 
2435
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2436
+ :is(body, body #wpwrap) .es\:bg-linear-to-l {
2437
+ --tw-gradient-position: to left in oklab;
2438
+ }
2439
+ }
2440
+
2247
2441
  :is(body, body #wpwrap) .es\:bg-linear-to-r {
2248
- --tw-gradient-position: to right in oklab;
2442
+ --tw-gradient-position: to right;
2249
2443
  background-image: linear-gradient(var(--tw-gradient-stops));
2250
2444
  }
2251
2445
 
2446
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2447
+ :is(body, body #wpwrap) .es\:bg-linear-to-r {
2448
+ --tw-gradient-position: to right in oklab;
2449
+ }
2450
+ }
2451
+
2252
2452
  :is(body, body #wpwrap) .es\:bg-linear-to-t {
2253
- --tw-gradient-position: to top in oklab;
2453
+ --tw-gradient-position: to top;
2254
2454
  background-image: linear-gradient(var(--tw-gradient-stops));
2255
2455
  }
2256
2456
 
2457
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2458
+ :is(body, body #wpwrap) .es\:bg-linear-to-t {
2459
+ --tw-gradient-position: to top in oklab;
2460
+ }
2461
+ }
2462
+
2257
2463
  :is(body, body #wpwrap) .es\:bg-linear-to-tl {
2258
- --tw-gradient-position: to top left in oklab;
2464
+ --tw-gradient-position: to top left;
2259
2465
  background-image: linear-gradient(var(--tw-gradient-stops));
2260
2466
  }
2261
2467
 
2468
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2469
+ :is(body, body #wpwrap) .es\:bg-linear-to-tl {
2470
+ --tw-gradient-position: to top left in oklab;
2471
+ }
2472
+ }
2473
+
2262
2474
  :is(body, body #wpwrap) .es\:bg-linear-to-tr {
2263
- --tw-gradient-position: to top right in oklab;
2475
+ --tw-gradient-position: to top right;
2476
+ background-image: linear-gradient(var(--tw-gradient-stops));
2477
+ }
2478
+
2479
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2480
+ :is(body, body #wpwrap) .es\:bg-linear-to-tr {
2481
+ --tw-gradient-position: to top right in oklab;
2482
+ }
2483
+ }
2484
+
2485
+ :is(body, body #wpwrap) .es\:bg-gradient-to-r {
2486
+ --tw-gradient-position: to right in oklab;
2264
2487
  background-image: linear-gradient(var(--tw-gradient-stops));
2265
2488
  }
2266
2489
 
@@ -2287,6 +2510,11 @@
2287
2510
  background-image: radial-gradient(var(--tw-gradient-stops));
2288
2511
  }
2289
2512
 
2513
+ :is(body, body #wpwrap) .es\:from-accent-100 {
2514
+ --tw-gradient-from: var(--es-color-accent-100);
2515
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2516
+ }
2517
+
2290
2518
  :is(body, body #wpwrap) .es\:from-accent-500 {
2291
2519
  --tw-gradient-from: var(--es-color-accent-500);
2292
2520
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2298,15 +2526,21 @@
2298
2526
  }
2299
2527
 
2300
2528
  :is(body, body #wpwrap) .es\:from-current {
2301
- --tw-gradient-from: currentColor;
2529
+ --tw-gradient-from: currentcolor;
2302
2530
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2303
2531
  }
2304
2532
 
2305
2533
  :is(body, body #wpwrap) .es\:from-red-50\/75 {
2306
- --tw-gradient-from: color-mix(in oklab, var(--es-color-red-50) 75%, transparent);
2534
+ --tw-gradient-from: var(--es-color-red-50);
2307
2535
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2308
2536
  }
2309
2537
 
2538
+ @supports (color: color-mix(in lab, red, red)) {
2539
+ :is(body, body #wpwrap) .es\:from-red-50\/75 {
2540
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-red-50) 75%, transparent);
2541
+ }
2542
+ }
2543
+
2310
2544
  :is(body, body #wpwrap) .es\:from-secondary-50 {
2311
2545
  --tw-gradient-from: var(--es-color-secondary-50);
2312
2546
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2336,14 +2570,15 @@
2336
2570
  --tw-gradient-from-position: 40%;
2337
2571
  }
2338
2572
 
2339
- :is(body, body #wpwrap) .es\:to-accent-500 {
2573
+ :is(body, body #wpwrap) .es\:to-accent-500, :is(body, body #wpwrap) .es\:to-accent-500\/30 {
2340
2574
  --tw-gradient-to: var(--es-color-accent-500);
2341
2575
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2342
2576
  }
2343
2577
 
2344
- :is(body, body #wpwrap) .es\:to-accent-500\/30 {
2345
- --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
2346
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2578
+ @supports (color: color-mix(in lab, red, red)) {
2579
+ :is(body, body #wpwrap) .es\:to-accent-500\/30 {
2580
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
2581
+ }
2347
2582
  }
2348
2583
 
2349
2584
  :is(body, body #wpwrap) .es\:to-accent-600 {
@@ -2746,12 +2981,14 @@
2746
2981
  color: var(--es-color-amber-900);
2747
2982
  }
2748
2983
 
2749
- :is(body, body #wpwrap) .es\:text-amber-950 {
2984
+ :is(body, body #wpwrap) .es\:text-amber-950, :is(body, body #wpwrap) .es\:text-amber-950\/60 {
2750
2985
  color: var(--es-color-amber-950);
2751
2986
  }
2752
2987
 
2753
- :is(body, body #wpwrap) .es\:text-amber-950\/60 {
2754
- color: color-mix(in oklab, var(--es-color-amber-950) 60%, transparent);
2988
+ @supports (color: color-mix(in lab, red, red)) {
2989
+ :is(body, body #wpwrap) .es\:text-amber-950\/60 {
2990
+ color: color-mix(in oklab, var(--es-color-amber-950) 60%, transparent);
2991
+ }
2755
2992
  }
2756
2993
 
2757
2994
  :is(body, body #wpwrap) .es\:text-black {
@@ -2771,7 +3008,13 @@
2771
3008
  }
2772
3009
 
2773
3010
  :is(body, body #wpwrap) .es\:text-blue-950\/60 {
2774
- color: color-mix(in oklab, var(--es-color-blue-950) 60%, transparent);
3011
+ color: var(--es-color-blue-950);
3012
+ }
3013
+
3014
+ @supports (color: color-mix(in lab, red, red)) {
3015
+ :is(body, body #wpwrap) .es\:text-blue-950\/60 {
3016
+ color: color-mix(in oklab, var(--es-color-blue-950) 60%, transparent);
3017
+ }
2775
3018
  }
2776
3019
 
2777
3020
  :is(body, body #wpwrap) .es\:text-cyan-500 {
@@ -2786,12 +3029,14 @@
2786
3029
  color: var(--es-color-gray-400);
2787
3030
  }
2788
3031
 
2789
- :is(body, body #wpwrap) .es\:text-gray-500 {
3032
+ :is(body, body #wpwrap) .es\:text-gray-500, :is(body, body #wpwrap) .es\:text-gray-500\/80 {
2790
3033
  color: var(--es-color-gray-500);
2791
3034
  }
2792
3035
 
2793
- :is(body, body #wpwrap) .es\:text-gray-500\/80 {
2794
- color: color-mix(in oklab, var(--es-color-gray-500) 80%, transparent);
3036
+ @supports (color: color-mix(in lab, red, red)) {
3037
+ :is(body, body #wpwrap) .es\:text-gray-500\/80 {
3038
+ color: color-mix(in oklab, var(--es-color-gray-500) 80%, transparent);
3039
+ }
2795
3040
  }
2796
3041
 
2797
3042
  :is(body, body #wpwrap) .es\:text-gray-800 {
@@ -2807,7 +3052,13 @@
2807
3052
  }
2808
3053
 
2809
3054
  :is(body, body #wpwrap) .es\:text-green-950\/60 {
2810
- color: color-mix(in oklab, var(--es-color-green-950) 60%, transparent);
3055
+ color: var(--es-color-green-950);
3056
+ }
3057
+
3058
+ @supports (color: color-mix(in lab, red, red)) {
3059
+ :is(body, body #wpwrap) .es\:text-green-950\/60 {
3060
+ color: color-mix(in oklab, var(--es-color-green-950) 60%, transparent);
3061
+ }
2811
3062
  }
2812
3063
 
2813
3064
  :is(body, body #wpwrap) .es\:text-indigo-500 {
@@ -2843,7 +3094,13 @@
2843
3094
  }
2844
3095
 
2845
3096
  :is(body, body #wpwrap) .es\:text-red-950\/60 {
2846
- color: color-mix(in oklab, var(--es-color-red-950) 60%, transparent);
3097
+ color: var(--es-color-red-950);
3098
+ }
3099
+
3100
+ @supports (color: color-mix(in lab, red, red)) {
3101
+ :is(body, body #wpwrap) .es\:text-red-950\/60 {
3102
+ color: color-mix(in oklab, var(--es-color-red-950) 60%, transparent);
3103
+ }
2847
3104
  }
2848
3105
 
2849
3106
  :is(body, body #wpwrap) .es\:text-secondary-100 {
@@ -2989,17 +3246,17 @@
2989
3246
  }
2990
3247
 
2991
3248
  :is(body, body #wpwrap) .es\:ring-1 {
2992
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3249
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2993
3250
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2994
3251
  }
2995
3252
 
2996
3253
  :is(body, body #wpwrap) .es\:ring-2 {
2997
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3254
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2998
3255
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2999
3256
  }
3000
3257
 
3001
3258
  :is(body, body #wpwrap) .es\:ring-3 {
3002
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3259
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3003
3260
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3004
3261
  }
3005
3262
 
@@ -3009,60 +3266,138 @@
3009
3266
  }
3010
3267
 
3011
3268
  :is(body, body #wpwrap) .es\:inset-ring {
3012
- --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
3269
+ --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
3013
3270
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3014
3271
  }
3015
3272
 
3016
3273
  :is(body, body #wpwrap) .es\:shadow-accent-500\/25 {
3017
- --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-500) 25%, transparent);
3274
+ --tw-shadow-color: var(--es-color-accent-500);
3275
+ }
3276
+
3277
+ @supports (color: color-mix(in lab, red, red)) {
3278
+ :is(body, body #wpwrap) .es\:shadow-accent-500\/25 {
3279
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
3280
+ }
3018
3281
  }
3019
3282
 
3020
3283
  :is(body, body #wpwrap) .es\:shadow-accent-500\/30 {
3021
- --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
3284
+ --tw-shadow-color: var(--es-color-accent-500);
3285
+ }
3286
+
3287
+ @supports (color: color-mix(in lab, red, red)) {
3288
+ :is(body, body #wpwrap) .es\:shadow-accent-500\/30 {
3289
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
3290
+ }
3022
3291
  }
3023
3292
 
3024
3293
  :is(body, body #wpwrap) .es\:shadow-accent-600\/25 {
3025
- --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-600) 25%, transparent);
3294
+ --tw-shadow-color: var(--es-color-accent-600);
3295
+ }
3296
+
3297
+ @supports (color: color-mix(in lab, red, red)) {
3298
+ :is(body, body #wpwrap) .es\:shadow-accent-600\/25 {
3299
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 25%, transparent) var(--tw-shadow-alpha), transparent);
3300
+ }
3026
3301
  }
3027
3302
 
3028
3303
  :is(body, body #wpwrap) .es\:shadow-accent-600\/30 {
3029
- --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-600) 30%, transparent);
3304
+ --tw-shadow-color: var(--es-color-accent-600);
3305
+ }
3306
+
3307
+ @supports (color: color-mix(in lab, red, red)) {
3308
+ :is(body, body #wpwrap) .es\:shadow-accent-600\/30 {
3309
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
3310
+ }
3030
3311
  }
3031
3312
 
3032
3313
  :is(body, body #wpwrap) .es\:shadow-accent-600\/50 {
3033
- --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-600) 50%, transparent);
3314
+ --tw-shadow-color: var(--es-color-accent-600);
3315
+ }
3316
+
3317
+ @supports (color: color-mix(in lab, red, red)) {
3318
+ :is(body, body #wpwrap) .es\:shadow-accent-600\/50 {
3319
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
3320
+ }
3034
3321
  }
3035
3322
 
3036
3323
  :is(body, body #wpwrap) .es\:shadow-accent-900\/60 {
3037
- --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-900) 60%, transparent);
3324
+ --tw-shadow-color: var(--es-color-accent-900);
3325
+ }
3326
+
3327
+ @supports (color: color-mix(in lab, red, red)) {
3328
+ :is(body, body #wpwrap) .es\:shadow-accent-900\/60 {
3329
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-900) 60%, transparent) var(--tw-shadow-alpha), transparent);
3330
+ }
3038
3331
  }
3039
3332
 
3040
3333
  :is(body, body #wpwrap) .es\:shadow-amber-500\/15 {
3041
- --tw-shadow-color: color-mix(in oklab, var(--es-color-amber-500) 15%, transparent);
3334
+ --tw-shadow-color: var(--es-color-amber-500);
3335
+ }
3336
+
3337
+ @supports (color: color-mix(in lab, red, red)) {
3338
+ :is(body, body #wpwrap) .es\:shadow-amber-500\/15 {
3339
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-amber-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3340
+ }
3042
3341
  }
3043
3342
 
3044
3343
  :is(body, body #wpwrap) .es\:shadow-blue-500\/15 {
3045
- --tw-shadow-color: color-mix(in oklab, var(--es-color-blue-500) 15%, transparent);
3344
+ --tw-shadow-color: var(--es-color-blue-500);
3345
+ }
3346
+
3347
+ @supports (color: color-mix(in lab, red, red)) {
3348
+ :is(body, body #wpwrap) .es\:shadow-blue-500\/15 {
3349
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-blue-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3350
+ }
3046
3351
  }
3047
3352
 
3048
3353
  :is(body, body #wpwrap) .es\:shadow-green-500\/15 {
3049
- --tw-shadow-color: color-mix(in oklab, var(--es-color-green-500) 15%, transparent);
3354
+ --tw-shadow-color: var(--es-color-green-500);
3355
+ }
3356
+
3357
+ @supports (color: color-mix(in lab, red, red)) {
3358
+ :is(body, body #wpwrap) .es\:shadow-green-500\/15 {
3359
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-green-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3360
+ }
3050
3361
  }
3051
3362
 
3052
3363
  :is(body, body #wpwrap) .es\:shadow-red-500\/15 {
3053
- --tw-shadow-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
3364
+ --tw-shadow-color: var(--es-color-red-500);
3365
+ }
3366
+
3367
+ @supports (color: color-mix(in lab, red, red)) {
3368
+ :is(body, body #wpwrap) .es\:shadow-red-500\/15 {
3369
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
3370
+ }
3054
3371
  }
3055
3372
 
3056
3373
  :is(body, body #wpwrap) .es\:shadow-red-500\/20 {
3057
- --tw-shadow-color: color-mix(in oklab, var(--es-color-red-500) 20%, transparent);
3374
+ --tw-shadow-color: var(--es-color-red-500);
3375
+ }
3376
+
3377
+ @supports (color: color-mix(in lab, red, red)) {
3378
+ :is(body, body #wpwrap) .es\:shadow-red-500\/20 {
3379
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
3380
+ }
3058
3381
  }
3059
3382
 
3060
3383
  :is(body, body #wpwrap) .es\:shadow-secondary-300\/25 {
3061
- --tw-shadow-color: color-mix(in oklab, var(--es-color-secondary-300) 25%, transparent);
3384
+ --tw-shadow-color: var(--es-color-secondary-300);
3385
+ }
3386
+
3387
+ @supports (color: color-mix(in lab, red, red)) {
3388
+ :is(body, body #wpwrap) .es\:shadow-secondary-300\/25 {
3389
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-300) 25%, transparent) var(--tw-shadow-alpha), transparent);
3390
+ }
3062
3391
  }
3063
3392
 
3064
3393
  :is(body, body #wpwrap) .es\:ring-accent-500\/50 {
3065
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3394
+ --tw-ring-color: var(--es-color-accent-500);
3395
+ }
3396
+
3397
+ @supports (color: color-mix(in lab, red, red)) {
3398
+ :is(body, body #wpwrap) .es\:ring-accent-500\/50 {
3399
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3400
+ }
3066
3401
  }
3067
3402
 
3068
3403
  :is(body, body #wpwrap) .es\:ring-black {
@@ -3070,19 +3405,43 @@
3070
3405
  }
3071
3406
 
3072
3407
  :is(body, body #wpwrap) .es\:inset-shadow-accent-400\/75 {
3073
- --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-accent-400) 75%, transparent);
3408
+ --tw-inset-shadow-color: var(--es-color-accent-400);
3409
+ }
3410
+
3411
+ @supports (color: color-mix(in lab, red, red)) {
3412
+ :is(body, body #wpwrap) .es\:inset-shadow-accent-400\/75 {
3413
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-400) 75%, transparent) var(--tw-inset-shadow-alpha), transparent);
3414
+ }
3074
3415
  }
3075
3416
 
3076
3417
  :is(body, body #wpwrap) .es\:inset-shadow-red-50 {
3077
3418
  --tw-inset-shadow-color: var(--es-color-red-50);
3078
3419
  }
3079
3420
 
3421
+ @supports (color: color-mix(in lab, red, red)) {
3422
+ :is(body, body #wpwrap) .es\:inset-shadow-red-50 {
3423
+ --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-50) var(--tw-inset-shadow-alpha), transparent);
3424
+ }
3425
+ }
3426
+
3080
3427
  :is(body, body #wpwrap) .es\:inset-shadow-secondary-100 {
3081
3428
  --tw-inset-shadow-color: var(--es-color-secondary-100);
3082
3429
  }
3083
3430
 
3431
+ @supports (color: color-mix(in lab, red, red)) {
3432
+ :is(body, body #wpwrap) .es\:inset-shadow-secondary-100 {
3433
+ --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
3434
+ }
3435
+ }
3436
+
3084
3437
  :is(body, body #wpwrap) .es\:inset-shadow-secondary-100\/50 {
3085
- --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) 50%, transparent);
3438
+ --tw-inset-shadow-color: var(--es-color-secondary-100);
3439
+ }
3440
+
3441
+ @supports (color: color-mix(in lab, red, red)) {
3442
+ :is(body, body #wpwrap) .es\:inset-shadow-secondary-100\/50 {
3443
+ --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-100) 50%, transparent) var(--tw-inset-shadow-alpha), transparent);
3444
+ }
3086
3445
  }
3087
3446
 
3088
3447
  :is(body, body #wpwrap) .es\:inset-ring-accent-500 {
@@ -3102,11 +3461,23 @@
3102
3461
  }
3103
3462
 
3104
3463
  :is(body, body #wpwrap) .es\:inset-ring-secondary-200\/20 {
3105
- --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 20%, transparent);
3464
+ --tw-inset-ring-color: var(--es-color-secondary-200);
3465
+ }
3466
+
3467
+ @supports (color: color-mix(in lab, red, red)) {
3468
+ :is(body, body #wpwrap) .es\:inset-ring-secondary-200\/20 {
3469
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 20%, transparent);
3470
+ }
3106
3471
  }
3107
3472
 
3108
3473
  :is(body, body #wpwrap) .es\:inset-ring-secondary-200\/30 {
3109
- --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 30%, transparent);
3474
+ --tw-inset-ring-color: var(--es-color-secondary-200);
3475
+ }
3476
+
3477
+ @supports (color: color-mix(in lab, red, red)) {
3478
+ :is(body, body #wpwrap) .es\:inset-ring-secondary-200\/30 {
3479
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-200) 30%, transparent);
3480
+ }
3110
3481
  }
3111
3482
 
3112
3483
  :is(body, body #wpwrap) .es\:outline-hidden {
@@ -3139,6 +3510,7 @@
3139
3510
  }
3140
3511
 
3141
3512
  :is(body, body #wpwrap) .es\:drop-shadow-sm {
3513
+ --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
3142
3514
  --tw-drop-shadow: drop-shadow(var(--es-drop-shadow-sm));
3143
3515
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
3144
3516
  }
@@ -3166,8 +3538,14 @@
3166
3538
  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, );
3167
3539
  }
3168
3540
 
3541
+ :is(body, body #wpwrap) .es\:backdrop-blur-xs {
3542
+ --tw-backdrop-blur: blur(var(--es-blur-xs));
3543
+ -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, );
3544
+ 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, );
3545
+ }
3546
+
3169
3547
  :is(body, body #wpwrap) .es\:transition {
3170
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
3548
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
3171
3549
  transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
3172
3550
  transition-duration: var(--tw-duration, var(--es-default-transition-duration));
3173
3551
  }
@@ -3283,7 +3661,13 @@
3283
3661
  }
3284
3662
 
3285
3663
  :is(body, body #wpwrap) .es\:accent-text-shadow {
3286
- text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
3664
+ text-shadow: 0 1px 0 var(--es-color-accent-900);
3665
+ }
3666
+
3667
+ @supports (color: color-mix(in lab, red, red)) {
3668
+ :is(body, body #wpwrap) .es\:accent-text-shadow {
3669
+ text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
3670
+ }
3287
3671
  }
3288
3672
 
3289
3673
  :is(body, body #wpwrap) .es\:motion-delay-300\/blur {
@@ -3356,7 +3740,7 @@
3356
3740
  cursor: pointer;
3357
3741
  }
3358
3742
 
3359
- @media not (prefers-reduced-motion: reduce) {
3743
+ @media not all and (prefers-reduced-motion: reduce) {
3360
3744
  :is(body, body #wpwrap) .es\:not-motion-reduce\:motion-preset-slide-down-sm {
3361
3745
  --motion-origin-translate-y: -5%;
3362
3746
  --motion-origin-opacity: 0;
@@ -3391,12 +3775,18 @@
3391
3775
  }
3392
3776
 
3393
3777
  :is(body, body #wpwrap) .es\:group-focus\:ring-2:is(:where(.es\:group):focus *) {
3394
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3778
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3395
3779
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3396
3780
  }
3397
3781
 
3398
3782
  :is(body, body #wpwrap) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
3399
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3783
+ --tw-ring-color: var(--es-color-accent-500);
3784
+ }
3785
+
3786
+ @supports (color: color-mix(in lab, red, red)) {
3787
+ :is(body, body #wpwrap) .es\:group-focus\:ring-accent-500\/50:is(:where(.es\:group):focus *) {
3788
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3789
+ }
3400
3790
  }
3401
3791
 
3402
3792
  :is(body, body #wpwrap) .es\:group-focus\:outline-hidden:is(:where(.es\:group):focus *) {
@@ -3424,7 +3814,7 @@
3424
3814
  }
3425
3815
 
3426
3816
  :is(body, body #wpwrap) .es\:group-focus-visible\:ring-2:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3427
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3817
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3428
3818
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3429
3819
  }
3430
3820
 
@@ -3434,13 +3824,25 @@
3434
3824
  }
3435
3825
 
3436
3826
  :is(body, body #wpwrap) .es\:group-focus-visible\:ring-accent-500\/50:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3437
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3827
+ --tw-ring-color: var(--es-color-accent-500);
3828
+ }
3829
+
3830
+ @supports (color: color-mix(in lab, red, red)) {
3831
+ :is(body, body #wpwrap) .es\:group-focus-visible\:ring-accent-500\/50:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3832
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
3833
+ }
3438
3834
  }
3439
3835
 
3440
3836
  :is(body, body #wpwrap) .es\:group-focus-visible\:inset-shadow-accent-400:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3441
3837
  --tw-inset-shadow-color: var(--es-color-accent-400);
3442
3838
  }
3443
3839
 
3840
+ @supports (color: color-mix(in lab, red, red)) {
3841
+ :is(body, body #wpwrap) .es\:group-focus-visible\:inset-shadow-accent-400:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3842
+ --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-accent-400) var(--tw-inset-shadow-alpha), transparent);
3843
+ }
3844
+ }
3845
+
3444
3846
  :is(body, body #wpwrap) .es\:group-focus-visible\:inset-ring-accent-600:is(:where(.es\:group):is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) *) {
3445
3847
  --tw-inset-ring-color: var(--es-color-accent-600);
3446
3848
  }
@@ -3467,7 +3869,13 @@
3467
3869
  }
3468
3870
 
3469
3871
  :is(body, body #wpwrap) .es\:group-selected\:bg-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
3470
- background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
3872
+ background-color: var(--es-color-accent-500);
3873
+ }
3874
+
3875
+ @supports (color: color-mix(in lab, red, red)) {
3876
+ :is(body, body #wpwrap) .es\:group-selected\:bg-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
3877
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
3878
+ }
3471
3879
  }
3472
3880
 
3473
3881
  :is(body, body #wpwrap) .es\:group-selected\:bg-accent-600:is(:where(.es\:group)[data-selected] *) {
@@ -3483,7 +3891,13 @@
3483
3891
  }
3484
3892
 
3485
3893
  :is(body, body #wpwrap) .es\:group-selected\:inset-ring-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
3486
- --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
3894
+ --tw-inset-ring-color: var(--es-color-accent-500);
3895
+ }
3896
+
3897
+ @supports (color: color-mix(in lab, red, red)) {
3898
+ :is(body, body #wpwrap) .es\:group-selected\:inset-ring-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
3899
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
3900
+ }
3487
3901
  }
3488
3902
 
3489
3903
  :is(body, body #wpwrap) .es\:peer-disabled\:opacity-40:is(:where(.es\:peer):is(:disabled, [data-rac][data-disabled]) ~ *) {
@@ -3495,11 +3909,23 @@
3495
3909
  }
3496
3910
 
3497
3911
  :is(body, body #wpwrap) .es\:selection\:bg-accent-500\/20 ::selection {
3498
- background-color: color-mix(in oklab, var(--es-color-accent-500) 20%, transparent);
3912
+ background-color: var(--es-color-accent-500);
3913
+ }
3914
+
3915
+ @supports (color: color-mix(in lab, red, red)) {
3916
+ :is(body, body #wpwrap) .es\:selection\:bg-accent-500\/20 ::selection {
3917
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 20%, transparent);
3918
+ }
3499
3919
  }
3500
3920
 
3501
3921
  :is(body, body #wpwrap) .es\:selection\:bg-accent-500\/20::selection {
3502
- background-color: color-mix(in oklab, var(--es-color-accent-500) 20%, transparent);
3922
+ background-color: var(--es-color-accent-500);
3923
+ }
3924
+
3925
+ @supports (color: color-mix(in lab, red, red)) {
3926
+ :is(body, body #wpwrap) .es\:selection\:bg-accent-500\/20::selection {
3927
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 20%, transparent);
3928
+ }
3503
3929
  }
3504
3930
 
3505
3931
  :is(body, body #wpwrap) .es\:selection\:bg-transparent ::selection {
@@ -3649,19 +4075,31 @@
3649
4075
 
3650
4076
  :is(body, body #wpwrap) .es\:after\:bg-linear-to-b:after {
3651
4077
  content: var(--tw-content);
3652
- --tw-gradient-position: to bottom in oklab;
4078
+ --tw-gradient-position: to bottom;
3653
4079
  background-image: linear-gradient(var(--tw-gradient-stops));
3654
4080
  }
3655
4081
 
4082
+ @supports (background-image: linear-gradient(in lab, red, red)) {
4083
+ :is(body, body #wpwrap) .es\:after\:bg-linear-to-b:after {
4084
+ --tw-gradient-position: to bottom in oklab;
4085
+ }
4086
+ }
4087
+
3656
4088
  :is(body, body #wpwrap) .es\:after\:bg-linear-to-r:after {
3657
4089
  content: var(--tw-content);
3658
- --tw-gradient-position: to right in oklab;
4090
+ --tw-gradient-position: to right;
3659
4091
  background-image: linear-gradient(var(--tw-gradient-stops));
3660
4092
  }
3661
4093
 
4094
+ @supports (background-image: linear-gradient(in lab, red, red)) {
4095
+ :is(body, body #wpwrap) .es\:after\:bg-linear-to-r:after {
4096
+ --tw-gradient-position: to right in oklab;
4097
+ }
4098
+ }
4099
+
3662
4100
  :is(body, body #wpwrap) .es\:after\:transition:after {
3663
4101
  content: var(--tw-content);
3664
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
4102
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
3665
4103
  transition-timing-function: var(--tw-ease, var(--es-default-transition-timing-function));
3666
4104
  transition-duration: var(--tw-duration, var(--es-default-transition-duration));
3667
4105
  }
@@ -3748,19 +4186,33 @@
3748
4186
  }
3749
4187
 
3750
4188
  :is(body, body #wpwrap) .es\:hover\:bg-red-500\/15:hover {
3751
- background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
4189
+ background-color: var(--es-color-red-500);
4190
+ }
4191
+
4192
+ @supports (color: color-mix(in lab, red, red)) {
4193
+ :is(body, body #wpwrap) .es\:hover\:bg-red-500\/15:hover {
4194
+ background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
4195
+ }
3752
4196
  }
3753
4197
 
3754
4198
  :is(body, body #wpwrap) .es\:hover\:bg-red-600\/5:hover {
3755
- background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
4199
+ background-color: var(--es-color-red-600);
4200
+ }
4201
+
4202
+ @supports (color: color-mix(in lab, red, red)) {
4203
+ :is(body, body #wpwrap) .es\:hover\:bg-red-600\/5:hover {
4204
+ background-color: color-mix(in oklab, var(--es-color-red-600) 5%, transparent);
4205
+ }
3756
4206
  }
3757
4207
 
3758
- :is(body, body #wpwrap) .es\:hover\:bg-secondary-100:hover {
4208
+ :is(body, body #wpwrap) .es\:hover\:bg-secondary-100:hover, :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:hover {
3759
4209
  background-color: var(--es-color-secondary-100);
3760
4210
  }
3761
4211
 
3762
- :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:hover {
3763
- background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
4212
+ @supports (color: color-mix(in lab, red, red)) {
4213
+ :is(body, body #wpwrap) .es\:hover\:bg-secondary-100\/75:hover {
4214
+ background-color: color-mix(in oklab, var(--es-color-secondary-100) 75%, transparent);
4215
+ }
3764
4216
  }
3765
4217
 
3766
4218
  :is(body, body #wpwrap) .es\:hover\:to-secondary-100:hover {
@@ -3789,17 +4241,35 @@
3789
4241
  }
3790
4242
 
3791
4243
  :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:hover {
3792
- --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-600) 50%, transparent);
4244
+ --tw-shadow-color: var(--es-color-accent-600);
4245
+ }
4246
+
4247
+ @supports (color: color-mix(in lab, red, red)) {
4248
+ :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:hover {
4249
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
4250
+ }
3793
4251
  }
3794
4252
 
3795
4253
  :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:hover {
3796
4254
  --tw-inset-shadow-color: var(--es-color-red-100);
3797
4255
  }
3798
4256
 
4257
+ @supports (color: color-mix(in lab, red, red)) {
4258
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:hover {
4259
+ --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-red-100) var(--tw-inset-shadow-alpha), transparent);
4260
+ }
4261
+ }
4262
+
3799
4263
  :is(body, body #wpwrap) .es\:hover\:inset-shadow-secondary-100:hover {
3800
4264
  --tw-inset-shadow-color: var(--es-color-secondary-100);
3801
4265
  }
3802
4266
 
4267
+ @supports (color: color-mix(in lab, red, red)) {
4268
+ :is(body, body #wpwrap) .es\:hover\:inset-shadow-secondary-100:hover {
4269
+ --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-secondary-100) var(--tw-inset-shadow-alpha), transparent);
4270
+ }
4271
+ }
4272
+
3803
4273
  :is(body, body #wpwrap) .es\:hover\:inset-ring-red-100:hover {
3804
4274
  --tw-inset-ring-color: var(--es-color-red-100);
3805
4275
  }
@@ -3821,7 +4291,13 @@
3821
4291
  }
3822
4292
 
3823
4293
  :is(body, body #wpwrap) .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
3824
- background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
4294
+ background-color: var(--es-color-red-500);
4295
+ }
4296
+
4297
+ @supports (color: color-mix(in lab, red, red)) {
4298
+ :is(body, body #wpwrap) .es\:not-disabled\:hover\:bg-red-500\/5:not(:is(:disabled, [data-rac][data-disabled])):hover {
4299
+ background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
4300
+ }
3825
4301
  }
3826
4302
 
3827
4303
  :is(body, body #wpwrap) .es\:not-disabled\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):hover, :is(body, body #wpwrap) .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:is(:disabled, [data-rac][data-disabled])):not([data-selected]):hover {
@@ -3864,12 +4340,18 @@
3864
4340
  }
3865
4341
 
3866
4342
  :is(body, body #wpwrap) .es\:focus\:ring-2:focus {
3867
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
4343
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3868
4344
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3869
4345
  }
3870
4346
 
3871
4347
  :is(body, body #wpwrap) .es\:focus\:ring-accent-500\/50:focus {
3872
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4348
+ --tw-ring-color: var(--es-color-accent-500);
4349
+ }
4350
+
4351
+ @supports (color: color-mix(in lab, red, red)) {
4352
+ :is(body, body #wpwrap) .es\:focus\:ring-accent-500\/50:focus {
4353
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4354
+ }
3873
4355
  }
3874
4356
 
3875
4357
  :is(body, body #wpwrap) .es\:focus-visible\:z-10:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
@@ -3909,7 +4391,7 @@
3909
4391
  }
3910
4392
 
3911
4393
  :is(body, body #wpwrap) .es\:focus-visible\:ring-2:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3912
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
4394
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3913
4395
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3914
4396
  }
3915
4397
 
@@ -3919,22 +4401,40 @@
3919
4401
  }
3920
4402
 
3921
4403
  :is(body, body #wpwrap) .es\:focus-visible\:inset-ring:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3922
- --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
4404
+ --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
3923
4405
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3924
4406
  }
3925
4407
 
3926
4408
  :is(body, body #wpwrap) .es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3927
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4409
+ --tw-ring-color: var(--es-color-accent-500);
4410
+ }
4411
+
4412
+ @supports (color: color-mix(in lab, red, red)) {
4413
+ :is(body, body #wpwrap) .es\:focus-visible\:ring-accent-500\/50:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4414
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4415
+ }
3928
4416
  }
3929
4417
 
3930
4418
  :is(body, body #wpwrap) .es\:focus-visible\:ring-red-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3931
- --tw-ring-color: color-mix(in oklab, var(--es-color-red-500) 30%, transparent);
4419
+ --tw-ring-color: var(--es-color-red-500);
4420
+ }
4421
+
4422
+ @supports (color: color-mix(in lab, red, red)) {
4423
+ :is(body, body #wpwrap) .es\:focus-visible\:ring-red-500\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4424
+ --tw-ring-color: color-mix(in oklab, var(--es-color-red-500) 30%, transparent);
4425
+ }
3932
4426
  }
3933
4427
 
3934
4428
  :is(body, body #wpwrap) .es\:focus-visible\:inset-shadow-accent-400:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3935
4429
  --tw-inset-shadow-color: var(--es-color-accent-400);
3936
4430
  }
3937
4431
 
4432
+ @supports (color: color-mix(in lab, red, red)) {
4433
+ :is(body, body #wpwrap) .es\:focus-visible\:inset-shadow-accent-400:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4434
+ --tw-inset-shadow-color: color-mix(in oklab, var(--es-color-accent-400) var(--tw-inset-shadow-alpha), transparent);
4435
+ }
4436
+ }
4437
+
3938
4438
  :is(body, body #wpwrap) .es\:focus-visible\:inset-ring-accent-600:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3939
4439
  --tw-inset-ring-color: var(--es-color-accent-600);
3940
4440
  }
@@ -3944,7 +4444,13 @@
3944
4444
  }
3945
4445
 
3946
4446
  :is(body, body #wpwrap) .es\:focus-visible\:inset-ring-secondary-100\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
3947
- --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-100) 30%, transparent);
4447
+ --tw-inset-ring-color: var(--es-color-secondary-100);
4448
+ }
4449
+
4450
+ @supports (color: color-mix(in lab, red, red)) {
4451
+ :is(body, body #wpwrap) .es\:focus-visible\:inset-ring-secondary-100\/30:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4452
+ --tw-inset-ring-color: color-mix(in oklab, var(--es-color-secondary-100) 30%, transparent);
4453
+ }
3948
4454
  }
3949
4455
 
3950
4456
  :is(body, body #wpwrap) .es\:focus-visible\:outline-hidden:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
@@ -3960,7 +4466,13 @@
3960
4466
  }
3961
4467
 
3962
4468
  :is(body, body #wpwrap) .es\:active\:border-accent-500\/30:active {
3963
- border-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
4469
+ border-color: var(--es-color-accent-500);
4470
+ }
4471
+
4472
+ @supports (color: color-mix(in lab, red, red)) {
4473
+ :is(body, body #wpwrap) .es\:active\:border-accent-500\/30:active {
4474
+ border-color: color-mix(in oklab, var(--es-color-accent-500) 30%, transparent);
4475
+ }
3964
4476
  }
3965
4477
 
3966
4478
  :is(body, body #wpwrap) .es\:active\:bg-accent-50:active {
@@ -3968,7 +4480,13 @@
3968
4480
  }
3969
4481
 
3970
4482
  :is(body, body #wpwrap) .es\:active\:bg-accent-700\/15:active {
3971
- background-color: color-mix(in oklab, var(--es-color-accent-700) 15%, transparent);
4483
+ background-color: var(--es-color-accent-700);
4484
+ }
4485
+
4486
+ @supports (color: color-mix(in lab, red, red)) {
4487
+ :is(body, body #wpwrap) .es\:active\:bg-accent-700\/15:active {
4488
+ background-color: color-mix(in oklab, var(--es-color-accent-700) 15%, transparent);
4489
+ }
3972
4490
  }
3973
4491
 
3974
4492
  :is(body, body #wpwrap) .es\:active\:text-accent-500:active {
@@ -4008,10 +4526,16 @@
4008
4526
  }
4009
4527
 
4010
4528
  :is(body, body #wpwrap) .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
4011
- --tw-gradient-position: to right in oklab !important;
4529
+ --tw-gradient-position: to right !important;
4012
4530
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
4013
4531
  }
4014
4532
 
4533
+ @supports (background-image: linear-gradient(in lab, red, red)) {
4534
+ :is(body, body #wpwrap) .es\:disabled\:bg-linear-to-r\!:is(:disabled, [data-rac][data-disabled]) {
4535
+ --tw-gradient-position: to right in oklab !important;
4536
+ }
4537
+ }
4538
+
4015
4539
  :is(body, body #wpwrap) .es\:disabled\:from-white:is(:disabled, [data-rac][data-disabled]) {
4016
4540
  --tw-gradient-from: var(--es-color-white);
4017
4541
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -4030,12 +4554,14 @@
4030
4554
  color: var(--es-color-secondary-300) !important;
4031
4555
  }
4032
4556
 
4033
- :is(body, body #wpwrap) .es\:disabled\:text-secondary-400:is(:disabled, [data-rac][data-disabled]) {
4557
+ :is(body, body #wpwrap) .es\:disabled\:text-secondary-400:is(:disabled, [data-rac][data-disabled]), :is(body, body #wpwrap) .es\:disabled\:text-secondary-400\/75:is(:disabled, [data-rac][data-disabled]) {
4034
4558
  color: var(--es-color-secondary-400);
4035
4559
  }
4036
4560
 
4037
- :is(body, body #wpwrap) .es\:disabled\:text-secondary-400\/75:is(:disabled, [data-rac][data-disabled]) {
4038
- color: color-mix(in oklab, var(--es-color-secondary-400) 75%, transparent);
4561
+ @supports (color: color-mix(in lab, red, red)) {
4562
+ :is(body, body #wpwrap) .es\:disabled\:text-secondary-400\/75:is(:disabled, [data-rac][data-disabled]) {
4563
+ color: color-mix(in oklab, var(--es-color-secondary-400) 75%, transparent);
4564
+ }
4039
4565
  }
4040
4566
 
4041
4567
  :is(body, body #wpwrap) .es\:disabled\:text-secondary-500:is(:disabled, [data-rac][data-disabled]) {
@@ -4061,7 +4587,7 @@
4061
4587
  }
4062
4588
 
4063
4589
  :is(body, body #wpwrap) .es\:disabled\:inset-ring-0:is(:disabled, [data-rac][data-disabled]) {
4064
- --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentColor);
4590
+ --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
4065
4591
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4066
4592
  }
4067
4593
 
@@ -4069,13 +4595,25 @@
4069
4595
  --tw-inset-shadow-color: transparent;
4070
4596
  }
4071
4597
 
4598
+ @supports (color: color-mix(in lab, red, red)) {
4599
+ :is(body, body #wpwrap) .es\:disabled\:inset-shadow-transparent:is(:disabled, [data-rac][data-disabled]) {
4600
+ --tw-inset-shadow-color: color-mix(in oklab, transparent var(--tw-inset-shadow-alpha), transparent);
4601
+ }
4602
+ }
4603
+
4072
4604
  :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, body #wpwrap) .es\:in-focus-visible\:ring) {
4073
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
4605
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4074
4606
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4075
4607
  }
4076
4608
 
4077
4609
  :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, body #wpwrap) .es\:in-focus-visible\:ring-accent-500\/50) {
4078
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4610
+ --tw-ring-color: var(--es-color-accent-500);
4611
+ }
4612
+
4613
+ @supports (color: color-mix(in lab, red, red)) {
4614
+ :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, body #wpwrap) .es\:in-focus-visible\:ring-accent-500\/50) {
4615
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4616
+ }
4079
4617
  }
4080
4618
 
4081
4619
  :where(:is(:focus-visible:not(:focus), [data-rac][data-focus-visible])) :is(:is(body, body #wpwrap) .es\:in-focus-visible\:outline-hidden) {
@@ -4103,12 +4641,18 @@
4103
4641
  }
4104
4642
 
4105
4643
  :is(body, body #wpwrap) .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-2:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
4106
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
4644
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4107
4645
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4108
4646
  }
4109
4647
 
4110
4648
  :is(body, body #wpwrap) .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-accent-500\/50:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
4111
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4649
+ --tw-ring-color: var(--es-color-accent-500);
4650
+ }
4651
+
4652
+ @supports (color: color-mix(in lab, red, red)) {
4653
+ :is(body, body #wpwrap) .es\:has-\[\[aria-haspopup\=listbox\]\[data-focus-visible\=true\]\,\[aria-autocomplete\=list\]\[data-focus-visible\=true\]\]\:ring-accent-500\/50:has(:is([aria-haspopup="listbox"][data-focus-visible="true"], [aria-autocomplete="list"][data-focus-visible="true"])) {
4654
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
4655
+ }
4112
4656
  }
4113
4657
 
4114
4658
  :is(body, body #wpwrap) .es\:has-\[svg\]\:left-1:has(:is(svg)) {
@@ -4119,11 +4663,6 @@
4119
4663
  padding-bottom: calc(var(--es-spacing) * 0);
4120
4664
  }
4121
4665
 
4122
- :is(body, body #wpwrap) .es\:aria-\[expanded\=false\]\:rounded-b-lg[aria-expanded="false"] {
4123
- border-bottom-right-radius: var(--es-radius-lg);
4124
- border-bottom-left-radius: var(--es-radius-lg);
4125
- }
4126
-
4127
4666
  @media (prefers-reduced-motion: no-preference) {
4128
4667
  :is(body, body #wpwrap) .es\:motion-safe\:motion-preset-slide-down-sm {
4129
4668
  --motion-origin-translate-y: -5%;
@@ -4277,7 +4816,13 @@
4277
4816
 
4278
4817
  @media (prefers-contrast: more) {
4279
4818
  :is(body, body #wpwrap) .es\:contrast-more\:focus-visible\:bg-accent-500\/15:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4280
- background-color: color-mix(in oklab, var(--es-color-accent-500) 15%, transparent);
4819
+ background-color: var(--es-color-accent-500);
4820
+ }
4821
+
4822
+ @supports (color: color-mix(in lab, red, red)) {
4823
+ :is(body, body #wpwrap) .es\:contrast-more\:focus-visible\:bg-accent-500\/15:is(:focus-visible:not(:focus), [data-rac][data-focus-visible]) {
4824
+ background-color: color-mix(in oklab, var(--es-color-accent-500) 15%, transparent);
4825
+ }
4281
4826
  }
4282
4827
  }
4283
4828
 
@@ -4304,11 +4849,23 @@
4304
4849
  }
4305
4850
 
4306
4851
  :is(body, body #wpwrap) .es\:selected\:bg-accent-50\/50[data-selected] {
4307
- background-color: color-mix(in oklab, var(--es-color-accent-50) 50%, transparent);
4852
+ background-color: var(--es-color-accent-50);
4853
+ }
4854
+
4855
+ @supports (color: color-mix(in lab, red, red)) {
4856
+ :is(body, body #wpwrap) .es\:selected\:bg-accent-50\/50[data-selected] {
4857
+ background-color: color-mix(in oklab, var(--es-color-accent-50) 50%, transparent);
4858
+ }
4308
4859
  }
4309
4860
 
4310
4861
  :is(body, body #wpwrap) .es\:selected\:bg-accent-400\/15[data-selected] {
4311
- background-color: color-mix(in oklab, var(--es-color-accent-400) 15%, transparent);
4862
+ background-color: var(--es-color-accent-400);
4863
+ }
4864
+
4865
+ @supports (color: color-mix(in lab, red, red)) {
4866
+ :is(body, body #wpwrap) .es\:selected\:bg-accent-400\/15[data-selected] {
4867
+ background-color: color-mix(in oklab, var(--es-color-accent-400) 15%, transparent);
4868
+ }
4312
4869
  }
4313
4870
 
4314
4871
  :is(body, body #wpwrap) .es\:selected\:bg-accent-600[data-selected] {
@@ -4347,7 +4904,13 @@
4347
4904
 
4348
4905
  :is(body, body #wpwrap) .es\:selected\:after\:shadow-accent-700\/30[data-selected]:after {
4349
4906
  content: var(--tw-content);
4350
- --tw-shadow-color: color-mix(in oklab, var(--es-color-accent-700) 30%, transparent);
4907
+ --tw-shadow-color: var(--es-color-accent-700);
4908
+ }
4909
+
4910
+ @supports (color: color-mix(in lab, red, red)) {
4911
+ :is(body, body #wpwrap) .es\:selected\:after\:shadow-accent-700\/30[data-selected]:after {
4912
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-700) 30%, transparent) var(--tw-shadow-alpha), transparent);
4913
+ }
4351
4914
  }
4352
4915
 
4353
4916
  :is(body, body #wpwrap) .es\:readonly\:bg-secondary-50:where([data-readonly], [readonly]) {
@@ -4516,11 +5079,23 @@
4516
5079
  }
4517
5080
 
4518
5081
  :is(body, body #wpwrap) .es\:\[\&_\>_div\]\:bg-accent-100\/20\! > div {
4519
- background-color: color-mix(in oklab, var(--es-color-accent-100) 20%, transparent) !important;
5082
+ background-color: var(--es-color-accent-100) !important;
5083
+ }
5084
+
5085
+ @supports (color: color-mix(in lab, red, red)) {
5086
+ :is(body, body #wpwrap) .es\:\[\&_\>_div\]\:bg-accent-100\/20\! > div {
5087
+ background-color: color-mix(in oklab, var(--es-color-accent-100) 20%, transparent) !important;
5088
+ }
4520
5089
  }
4521
5090
 
4522
5091
  :is(body, body #wpwrap) .es\:\[\&_\>_div\]\:text-accent-900\/15\! > div {
4523
- color: color-mix(in oklab, var(--es-color-accent-900) 15%, transparent) !important;
5092
+ color: var(--es-color-accent-900) !important;
5093
+ }
5094
+
5095
+ @supports (color: color-mix(in lab, red, red)) {
5096
+ :is(body, body #wpwrap) .es\:\[\&_\>_div\]\:text-accent-900\/15\! > div {
5097
+ color: color-mix(in oklab, var(--es-color-accent-900) 15%, transparent) !important;
5098
+ }
4524
5099
  }
4525
5100
 
4526
5101
  :is(body, body #wpwrap) .es\:\[\&_\>_div_\[role\=button\]\]\:opacity-0 > div [role="button"] {
@@ -4563,12 +5138,18 @@
4563
5138
  }
4564
5139
 
4565
5140
  :is(body, body #wpwrap) .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-2:has( > [data-focus-visible="true"]) {
4566
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
5141
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4567
5142
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4568
5143
  }
4569
5144
 
4570
5145
  :is(body, body #wpwrap) .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-accent-500\/50:has( > [data-focus-visible="true"]) {
4571
- --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
5146
+ --tw-ring-color: var(--es-color-accent-500);
5147
+ }
5148
+
5149
+ @supports (color: color-mix(in lab, red, red)) {
5150
+ :is(body, body #wpwrap) .es\:\[\&\:has\(\>_\[data-focus-visible\=\"true\"\]\)\]\:ring-accent-500\/50:has( > [data-focus-visible="true"]) {
5151
+ --tw-ring-color: color-mix(in oklab, var(--es-color-accent-500) 50%, transparent);
5152
+ }
4572
5153
  }
4573
5154
 
4574
5155
  :is(body, body #wpwrap) .es\:\[\&\>span\>svg\]\:text-slate-500 > span > svg {
@@ -5081,6 +5662,12 @@
5081
5662
  inherits: false
5082
5663
  }
5083
5664
 
5665
+ @property --tw-shadow-alpha {
5666
+ syntax: "<percentage>";
5667
+ inherits: false;
5668
+ initial-value: 100%;
5669
+ }
5670
+
5084
5671
  @property --tw-inset-shadow {
5085
5672
  syntax: "*";
5086
5673
  inherits: false;
@@ -5092,6 +5679,12 @@
5092
5679
  inherits: false
5093
5680
  }
5094
5681
 
5682
+ @property --tw-inset-shadow-alpha {
5683
+ syntax: "<percentage>";
5684
+ inherits: false;
5685
+ initial-value: 100%;
5686
+ }
5687
+
5095
5688
  @property --tw-ring-color {
5096
5689
  syntax: "*";
5097
5690
  inherits: false
@@ -5187,6 +5780,22 @@
5187
5780
  inherits: false
5188
5781
  }
5189
5782
 
5783
+ @property --tw-drop-shadow-color {
5784
+ syntax: "*";
5785
+ inherits: false
5786
+ }
5787
+
5788
+ @property --tw-drop-shadow-alpha {
5789
+ syntax: "<percentage>";
5790
+ inherits: false;
5791
+ initial-value: 100%;
5792
+ }
5793
+
5794
+ @property --tw-drop-shadow-size {
5795
+ syntax: "*";
5796
+ inherits: false
5797
+ }
5798
+
5190
5799
  @property --tw-backdrop-blur {
5191
5800
  syntax: "*";
5192
5801
  inherits: false