reachat 2.0.2 → 2.1.0-alpha.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.
package/dist/index.css CHANGED
@@ -1,4 +1,5 @@
1
- /*! tailwindcss v4.0.6 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
2
3
  @layer theme, base, components, utilities;
3
4
  @layer theme {
4
5
  :root, :host {
@@ -7,269 +8,40 @@
7
8
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
8
9
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
10
  "Courier New", monospace;
10
- --color-red-50: oklch(0.971 0.013 17.38);
11
- --color-red-100: oklch(0.936 0.032 17.717);
12
- --color-red-200: oklch(0.885 0.062 18.334);
13
- --color-red-300: oklch(0.808 0.114 19.571);
14
- --color-red-400: oklch(0.704 0.191 22.216);
15
- --color-red-500: oklch(0.637 0.237 25.331);
16
- --color-red-600: oklch(0.577 0.245 27.325);
17
- --color-red-700: oklch(0.505 0.213 27.518);
18
- --color-red-800: oklch(0.444 0.177 26.899);
19
- --color-red-900: oklch(0.396 0.141 25.723);
20
- --color-red-950: oklch(0.258 0.092 26.042);
21
- --color-orange-50: oklch(0.98 0.016 73.684);
22
- --color-orange-100: oklch(0.954 0.038 75.164);
23
- --color-orange-200: oklch(0.901 0.076 70.697);
24
- --color-orange-300: oklch(0.837 0.128 66.29);
25
- --color-orange-400: oklch(0.75 0.183 55.934);
26
- --color-orange-500: oklch(0.705 0.213 47.604);
27
- --color-orange-600: oklch(0.646 0.222 41.116);
28
- --color-orange-700: oklch(0.553 0.195 38.402);
29
- --color-orange-800: oklch(0.47 0.157 37.304);
30
- --color-orange-900: oklch(0.408 0.123 38.172);
31
- --color-orange-950: oklch(0.266 0.079 36.259);
32
- --color-amber-50: oklch(0.987 0.022 95.277);
33
- --color-amber-100: oklch(0.962 0.059 95.617);
34
- --color-amber-200: oklch(0.924 0.12 95.746);
35
- --color-amber-300: oklch(0.879 0.169 91.605);
36
- --color-amber-400: oklch(0.828 0.189 84.429);
37
- --color-amber-500: oklch(0.769 0.188 70.08);
38
- --color-amber-600: oklch(0.666 0.179 58.318);
39
- --color-amber-700: oklch(0.555 0.163 48.998);
40
- --color-amber-800: oklch(0.473 0.137 46.201);
41
- --color-amber-900: oklch(0.414 0.112 45.904);
42
- --color-amber-950: oklch(0.279 0.077 45.635);
43
- --color-yellow-50: oklch(0.987 0.026 102.212);
44
- --color-yellow-100: oklch(0.973 0.071 103.193);
45
- --color-yellow-200: oklch(0.945 0.129 101.54);
46
- --color-yellow-300: oklch(0.905 0.182 98.111);
47
- --color-yellow-400: oklch(0.852 0.199 91.936);
48
- --color-yellow-500: oklch(0.795 0.184 86.047);
49
- --color-yellow-600: oklch(0.681 0.162 75.834);
50
- --color-yellow-700: oklch(0.554 0.135 66.442);
51
- --color-yellow-800: oklch(0.476 0.114 61.907);
52
- --color-yellow-900: oklch(0.421 0.095 57.708);
53
- --color-yellow-950: oklch(0.286 0.066 53.813);
54
- --color-lime-50: oklch(0.986 0.031 120.757);
55
- --color-lime-100: oklch(0.967 0.067 122.328);
56
- --color-lime-200: oklch(0.938 0.127 124.321);
57
- --color-lime-300: oklch(0.897 0.196 126.665);
58
- --color-lime-400: oklch(0.841 0.238 128.85);
59
- --color-lime-500: oklch(0.768 0.233 130.85);
60
- --color-lime-600: oklch(0.648 0.2 131.684);
61
- --color-lime-700: oklch(0.532 0.157 131.589);
62
- --color-lime-800: oklch(0.453 0.124 130.933);
63
- --color-lime-900: oklch(0.405 0.101 131.063);
64
- --color-lime-950: oklch(0.274 0.072 132.109);
65
- --color-green-50: oklch(0.982 0.018 155.826);
66
- --color-green-100: oklch(0.962 0.044 156.743);
67
- --color-green-200: oklch(0.925 0.084 155.995);
68
- --color-green-300: oklch(0.871 0.15 154.449);
69
- --color-green-400: oklch(0.792 0.209 151.711);
70
- --color-green-500: oklch(0.723 0.219 149.579);
71
- --color-green-600: oklch(0.627 0.194 149.214);
72
- --color-green-700: oklch(0.527 0.154 150.069);
73
- --color-green-800: oklch(0.448 0.119 151.328);
74
- --color-green-900: oklch(0.393 0.095 152.535);
75
- --color-green-950: oklch(0.266 0.065 152.934);
76
- --color-emerald-50: oklch(0.979 0.021 166.113);
77
- --color-emerald-100: oklch(0.95 0.052 163.051);
78
- --color-emerald-200: oklch(0.905 0.093 164.15);
79
- --color-emerald-300: oklch(0.845 0.143 164.978);
80
- --color-emerald-400: oklch(0.765 0.177 163.223);
81
- --color-emerald-500: oklch(0.696 0.17 162.48);
82
- --color-emerald-600: oklch(0.596 0.145 163.225);
83
- --color-emerald-700: oklch(0.508 0.118 165.612);
84
- --color-emerald-800: oklch(0.432 0.095 166.913);
85
- --color-emerald-900: oklch(0.378 0.077 168.94);
86
- --color-emerald-950: oklch(0.262 0.051 172.552);
87
- --color-teal-50: oklch(0.984 0.014 180.72);
88
- --color-teal-100: oklch(0.953 0.051 180.801);
89
- --color-teal-200: oklch(0.91 0.096 180.426);
90
- --color-teal-300: oklch(0.855 0.138 181.071);
91
- --color-teal-400: oklch(0.777 0.152 181.912);
92
- --color-teal-500: oklch(0.704 0.14 182.503);
93
- --color-teal-600: oklch(0.6 0.118 184.704);
94
- --color-teal-700: oklch(0.511 0.096 186.391);
95
- --color-teal-800: oklch(0.437 0.078 188.216);
96
- --color-teal-900: oklch(0.386 0.063 188.416);
97
- --color-teal-950: oklch(0.277 0.046 192.524);
98
- --color-cyan-50: oklch(0.984 0.019 200.873);
99
- --color-cyan-100: oklch(0.956 0.045 203.388);
100
- --color-cyan-200: oklch(0.917 0.08 205.041);
101
- --color-cyan-300: oklch(0.865 0.127 207.078);
102
- --color-cyan-400: oklch(0.789 0.154 211.53);
103
- --color-cyan-500: oklch(0.715 0.143 215.221);
104
- --color-cyan-600: oklch(0.609 0.126 221.723);
105
- --color-cyan-700: oklch(0.52 0.105 223.128);
106
- --color-cyan-800: oklch(0.45 0.085 224.283);
107
- --color-cyan-900: oklch(0.398 0.07 227.392);
108
- --color-cyan-950: oklch(0.302 0.056 229.695);
109
- --color-sky-50: oklch(0.977 0.013 236.62);
110
- --color-sky-100: oklch(0.951 0.026 236.824);
111
- --color-sky-200: oklch(0.901 0.058 230.902);
112
- --color-sky-300: oklch(0.828 0.111 230.318);
113
- --color-sky-400: oklch(0.746 0.16 232.661);
114
- --color-sky-500: oklch(0.685 0.169 237.323);
115
- --color-sky-600: oklch(0.588 0.158 241.966);
116
- --color-sky-700: oklch(0.5 0.134 242.749);
117
- --color-sky-800: oklch(0.443 0.11 240.79);
118
- --color-sky-900: oklch(0.391 0.09 240.876);
119
- --color-sky-950: oklch(0.293 0.066 243.157);
120
- --color-blue-50: oklch(0.97 0.014 254.604);
121
- --color-blue-100: oklch(0.932 0.032 255.585);
122
- --color-blue-200: oklch(0.882 0.059 254.128);
123
- --color-blue-300: oklch(0.809 0.105 251.813);
124
- --color-blue-400: oklch(0.707 0.165 254.624);
125
- --color-blue-500: oklch(0.623 0.214 259.815);
126
- --color-blue-600: oklch(0.546 0.245 262.881);
127
- --color-blue-700: oklch(0.488 0.243 264.376);
128
- --color-blue-800: oklch(0.424 0.199 265.638);
129
- --color-blue-900: oklch(0.379 0.146 265.522);
130
- --color-blue-950: oklch(0.282 0.091 267.935);
131
- --color-indigo-50: oklch(0.962 0.018 272.314);
132
- --color-indigo-100: oklch(0.93 0.034 272.788);
133
- --color-indigo-200: oklch(0.87 0.065 274.039);
134
- --color-indigo-300: oklch(0.785 0.115 274.713);
135
- --color-indigo-400: oklch(0.673 0.182 276.935);
136
- --color-indigo-500: oklch(0.585 0.233 277.117);
137
- --color-indigo-600: oklch(0.511 0.262 276.966);
138
- --color-indigo-700: oklch(0.457 0.24 277.023);
139
- --color-indigo-800: oklch(0.398 0.195 277.366);
140
- --color-indigo-900: oklch(0.359 0.144 278.697);
141
- --color-indigo-950: oklch(0.257 0.09 281.288);
142
- --color-violet-50: oklch(0.969 0.016 293.756);
143
- --color-violet-100: oklch(0.943 0.029 294.588);
144
- --color-violet-200: oklch(0.894 0.057 293.283);
145
- --color-violet-300: oklch(0.811 0.111 293.571);
146
- --color-violet-400: oklch(0.702 0.183 293.541);
147
- --color-violet-500: oklch(0.606 0.25 292.717);
148
- --color-violet-600: oklch(0.541 0.281 293.009);
149
- --color-violet-700: oklch(0.491 0.27 292.581);
150
- --color-violet-800: oklch(0.432 0.232 292.759);
151
- --color-violet-900: oklch(0.38 0.189 293.745);
152
- --color-violet-950: oklch(0.283 0.141 291.089);
153
- --color-purple-50: oklch(0.977 0.014 308.299);
154
- --color-purple-100: oklch(0.946 0.033 307.174);
155
- --color-purple-200: oklch(0.902 0.063 306.703);
156
- --color-purple-300: oklch(0.827 0.119 306.383);
157
- --color-purple-400: oklch(0.714 0.203 305.504);
158
- --color-purple-500: oklch(0.627 0.265 303.9);
159
- --color-purple-600: oklch(0.558 0.288 302.321);
160
- --color-purple-700: oklch(0.496 0.265 301.924);
161
- --color-purple-800: oklch(0.438 0.218 303.724);
162
- --color-purple-900: oklch(0.381 0.176 304.987);
163
- --color-purple-950: oklch(0.291 0.149 302.717);
164
- --color-fuchsia-50: oklch(0.977 0.017 320.058);
165
- --color-fuchsia-100: oklch(0.952 0.037 318.852);
166
- --color-fuchsia-200: oklch(0.903 0.076 319.62);
167
- --color-fuchsia-300: oklch(0.833 0.145 321.434);
168
- --color-fuchsia-400: oklch(0.74 0.238 322.16);
169
- --color-fuchsia-500: oklch(0.667 0.295 322.15);
170
- --color-fuchsia-600: oklch(0.591 0.293 322.896);
171
- --color-fuchsia-700: oklch(0.518 0.253 323.949);
172
- --color-fuchsia-800: oklch(0.452 0.211 324.591);
173
- --color-fuchsia-900: oklch(0.401 0.17 325.612);
174
- --color-fuchsia-950: oklch(0.293 0.136 325.661);
175
- --color-pink-50: oklch(0.971 0.014 343.198);
176
- --color-pink-100: oklch(0.948 0.028 342.258);
177
- --color-pink-200: oklch(0.899 0.061 343.231);
178
- --color-pink-300: oklch(0.823 0.12 346.018);
179
- --color-pink-400: oklch(0.718 0.202 349.761);
180
- --color-pink-500: oklch(0.656 0.241 354.308);
181
- --color-pink-600: oklch(0.592 0.249 0.584);
182
- --color-pink-700: oklch(0.525 0.223 3.958);
183
- --color-pink-800: oklch(0.459 0.187 3.815);
184
- --color-pink-900: oklch(0.408 0.153 2.432);
185
- --color-pink-950: oklch(0.284 0.109 3.907);
186
- --color-rose-50: oklch(0.969 0.015 12.422);
187
- --color-rose-100: oklch(0.941 0.03 12.58);
188
- --color-rose-200: oklch(0.892 0.058 10.001);
189
- --color-rose-300: oklch(0.81 0.117 11.638);
190
- --color-rose-400: oklch(0.712 0.194 13.428);
191
- --color-rose-500: oklch(0.645 0.246 16.439);
192
- --color-rose-600: oklch(0.586 0.253 17.585);
193
- --color-rose-700: oklch(0.514 0.222 16.935);
194
- --color-rose-800: oklch(0.455 0.188 13.697);
195
- --color-rose-900: oklch(0.41 0.159 10.272);
196
- --color-rose-950: oklch(0.271 0.105 12.094);
197
- --color-slate-50: oklch(0.984 0.003 247.858);
198
- --color-slate-100: oklch(0.968 0.007 247.896);
199
- --color-slate-200: oklch(0.929 0.013 255.508);
200
- --color-slate-300: oklch(0.869 0.022 252.894);
201
- --color-slate-400: oklch(0.704 0.04 256.788);
202
- --color-slate-500: oklch(0.554 0.046 257.417);
203
- --color-slate-600: oklch(0.446 0.043 257.281);
204
- --color-slate-700: oklch(0.372 0.044 257.287);
205
- --color-slate-800: oklch(0.279 0.041 260.031);
206
- --color-slate-900: oklch(0.208 0.042 265.755);
207
- --color-slate-950: oklch(0.129 0.042 264.695);
208
- --color-gray-50: oklch(0.985 0.002 247.839);
209
- --color-gray-100: oklch(0.967 0.003 264.542);
210
- --color-gray-200: oklch(0.928 0.006 264.531);
211
- --color-gray-300: oklch(0.872 0.01 258.338);
212
- --color-gray-400: oklch(0.707 0.022 261.325);
213
- --color-gray-500: oklch(0.551 0.027 264.364);
214
- --color-gray-600: oklch(0.446 0.03 256.802);
215
- --color-gray-700: oklch(0.373 0.034 259.733);
216
- --color-gray-800: oklch(0.278 0.033 256.848);
217
- --color-gray-900: oklch(0.21 0.034 264.665);
218
- --color-gray-950: oklch(0.13 0.028 261.692);
219
- --color-zinc-50: oklch(0.985 0 0);
220
- --color-zinc-100: oklch(0.967 0.001 286.375);
221
- --color-zinc-200: oklch(0.92 0.004 286.32);
222
- --color-zinc-300: oklch(0.871 0.006 286.286);
223
- --color-zinc-400: oklch(0.705 0.015 286.067);
224
- --color-zinc-500: oklch(0.552 0.016 285.938);
225
- --color-zinc-600: oklch(0.442 0.017 285.786);
226
- --color-zinc-700: oklch(0.37 0.013 285.805);
227
- --color-zinc-800: oklch(0.274 0.006 286.033);
228
- --color-zinc-900: oklch(0.21 0.006 285.885);
229
- --color-zinc-950: oklch(0.141 0.005 285.823);
230
- --color-neutral-50: oklch(0.985 0 0);
231
- --color-neutral-100: oklch(0.97 0 0);
232
- --color-neutral-200: oklch(0.922 0 0);
233
- --color-neutral-300: oklch(0.87 0 0);
234
- --color-neutral-400: oklch(0.708 0 0);
235
- --color-neutral-500: oklch(0.556 0 0);
236
- --color-neutral-600: oklch(0.439 0 0);
237
- --color-neutral-700: oklch(0.371 0 0);
238
- --color-neutral-800: oklch(0.269 0 0);
239
- --color-neutral-900: oklch(0.205 0 0);
240
- --color-neutral-950: oklch(0.145 0 0);
241
- --color-stone-50: oklch(0.985 0.001 106.423);
242
- --color-stone-100: oklch(0.97 0.001 106.424);
243
- --color-stone-200: oklch(0.923 0.003 48.717);
244
- --color-stone-300: oklch(0.869 0.005 56.366);
245
- --color-stone-400: oklch(0.709 0.01 56.259);
246
- --color-stone-500: oklch(0.553 0.013 58.071);
247
- --color-stone-600: oklch(0.444 0.011 73.639);
248
- --color-stone-700: oklch(0.374 0.01 67.558);
249
- --color-stone-800: oklch(0.268 0.007 34.298);
250
- --color-stone-900: oklch(0.216 0.006 56.043);
251
- --color-stone-950: oklch(0.147 0.004 49.25);
11
+ --color-red-500: oklch(63.7% 0.237 25.331);
12
+ --color-red-600: oklch(57.7% 0.245 27.325);
13
+ --color-red-700: oklch(50.5% 0.213 27.518);
14
+ --color-orange-500: oklch(70.5% 0.213 47.604);
15
+ --color-orange-600: oklch(64.6% 0.222 41.116);
16
+ --color-green-500: oklch(72.3% 0.219 149.579);
17
+ --color-green-600: oklch(62.7% 0.194 149.214);
18
+ --color-green-800: oklch(44.8% 0.119 151.328);
19
+ --color-blue-100: oklch(93.2% 0.032 255.585);
20
+ --color-blue-200: oklch(88.2% 0.059 254.128);
21
+ --color-blue-300: oklch(80.9% 0.105 251.813);
22
+ --color-blue-400: oklch(70.7% 0.165 254.624);
23
+ --color-blue-500: oklch(62.3% 0.214 259.815);
24
+ --color-blue-600: oklch(54.6% 0.245 262.881);
25
+ --color-blue-700: oklch(48.8% 0.243 264.376);
26
+ --color-blue-950: oklch(28.2% 0.091 267.935);
27
+ --color-slate-200: oklch(92.9% 0.013 255.508);
28
+ --color-slate-300: oklch(86.9% 0.022 252.894);
29
+ --color-slate-400: oklch(70.4% 0.04 256.788);
30
+ --color-slate-500: oklch(55.4% 0.046 257.417);
31
+ --color-gray-100: oklch(96.7% 0.003 264.542);
32
+ --color-gray-200: oklch(92.8% 0.006 264.531);
33
+ --color-gray-300: oklch(87.2% 0.01 258.338);
34
+ --color-gray-400: oklch(70.7% 0.022 261.325);
35
+ --color-gray-500: oklch(55.1% 0.027 264.364);
36
+ --color-gray-600: oklch(44.6% 0.03 256.802);
37
+ --color-gray-700: oklch(37.3% 0.034 259.733);
38
+ --color-gray-800: oklch(27.8% 0.033 256.848);
39
+ --color-gray-900: oklch(21% 0.034 264.665);
40
+ --color-gray-950: oklch(13% 0.028 261.692);
252
41
  --color-black: #000;
253
42
  --color-white: #fff;
254
43
  --spacing: 0.25rem;
255
- --breakpoint-sm: 40rem;
256
- --breakpoint-md: 48rem;
257
- --breakpoint-lg: 64rem;
258
- --breakpoint-xl: 80rem;
259
- --breakpoint-2xl: 96rem;
260
- --container-3xs: 16rem;
261
- --container-2xs: 18rem;
262
- --container-xs: 20rem;
263
44
  --container-sm: 24rem;
264
- --container-md: 28rem;
265
- --container-lg: 32rem;
266
- --container-xl: 36rem;
267
- --container-2xl: 42rem;
268
- --container-3xl: 48rem;
269
- --container-4xl: 56rem;
270
- --container-5xl: 64rem;
271
- --container-6xl: 72rem;
272
- --container-7xl: 80rem;
273
45
  --text-xs: 0.75rem;
274
46
  --text-xs--line-height: calc(1 / 0.75);
275
47
  --text-sm: 0.875rem;
@@ -290,12 +62,8 @@
290
62
  --text-5xl--line-height: 1;
291
63
  --text-6xl: 3.75rem;
292
64
  --text-6xl--line-height: 1;
293
- --text-7xl: 4.5rem;
294
- --text-7xl--line-height: 1;
295
65
  --text-8xl: 6rem;
296
66
  --text-8xl--line-height: 1;
297
- --text-9xl: 8rem;
298
- --text-9xl--line-height: 1;
299
67
  --font-weight-thin: 100;
300
68
  --font-weight-extralight: 200;
301
69
  --font-weight-light: 300;
@@ -305,106 +73,21 @@
305
73
  --font-weight-bold: 700;
306
74
  --font-weight-extrabold: 800;
307
75
  --font-weight-black: 900;
308
- --tracking-tighter: -0.05em;
309
- --tracking-tight: -0.025em;
310
- --tracking-normal: 0em;
311
- --tracking-wide: 0.025em;
312
- --tracking-wider: 0.05em;
313
- --tracking-widest: 0.1em;
314
- --leading-tight: 1.25;
315
- --leading-snug: 1.375;
316
- --leading-normal: 1.5;
317
- --leading-relaxed: 1.625;
318
- --leading-loose: 2;
319
76
  --radius-xs: 0.125rem;
320
77
  --radius-sm: 0.25rem;
321
78
  --radius-md: 0.375rem;
322
79
  --radius-lg: 0.5rem;
323
80
  --radius-xl: 0.75rem;
324
- --radius-2xl: 1rem;
325
81
  --radius-3xl: 1.5rem;
326
- --radius-4xl: 2rem;
327
- --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
328
- --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
329
- --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
330
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
331
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
332
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
333
- --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
334
- --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
335
- --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
336
- --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
337
- --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
338
- --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
339
- --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
340
- --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
341
- --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
342
- --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
343
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
344
82
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
345
83
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
346
- --animate-spin: spin 1s linear infinite;
347
- --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
348
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
349
- --animate-bounce: bounce 1s infinite;
350
- --blur-xs: 4px;
351
- --blur-sm: 8px;
352
84
  --blur-md: 12px;
353
85
  --blur-lg: 16px;
354
86
  --blur-xl: 24px;
355
- --blur-2xl: 40px;
356
- --blur-3xl: 64px;
357
- --perspective-dramatic: 100px;
358
- --perspective-near: 300px;
359
- --perspective-normal: 500px;
360
- --perspective-midrange: 800px;
361
- --perspective-distant: 1200px;
362
- --aspect-video: 16 / 9;
363
87
  --default-transition-duration: 150ms;
364
88
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
365
89
  --default-font-family: var(--font-sans);
366
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
367
- --default-font-variation-settings: var(
368
- --font-sans--font-variation-settings
369
- );
370
90
  --default-mono-font-family: var(--font-mono);
371
- --default-mono-font-feature-settings: var(
372
- --font-mono--font-feature-settings
373
- );
374
- --default-mono-font-variation-settings: var(
375
- --font-mono--font-variation-settings
376
- );
377
- --primary: var(--color-blue-500);
378
- --primary-active: var(--color-blue-500);
379
- --primary-hover: var(--color-blue-600);
380
- --primary-inactive: var(--color-blue-200);
381
- --secondary: var(--color-gray-700);
382
- --secondary-active: var(--color-gray-700);
383
- --secondary-hover: var(--color-gray-800);
384
- --secondary-inactive: var(--color-gray-400);
385
- --success: var(--color-green-500);
386
- --success-active: var(--color-green-500);
387
- --success-hover: var(--color-green-600);
388
- --error: var(--color-red-500);
389
- --error-active: var(--color-red-500);
390
- --error-hover: var(--color-red-600);
391
- --warning: var(--color-orange-500);
392
- --warning-active: var(--color-orange-500);
393
- --warning-hover: var(--color-orange-600);
394
- --info: var(--color-blue-500);
395
- --info-active: var(--color-blue-500);
396
- --info-hover: var(--color-blue-600);
397
- --background-level1: var(--color-white);
398
- --background-level2: var(--color-gray-950);
399
- --background-level3: var(--color-gray-900);
400
- --background-level4: var(--color-gray-800);
401
- --panel: var(--color-black-pearl);
402
- --panel-accent: var(--color-charade);
403
- --surface: var(--color-charade);
404
- --typography: var(--color-athens-gray);
405
- --accent: var(--color-waterloo);
406
- --accent-active: var(--color-anakiwa);
407
- --border-radius-3xl: 20px;
408
91
  }
409
92
  }
410
93
  @layer base {
@@ -418,14 +101,11 @@
418
101
  line-height: 1.5;
419
102
  -webkit-text-size-adjust: 100%;
420
103
  tab-size: 4;
421
- 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" );
104
+ 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");
422
105
  font-feature-settings: var(--default-font-feature-settings, normal);
423
- font-variation-settings: var( --default-font-variation-settings, normal );
106
+ font-variation-settings: var(--default-font-variation-settings, normal);
424
107
  -webkit-tap-highlight-color: transparent;
425
108
  }
426
- body {
427
- line-height: inherit;
428
- }
429
109
  hr {
430
110
  height: 0;
431
111
  color: inherit;
@@ -448,9 +128,9 @@
448
128
  font-weight: bolder;
449
129
  }
450
130
  code, kbd, samp, pre {
451
- font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
452
- font-feature-settings: var( --default-mono-font-feature-settings, normal );
453
- font-variation-settings: var( --default-mono-font-variation-settings, normal );
131
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
132
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
133
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
454
134
  font-size: 1em;
455
135
  }
456
136
  small {
@@ -514,7 +194,14 @@
514
194
  }
515
195
  ::placeholder {
516
196
  opacity: 1;
517
- color: color-mix(in oklab, currentColor 50%, transparent);
197
+ }
198
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
199
+ ::placeholder {
200
+ color: currentcolor;
201
+ @supports (color: color-mix(in lab, red, red)) {
202
+ color: color-mix(in oklab, currentcolor 50%, transparent);
203
+ }
204
+ }
518
205
  }
519
206
  textarea {
520
207
  resize: vertical;
@@ -535,6 +222,9 @@
535
222
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
536
223
  padding-block: 0;
537
224
  }
225
+ ::-webkit-calendar-picker-indicator {
226
+ line-height: 1;
227
+ }
538
228
  :-moz-ui-invalid {
539
229
  box-shadow: none;
540
230
  }
@@ -555,9 +245,6 @@
555
245
  .pointer-events-none {
556
246
  pointer-events: none;
557
247
  }
558
- .\!visible {
559
- visibility: visible !important;
560
- }
561
248
  .collapse {
562
249
  visibility: collapse;
563
250
  }
@@ -591,18 +278,27 @@
591
278
  .inset-y-1\/2 {
592
279
  inset-block: calc(1/2 * 100%);
593
280
  }
594
- .-top-1 {
595
- top: calc(var(--spacing) * -1);
281
+ .-top-1\.5 {
282
+ top: calc(var(--spacing) * -1.5);
596
283
  }
597
284
  .-top-2 {
598
285
  top: calc(var(--spacing) * -2);
599
286
  }
287
+ .-top-3 {
288
+ top: calc(var(--spacing) * -3);
289
+ }
290
+ .-top-8\.5 {
291
+ top: calc(var(--spacing) * -8.5);
292
+ }
600
293
  .top-0 {
601
294
  top: calc(var(--spacing) * 0);
602
295
  }
603
296
  .top-5 {
604
297
  top: calc(var(--spacing) * 5);
605
298
  }
299
+ .top-\[-45px\] {
300
+ top: -45px;
301
+ }
606
302
  .right-0 {
607
303
  right: calc(var(--spacing) * 0);
608
304
  }
@@ -621,18 +317,24 @@
621
317
  .bottom-5 {
622
318
  bottom: calc(var(--spacing) * 5);
623
319
  }
320
+ .-left-1\.5 {
321
+ left: calc(var(--spacing) * -1.5);
322
+ }
624
323
  .-left-2 {
625
324
  left: calc(var(--spacing) * -2);
626
325
  }
627
326
  .left-0 {
628
327
  left: calc(var(--spacing) * 0);
629
328
  }
630
- .left-2 {
631
- left: calc(var(--spacing) * 2);
329
+ .left-2\/4 {
330
+ left: calc(2/4 * 100%);
632
331
  }
633
332
  .left-5 {
634
333
  left: calc(var(--spacing) * 5);
635
334
  }
335
+ .left-\[-9999px\] {
336
+ left: -9999px;
337
+ }
636
338
  .z-0 {
637
339
  z-index: 0;
638
340
  }
@@ -654,24 +356,6 @@
654
356
  .row-span-2 {
655
357
  grid-row: span 2 / span 2;
656
358
  }
657
- .\!container {
658
- width: 100% !important;
659
- @media (width >= 40rem) {
660
- max-width: 40rem !important;
661
- }
662
- @media (width >= 48rem) {
663
- max-width: 48rem !important;
664
- }
665
- @media (width >= 64rem) {
666
- max-width: 64rem !important;
667
- }
668
- @media (width >= 80rem) {
669
- max-width: 80rem !important;
670
- }
671
- @media (width >= 96rem) {
672
- max-width: 96rem !important;
673
- }
674
- }
675
359
  .container {
676
360
  width: 100%;
677
361
  @media (width >= 40rem) {
@@ -693,9 +377,15 @@
693
377
  .m-0 {
694
378
  margin: calc(var(--spacing) * 0);
695
379
  }
380
+ .m-0\.5 {
381
+ margin: calc(var(--spacing) * 0.5);
382
+ }
696
383
  .m-1 {
697
384
  margin: calc(var(--spacing) * 1);
698
385
  }
386
+ .m-1\.5 {
387
+ margin: calc(var(--spacing) * 1.5);
388
+ }
699
389
  .m-2 {
700
390
  margin: calc(var(--spacing) * 2);
701
391
  }
@@ -708,9 +398,15 @@
708
398
  .mx-1 {
709
399
  margin-inline: calc(var(--spacing) * 1);
710
400
  }
401
+ .mx-1\.5 {
402
+ margin-inline: calc(var(--spacing) * 1.5);
403
+ }
711
404
  .mx-2 {
712
405
  margin-inline: calc(var(--spacing) * 2);
713
406
  }
407
+ .mx-2\.5 {
408
+ margin-inline: calc(var(--spacing) * 2.5);
409
+ }
714
410
  .mx-5 {
715
411
  margin-inline: calc(var(--spacing) * 5);
716
412
  }
@@ -720,12 +416,18 @@
720
416
  .my-0 {
721
417
  margin-block: calc(var(--spacing) * 0);
722
418
  }
419
+ .my-0\.5 {
420
+ margin-block: calc(var(--spacing) * 0.5);
421
+ }
723
422
  .my-1 {
724
423
  margin-block: calc(var(--spacing) * 1);
725
424
  }
726
425
  .my-2 {
727
426
  margin-block: calc(var(--spacing) * 2);
728
427
  }
428
+ .my-2\.5 {
429
+ margin-block: calc(var(--spacing) * 2.5);
430
+ }
729
431
  .my-3 {
730
432
  margin-block: calc(var(--spacing) * 3);
731
433
  }
@@ -747,6 +449,9 @@
747
449
  .my-auto {
748
450
  margin-block: auto;
749
451
  }
452
+ .mt-\(--notifications-details-space-between-standard-sm\) {
453
+ margin-top: var(--notifications-details-space-between-standard-sm);
454
+ }
750
455
  .mt-0 {
751
456
  margin-top: calc(var(--spacing) * 0);
752
457
  }
@@ -756,6 +461,9 @@
756
461
  .mt-2 {
757
462
  margin-top: calc(var(--spacing) * 2);
758
463
  }
464
+ .mt-2\.5 {
465
+ margin-top: calc(var(--spacing) * 2.5);
466
+ }
759
467
  .mt-3 {
760
468
  margin-top: calc(var(--spacing) * 3);
761
469
  }
@@ -780,15 +488,30 @@
780
488
  .mt-12 {
781
489
  margin-top: calc(var(--spacing) * 12);
782
490
  }
491
+ .mt-\[190px\] {
492
+ margin-top: 190px;
493
+ }
494
+ .mr-\(--notifications-details-space-between-standard-sm\) {
495
+ margin-right: var(--notifications-details-space-between-standard-sm);
496
+ }
783
497
  .mr-0 {
784
498
  margin-right: calc(var(--spacing) * 0);
785
499
  }
500
+ .mr-0\.5 {
501
+ margin-right: calc(var(--spacing) * 0.5);
502
+ }
786
503
  .mr-1 {
787
504
  margin-right: calc(var(--spacing) * 1);
788
505
  }
506
+ .mr-1\.5 {
507
+ margin-right: calc(var(--spacing) * 1.5);
508
+ }
789
509
  .mr-2 {
790
510
  margin-right: calc(var(--spacing) * 2);
791
511
  }
512
+ .mr-2\.5 {
513
+ margin-right: calc(var(--spacing) * 2.5);
514
+ }
792
515
  .mr-10 {
793
516
  margin-right: calc(var(--spacing) * 10);
794
517
  }
@@ -798,12 +521,18 @@
798
521
  .mb-0 {
799
522
  margin-bottom: calc(var(--spacing) * 0);
800
523
  }
524
+ .mb-0\.5 {
525
+ margin-bottom: calc(var(--spacing) * 0.5);
526
+ }
801
527
  .mb-1 {
802
528
  margin-bottom: calc(var(--spacing) * 1);
803
529
  }
804
530
  .mb-2 {
805
531
  margin-bottom: calc(var(--spacing) * 2);
806
532
  }
533
+ .mb-2\.5 {
534
+ margin-bottom: calc(var(--spacing) * 2.5);
535
+ }
807
536
  .mb-3 {
808
537
  margin-bottom: calc(var(--spacing) * 3);
809
538
  }
@@ -828,11 +557,17 @@
828
557
  .mb-14 {
829
558
  margin-bottom: calc(var(--spacing) * 14);
830
559
  }
560
+ .mb-\[190px\] {
561
+ margin-bottom: 190px;
562
+ }
563
+ .mb-\[200px\] {
564
+ margin-bottom: 200px;
565
+ }
831
566
  .mb-px {
832
567
  margin-bottom: 1px;
833
568
  }
834
- .-ml-2 {
835
- margin-left: calc(var(--spacing) * -2);
569
+ .-ml-2\.5 {
570
+ margin-left: calc(var(--spacing) * -2.5);
836
571
  }
837
572
  .ml-0 {
838
573
  margin-left: calc(var(--spacing) * 0);
@@ -840,8 +575,11 @@
840
575
  .ml-1 {
841
576
  margin-left: calc(var(--spacing) * 1);
842
577
  }
843
- .ml-2 {
844
- margin-left: calc(var(--spacing) * 2);
578
+ .ml-2\.5 {
579
+ margin-left: calc(var(--spacing) * 2.5);
580
+ }
581
+ .ml-3 {
582
+ margin-left: calc(var(--spacing) * 3);
845
583
  }
846
584
  .ml-5 {
847
585
  margin-left: calc(var(--spacing) * 5);
@@ -849,12 +587,21 @@
849
587
  .ml-6 {
850
588
  margin-left: calc(var(--spacing) * 6);
851
589
  }
590
+ .ml-\[5px\] {
591
+ margin-left: 5px;
592
+ }
593
+ .ml-\[15px\] {
594
+ margin-left: 15px;
595
+ }
852
596
  .ml-auto {
853
597
  margin-left: auto;
854
598
  }
855
599
  .box-border {
856
600
  box-sizing: border-box;
857
601
  }
602
+ .box-content {
603
+ box-sizing: content-box;
604
+ }
858
605
  .\!hidden {
859
606
  display: none !important;
860
607
  }
@@ -885,32 +632,169 @@
885
632
  .inline-grid {
886
633
  display: inline-grid;
887
634
  }
888
- .list-item {
889
- display: list-item;
890
- }
891
635
  .table {
892
636
  display: table;
893
637
  }
638
+ .size-\(--buttons-details-height-core-icon-lg\) {
639
+ width: var(--buttons-details-height-core-icon-lg);
640
+ height: var(--buttons-details-height-core-icon-lg);
641
+ }
642
+ .size-\(--buttons-details-height-core-icon-md\) {
643
+ width: var(--buttons-details-height-core-icon-md);
644
+ height: var(--buttons-details-height-core-icon-md);
645
+ }
646
+ .size-\(--buttons-details-height-core-icon-sm\) {
647
+ width: var(--buttons-details-height-core-icon-sm);
648
+ height: var(--buttons-details-height-core-icon-sm);
649
+ }
650
+ .size-\(--buttons-details-height-core-icon-xs\) {
651
+ width: var(--buttons-details-height-core-icon-xs);
652
+ height: var(--buttons-details-height-core-icon-xs);
653
+ }
654
+ .size-\(--notifications-details-asset-size-base\) {
655
+ width: var(--notifications-details-asset-size-base);
656
+ height: var(--notifications-details-asset-size-base);
657
+ }
658
+ .size-\(--notifications-details-asset-size-compact\) {
659
+ width: var(--notifications-details-asset-size-compact);
660
+ height: var(--notifications-details-asset-size-compact);
661
+ }
662
+ .size-\(--selectors-details-asset-size-radio-checkbox-lg\) {
663
+ width: var(--selectors-details-asset-size-radio-checkbox-lg);
664
+ height: var(--selectors-details-asset-size-radio-checkbox-lg);
665
+ }
666
+ .size-\(--selectors-details-asset-size-radio-checkbox-sm\) {
667
+ width: var(--selectors-details-asset-size-radio-checkbox-sm);
668
+ height: var(--selectors-details-asset-size-radio-checkbox-sm);
669
+ }
670
+ .size-\(--selectors-details-asset-size-toggle-lg\) {
671
+ width: var(--selectors-details-asset-size-toggle-lg);
672
+ height: var(--selectors-details-asset-size-toggle-lg);
673
+ }
674
+ .size-\(--selectors-details-asset-size-toggle-sm\) {
675
+ width: var(--selectors-details-asset-size-toggle-sm);
676
+ height: var(--selectors-details-asset-size-toggle-sm);
677
+ }
678
+ .size-\(--selectors-details-width-radio-checkbox-lg\) {
679
+ width: var(--selectors-details-width-radio-checkbox-lg);
680
+ height: var(--selectors-details-width-radio-checkbox-lg);
681
+ }
682
+ .size-\(--selectors-details-width-radio-checkbox-sm\) {
683
+ width: var(--selectors-details-width-radio-checkbox-sm);
684
+ height: var(--selectors-details-width-radio-checkbox-sm);
685
+ }
686
+ .size-1 {
687
+ width: calc(var(--spacing) * 1);
688
+ height: calc(var(--spacing) * 1);
689
+ }
690
+ .size-1\.5 {
691
+ width: calc(var(--spacing) * 1.5);
692
+ height: calc(var(--spacing) * 1.5);
693
+ }
694
+ .size-2 {
695
+ width: calc(var(--spacing) * 2);
696
+ height: calc(var(--spacing) * 2);
697
+ }
698
+ .size-3 {
699
+ width: calc(var(--spacing) * 3);
700
+ height: calc(var(--spacing) * 3);
701
+ }
894
702
  .size-4 {
895
703
  width: calc(var(--spacing) * 4);
896
704
  height: calc(var(--spacing) * 4);
897
705
  }
706
+ .size-4\.5 {
707
+ width: calc(var(--spacing) * 4.5);
708
+ height: calc(var(--spacing) * 4.5);
709
+ }
710
+ .size-8 {
711
+ width: calc(var(--spacing) * 8);
712
+ height: calc(var(--spacing) * 8);
713
+ }
898
714
  .size-10 {
899
715
  width: calc(var(--spacing) * 10);
900
716
  height: calc(var(--spacing) * 10);
901
717
  }
902
- .h-0 {
903
- height: calc(var(--spacing) * 0);
718
+ .size-auto {
719
+ width: auto;
720
+ height: auto;
721
+ }
722
+ .size-full {
723
+ width: 100%;
724
+ height: 100%;
725
+ }
726
+ .h-\(--badges-details-height-lg\) {
727
+ height: var(--badges-details-height-lg);
728
+ }
729
+ .h-\(--badges-details-height-md\) {
730
+ height: var(--badges-details-height-md);
731
+ }
732
+ .h-\(--badges-details-height-sm\) {
733
+ height: var(--badges-details-height-sm);
734
+ }
735
+ .h-\(--buttons-details-height-core-icon-lg\) {
736
+ height: var(--buttons-details-height-core-icon-lg);
737
+ }
738
+ .h-\(--buttons-details-height-core-icon-md\) {
739
+ height: var(--buttons-details-height-core-icon-md);
740
+ }
741
+ .h-\(--buttons-details-height-core-icon-sm\) {
742
+ height: var(--buttons-details-height-core-icon-sm);
743
+ }
744
+ .h-\(--inputs-details-height-input-lg\) {
745
+ height: var(--inputs-details-height-input-lg);
746
+ }
747
+ .h-\(--inputs-details-height-input-md\) {
748
+ height: var(--inputs-details-height-input-md);
749
+ }
750
+ .h-\(--inputs-details-height-input-sm\) {
751
+ height: var(--inputs-details-height-input-sm);
752
+ }
753
+ .h-\(--navigation-details-height-width-items-side-nav\) {
754
+ height: var(--navigation-details-height-width-items-side-nav);
755
+ }
756
+ .h-\(--selectors-details-height-lg\) {
757
+ height: var(--selectors-details-height-lg);
758
+ }
759
+ .h-\(--selectors-details-height-sm\) {
760
+ height: var(--selectors-details-height-sm);
761
+ }
762
+ .h-\(--tabs-details-height-lg\) {
763
+ height: var(--tabs-details-height-lg);
764
+ }
765
+ .h-\(--tabs-details-height-sm\) {
766
+ height: var(--tabs-details-height-sm);
767
+ }
768
+ .h-\(--tabs-details-stroke-width-underline-lg\) {
769
+ height: var(--tabs-details-stroke-width-underline-lg);
770
+ }
771
+ .h-\(--tabs-details-stroke-width-underline-sm\) {
772
+ height: var(--tabs-details-stroke-width-underline-sm);
773
+ }
774
+ .h-\(--tags-details-height-base\) {
775
+ height: var(--tags-details-height-base);
776
+ }
777
+ .h-0\.5 {
778
+ height: calc(var(--spacing) * 0.5);
904
779
  }
905
780
  .h-1 {
906
781
  height: calc(var(--spacing) * 1);
907
782
  }
783
+ .h-1\.5 {
784
+ height: calc(var(--spacing) * 1.5);
785
+ }
908
786
  .h-2 {
909
787
  height: calc(var(--spacing) * 2);
910
788
  }
789
+ .h-2\.5 {
790
+ height: calc(var(--spacing) * 2.5);
791
+ }
911
792
  .h-3 {
912
793
  height: calc(var(--spacing) * 3);
913
794
  }
795
+ .h-3\.5 {
796
+ height: calc(var(--spacing) * 3.5);
797
+ }
914
798
  .h-4 {
915
799
  height: calc(var(--spacing) * 4);
916
800
  }
@@ -935,12 +819,60 @@
935
819
  .h-11 {
936
820
  height: calc(var(--spacing) * 11);
937
821
  }
822
+ .h-46 {
823
+ height: calc(var(--spacing) * 46);
824
+ }
825
+ .h-52 {
826
+ height: calc(var(--spacing) * 52);
827
+ }
828
+ .h-54 {
829
+ height: calc(var(--spacing) * 54);
830
+ }
831
+ .h-59 {
832
+ height: calc(var(--spacing) * 59);
833
+ }
834
+ .h-\[4px\] {
835
+ height: 4px;
836
+ }
837
+ .h-\[9px\] {
838
+ height: 9px;
839
+ }
840
+ .h-\[18px\] {
841
+ height: 18px;
842
+ }
843
+ .h-\[30px\] {
844
+ height: 30px;
845
+ }
938
846
  .h-\[50\%\] {
939
847
  height: 50%;
940
848
  }
849
+ .h-\[50px\] {
850
+ height: 50px;
851
+ }
852
+ .h-\[60px\] {
853
+ height: 60px;
854
+ }
941
855
  .h-\[300px\] {
942
856
  height: 300px;
943
857
  }
858
+ .h-\[500px\] {
859
+ height: 500px;
860
+ }
861
+ .h-\[515px\] {
862
+ height: 515px;
863
+ }
864
+ .h-\[600px\] {
865
+ height: 600px;
866
+ }
867
+ .h-\[650px\] {
868
+ height: 650px;
869
+ }
870
+ .h-\[calc\(100\%-26px\)\] {
871
+ height: calc(100% - 26px);
872
+ }
873
+ .h-\[calc\(100\%-30px\)\] {
874
+ height: calc(100% - 30px);
875
+ }
944
876
  .h-auto {
945
877
  height: auto;
946
878
  }
@@ -953,36 +885,96 @@
953
885
  .h-px {
954
886
  height: 1px;
955
887
  }
956
- .max-h-2 {
957
- max-height: calc(var(--spacing) * 2);
888
+ .max-h-2\.5 {
889
+ max-height: calc(var(--spacing) * 2.5);
958
890
  }
959
891
  .max-h-3 {
960
892
  max-height: calc(var(--spacing) * 3);
961
893
  }
894
+ .max-h-3\.5 {
895
+ max-height: calc(var(--spacing) * 3.5);
896
+ }
962
897
  .max-h-10 {
963
898
  max-height: calc(var(--spacing) * 10);
964
899
  }
900
+ .max-h-80 {
901
+ max-height: calc(var(--spacing) * 80);
902
+ }
903
+ .max-h-\[80vh\] {
904
+ max-height: 80vh;
905
+ }
906
+ .max-h-\[90vh\] {
907
+ max-height: 90vh;
908
+ }
909
+ .max-h-\[300px\] {
910
+ max-height: 300px;
911
+ }
965
912
  .max-h-\[350px\] {
966
913
  max-height: 350px;
967
914
  }
915
+ .max-h-\[400px\] {
916
+ max-height: 400px;
917
+ }
968
918
  .min-h-8 {
969
919
  min-height: calc(var(--spacing) * 8);
970
920
  }
971
- .min-h-10 {
972
- min-height: calc(var(--spacing) * 10);
921
+ .min-h-\[35px\] {
922
+ min-height: 35px;
923
+ }
924
+ .min-h-\[42px\] {
925
+ min-height: 42px;
926
+ }
927
+ .min-h-\[600px\] {
928
+ min-height: 600px;
929
+ }
930
+ .min-h-\[800px\] {
931
+ min-height: 800px;
932
+ }
933
+ .min-h-\[auto\] {
934
+ min-height: auto;
935
+ }
936
+ .w-\(--selectors-details-width-toggle-lg\) {
937
+ width: var(--selectors-details-width-toggle-lg);
938
+ }
939
+ .w-\(--selectors-details-width-toggle-sm\) {
940
+ width: var(--selectors-details-width-toggle-sm);
973
941
  }
974
942
  .w-1 {
975
943
  width: calc(var(--spacing) * 1);
976
944
  }
945
+ .w-1\.5 {
946
+ width: calc(var(--spacing) * 1.5);
947
+ }
948
+ .w-1\/2 {
949
+ width: calc(1/2 * 100%);
950
+ }
977
951
  .w-1\/3 {
978
952
  width: calc(1/3 * 100%);
979
953
  }
954
+ .w-1\/4 {
955
+ width: calc(1/4 * 100%);
956
+ }
980
957
  .w-2 {
981
958
  width: calc(var(--spacing) * 2);
982
959
  }
960
+ .w-2\.5 {
961
+ width: calc(var(--spacing) * 2.5);
962
+ }
963
+ .w-2\/4 {
964
+ width: calc(2/4 * 100%);
965
+ }
966
+ .w-2\/5 {
967
+ width: calc(2/5 * 100%);
968
+ }
983
969
  .w-3 {
984
970
  width: calc(var(--spacing) * 3);
985
971
  }
972
+ .w-3\.5 {
973
+ width: calc(var(--spacing) * 3.5);
974
+ }
975
+ .w-3\/5 {
976
+ width: calc(3/5 * 100%);
977
+ }
986
978
  .w-4 {
987
979
  width: calc(var(--spacing) * 4);
988
980
  }
@@ -1007,12 +999,36 @@
1007
999
  .w-16 {
1008
1000
  width: calc(var(--spacing) * 16);
1009
1001
  }
1002
+ .w-\[9px\] {
1003
+ width: 9px;
1004
+ }
1005
+ .w-\[18px\] {
1006
+ width: 18px;
1007
+ }
1010
1008
  .w-\[30\%\] {
1011
1009
  width: 30%;
1012
1010
  }
1011
+ .w-\[50px\] {
1012
+ width: 50px;
1013
+ }
1014
+ .w-\[60px\] {
1015
+ width: 60px;
1016
+ }
1017
+ .w-\[80\%\] {
1018
+ width: 80%;
1019
+ }
1020
+ .w-\[250px\] {
1021
+ width: 250px;
1022
+ }
1023
+ .w-\[300px\] {
1024
+ width: 300px;
1025
+ }
1013
1026
  .w-\[400px\] {
1014
1027
  width: 400px;
1015
1028
  }
1029
+ .w-\[800px\] {
1030
+ width: 800px;
1031
+ }
1016
1032
  .w-auto {
1017
1033
  width: auto;
1018
1034
  }
@@ -1031,33 +1047,84 @@
1031
1047
  .max-w-10 {
1032
1048
  max-width: calc(var(--spacing) * 10);
1033
1049
  }
1050
+ .max-w-52 {
1051
+ max-width: calc(var(--spacing) * 52);
1052
+ }
1053
+ .max-w-\[80vw\] {
1054
+ max-width: 80vw;
1055
+ }
1034
1056
  .max-w-\[100\%\] {
1035
1057
  max-width: 100%;
1036
1058
  }
1059
+ .max-w-\[200px\] {
1060
+ max-width: 200px;
1061
+ }
1037
1062
  .max-w-\[300px\] {
1038
1063
  max-width: 300px;
1039
1064
  }
1065
+ .max-w-\[350px\] {
1066
+ max-width: 350px;
1067
+ }
1040
1068
  .max-w-\[400px\] {
1041
1069
  max-width: 400px;
1042
1070
  }
1071
+ .max-w-\[500px\] {
1072
+ max-width: 500px;
1073
+ }
1074
+ .max-w-\[960px\] {
1075
+ max-width: 960px;
1076
+ }
1077
+ .max-w-\[1200px\] {
1078
+ max-width: 1200px;
1079
+ }
1080
+ .max-w-\[1280px\] {
1081
+ max-width: 1280px;
1082
+ }
1043
1083
  .max-w-full {
1044
1084
  max-width: 100%;
1045
1085
  }
1046
1086
  .min-w-0 {
1047
1087
  min-width: calc(var(--spacing) * 0);
1048
1088
  }
1089
+ .min-w-8 {
1090
+ min-width: calc(var(--spacing) * 8);
1091
+ }
1092
+ .min-w-\[100px\] {
1093
+ min-width: 100px;
1094
+ }
1095
+ .min-w-\[112px\] {
1096
+ min-width: 112px;
1097
+ }
1049
1098
  .min-w-\[150px\] {
1050
1099
  min-width: 150px;
1051
1100
  }
1101
+ .min-w-\[250px\] {
1102
+ min-width: 250px;
1103
+ }
1104
+ .min-w-\[300px\] {
1105
+ min-width: 300px;
1106
+ }
1107
+ .min-w-\[350px\] {
1108
+ min-width: 350px;
1109
+ }
1110
+ .min-w-\[360px\] {
1111
+ min-width: 360px;
1112
+ }
1113
+ .min-w-\[400px\] {
1114
+ min-width: 400px;
1115
+ }
1116
+ .min-w-\[960px\] {
1117
+ min-width: 960px;
1118
+ }
1119
+ .min-w-\[auto\] {
1120
+ min-width: auto;
1121
+ }
1052
1122
  .flex-1 {
1053
1123
  flex: 1;
1054
1124
  }
1055
1125
  .flex-auto {
1056
1126
  flex: auto;
1057
1127
  }
1058
- .flex-shrink {
1059
- flex-shrink: 1;
1060
- }
1061
1128
  .flex-shrink-0 {
1062
1129
  flex-shrink: 0;
1063
1130
  }
@@ -1073,31 +1140,44 @@
1073
1140
  .table-auto {
1074
1141
  table-layout: auto;
1075
1142
  }
1076
- .border-collapse {
1077
- border-collapse: collapse;
1143
+ .origin-\[0\%_0\%\] {
1144
+ transform-origin: 0% 0%;
1145
+ }
1146
+ .origin-\[0\%_100\%\] {
1147
+ transform-origin: 0% 100%;
1078
1148
  }
1079
- .-translate-x-2 {
1080
- --tw-translate-x: calc(var(--spacing) * -2);
1149
+ .origin-\[100\%_0\%\] {
1150
+ transform-origin: 100% 0%;
1151
+ }
1152
+ .origin-\[100\%_100\%\] {
1153
+ transform-origin: 100% 100%;
1154
+ }
1155
+ .-translate-x-2\/4 {
1156
+ --tw-translate-x: calc(calc(2/4 * 100%) * -1);
1081
1157
  translate: var(--tw-translate-x) var(--tw-translate-y);
1082
1158
  }
1083
- .-translate-y-1\/2 {
1084
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1159
+ .-translate-x-\[calc\(50\%\+0\.5px\)\] {
1160
+ --tw-translate-x: calc(calc(50% + 0.5px) * -1);
1085
1161
  translate: var(--tw-translate-x) var(--tw-translate-y);
1086
1162
  }
1087
- .-translate-y-2 {
1088
- --tw-translate-y: calc(var(--spacing) * -2);
1163
+ .translate-x-1\/2 {
1164
+ --tw-translate-x: calc(1/2 * 100%);
1089
1165
  translate: var(--tw-translate-x) var(--tw-translate-y);
1090
1166
  }
1091
- .translate-x-1 {
1092
- --tw-translate-x: calc(var(--spacing) * 1);
1167
+ .translate-x-2\/4 {
1168
+ --tw-translate-x: calc(2/4 * 100%);
1093
1169
  translate: var(--tw-translate-x) var(--tw-translate-y);
1094
1170
  }
1095
- .translate-x-2 {
1096
- --tw-translate-x: calc(var(--spacing) * 2);
1171
+ .-translate-y-1\/2 {
1172
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1173
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1174
+ }
1175
+ .-translate-y-2\/4 {
1176
+ --tw-translate-y: calc(calc(2/4 * 100%) * -1);
1097
1177
  translate: var(--tw-translate-x) var(--tw-translate-y);
1098
1178
  }
1099
- .translate-y-2 {
1100
- --tw-translate-y: calc(var(--spacing) * 2);
1179
+ .translate-y-2\/4 {
1180
+ --tw-translate-y: calc(2/4 * 100%);
1101
1181
  translate: var(--tw-translate-x) var(--tw-translate-y);
1102
1182
  }
1103
1183
  .-rotate-90 {
@@ -1109,12 +1189,15 @@
1109
1189
  .rotate-180 {
1110
1190
  rotate: 180deg;
1111
1191
  }
1112
- .transform {
1113
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
1192
+ .cursor-\[initial\] {
1193
+ cursor: initial;
1114
1194
  }
1115
1195
  .cursor-context-menu {
1116
1196
  cursor: context-menu;
1117
1197
  }
1198
+ .cursor-default {
1199
+ cursor: default;
1200
+ }
1118
1201
  .cursor-not-allowed {
1119
1202
  cursor: not-allowed;
1120
1203
  }
@@ -1124,6 +1207,10 @@
1124
1207
  .cursor-text {
1125
1208
  cursor: text;
1126
1209
  }
1210
+ .touch-pan-y {
1211
+ --tw-pan-y: pan-y;
1212
+ touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1213
+ }
1127
1214
  .resize {
1128
1215
  resize: both;
1129
1216
  }
@@ -1142,6 +1229,12 @@
1142
1229
  .grid-flow-col {
1143
1230
  grid-auto-flow: column;
1144
1231
  }
1232
+ .auto-rows-\[20px\] {
1233
+ grid-auto-rows: 20px;
1234
+ }
1235
+ .auto-rows-\[40px\] {
1236
+ grid-auto-rows: 40px;
1237
+ }
1145
1238
  .grid-cols-1 {
1146
1239
  grid-template-columns: repeat(1, minmax(0, 1fr));
1147
1240
  }
@@ -1157,6 +1250,18 @@
1157
1250
  .grid-cols-7 {
1158
1251
  grid-template-columns: repeat(7, minmax(0, 1fr));
1159
1252
  }
1253
+ .grid-cols-\[50px_250px_1fr\] {
1254
+ grid-template-columns: 50px 250px 1fr;
1255
+ }
1256
+ .grid-cols-\[150px_250px_1fr\] {
1257
+ grid-template-columns: 150px 250px 1fr;
1258
+ }
1259
+ .grid-cols-\[400px_1fr_1fr_1fr\] {
1260
+ grid-template-columns: 400px 1fr 1fr 1fr;
1261
+ }
1262
+ .grid-cols-\[min-content_1fr\] {
1263
+ grid-template-columns: min-content 1fr;
1264
+ }
1160
1265
  .grid-rows-2 {
1161
1266
  grid-template-rows: repeat(2, minmax(0, 1fr));
1162
1267
  }
@@ -1214,9 +1319,48 @@
1214
1319
  .justify-items-center {
1215
1320
  justify-items: center;
1216
1321
  }
1322
+ .gap-\(--badges-details-space-between-lg\) {
1323
+ gap: var(--badges-details-space-between-lg);
1324
+ }
1325
+ .gap-\(--badges-details-space-between-md\) {
1326
+ gap: var(--badges-details-space-between-md);
1327
+ }
1328
+ .gap-\(--badges-details-space-between-sm\) {
1329
+ gap: var(--badges-details-space-between-sm);
1330
+ }
1331
+ .gap-\(--breadcrumbs-details-space-between-lg\) {
1332
+ gap: var(--breadcrumbs-details-space-between-lg);
1333
+ }
1334
+ .gap-\(--calendar-details-space-between-default\) {
1335
+ gap: var(--calendar-details-space-between-default);
1336
+ }
1337
+ .gap-\(--inputs-details-space-between-horizontal-lg\) {
1338
+ gap: var(--inputs-details-space-between-horizontal-lg);
1339
+ }
1340
+ .gap-\(--inputs-details-space-between-horizontal-md\) {
1341
+ gap: var(--inputs-details-space-between-horizontal-md);
1342
+ }
1343
+ .gap-\(--inputs-details-space-between-horizontal-sm\) {
1344
+ gap: var(--inputs-details-space-between-horizontal-sm);
1345
+ }
1346
+ .gap-\(--navigation-details-space-between-items-left-nav\) {
1347
+ gap: var(--navigation-details-space-between-items-left-nav);
1348
+ }
1349
+ .gap-\(--navigation-details-space-between-sections-left-nav\) {
1350
+ gap: var(--navigation-details-space-between-sections-left-nav);
1351
+ }
1352
+ .gap-\(--notifications-details-space-between-standard-sm\) {
1353
+ gap: var(--notifications-details-space-between-standard-sm);
1354
+ }
1355
+ .gap-\(--tags-details-space-between-base\) {
1356
+ gap: var(--tags-details-space-between-base);
1357
+ }
1217
1358
  .gap-0 {
1218
1359
  gap: calc(var(--spacing) * 0);
1219
1360
  }
1361
+ .gap-0\.25 {
1362
+ gap: calc(var(--spacing) * 0.25);
1363
+ }
1220
1364
  .gap-1 {
1221
1365
  gap: calc(var(--spacing) * 1);
1222
1366
  }
@@ -1226,6 +1370,9 @@
1226
1370
  .gap-2 {
1227
1371
  gap: calc(var(--spacing) * 2);
1228
1372
  }
1373
+ .gap-2\.5 {
1374
+ gap: calc(var(--spacing) * 2.5);
1375
+ }
1229
1376
  .gap-3 {
1230
1377
  gap: calc(var(--spacing) * 3);
1231
1378
  }
@@ -1244,6 +1391,13 @@
1244
1391
  .gap-12 {
1245
1392
  gap: calc(var(--spacing) * 12);
1246
1393
  }
1394
+ .space-y-0 {
1395
+ :where(& > :not(:last-child)) {
1396
+ --tw-space-y-reverse: 0;
1397
+ margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
1398
+ margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
1399
+ }
1400
+ }
1247
1401
  .gap-x-3 {
1248
1402
  column-gap: calc(var(--spacing) * 3);
1249
1403
  }
@@ -1292,12 +1446,48 @@
1292
1446
  .rounded {
1293
1447
  border-radius: 0.25rem;
1294
1448
  }
1449
+ .rounded-\(--badges-details-corner-radius-corner-radius\) {
1450
+ border-radius: var(--badges-details-corner-radius-corner-radius);
1451
+ }
1452
+ .rounded-\(--buttons-details-corner-radius-base\) {
1453
+ border-radius: var(--buttons-details-corner-radius-base);
1454
+ }
1455
+ .rounded-\(--calendar-details-corner-radius-default\) {
1456
+ border-radius: var(--calendar-details-corner-radius-default);
1457
+ }
1458
+ .rounded-\(--inputs-details-corner-radius-primary\) {
1459
+ border-radius: var(--inputs-details-corner-radius-primary);
1460
+ }
1461
+ .rounded-\(--navigation-details-corner-radius-row-item\) {
1462
+ border-radius: var(--navigation-details-corner-radius-row-item);
1463
+ }
1464
+ .rounded-\(--notifications-details-corner-radius-primary\) {
1465
+ border-radius: var(--notifications-details-corner-radius-primary);
1466
+ }
1467
+ .rounded-\(--selectors-details-corner-radius-checkbox-lg\) {
1468
+ border-radius: var(--selectors-details-corner-radius-checkbox-lg);
1469
+ }
1470
+ .rounded-\(--selectors-details-corner-radius-checkbox-sm\) {
1471
+ border-radius: var(--selectors-details-corner-radius-checkbox-sm);
1472
+ }
1473
+ .rounded-\(--tags-details-corner-radius-base\) {
1474
+ border-radius: var(--tags-details-corner-radius-base);
1475
+ }
1295
1476
  .rounded-3xl {
1296
1477
  border-radius: var(--radius-3xl);
1297
1478
  }
1298
1479
  .rounded-\[10px\] {
1299
1480
  border-radius: 10px;
1300
1481
  }
1482
+ .rounded-\[20px\] {
1483
+ border-radius: 20px;
1484
+ }
1485
+ .rounded-\[50\%\] {
1486
+ border-radius: 50%;
1487
+ }
1488
+ .rounded-\[100\%\] {
1489
+ border-radius: 100%;
1490
+ }
1301
1491
  .rounded-full {
1302
1492
  border-radius: calc(infinity * 1px);
1303
1493
  }
@@ -1375,6 +1565,10 @@
1375
1565
  border-top-style: var(--tw-border-style);
1376
1566
  border-top-width: 1px;
1377
1567
  }
1568
+ .border-r {
1569
+ border-right-style: var(--tw-border-style);
1570
+ border-right-width: 1px;
1571
+ }
1378
1572
  .border-b {
1379
1573
  border-bottom-style: var(--tw-border-style);
1380
1574
  border-bottom-width: 1px;
@@ -1395,10 +1589,17 @@
1395
1589
  --tw-border-style: none;
1396
1590
  border-style: none;
1397
1591
  }
1592
+ .border-none\! {
1593
+ --tw-border-style: none !important;
1594
+ border-style: none !important;
1595
+ }
1398
1596
  .border-solid {
1399
1597
  --tw-border-style: solid;
1400
1598
  border-style: solid;
1401
1599
  }
1600
+ .border-\[none\] {
1601
+ border-color: none;
1602
+ }
1402
1603
  .border-blue-500 {
1403
1604
  border-color: var(--color-blue-500);
1404
1605
  }
@@ -1414,30 +1615,18 @@
1414
1615
  .border-gray-500 {
1415
1616
  border-color: var(--color-gray-500);
1416
1617
  }
1417
- .border-gray-600 {
1418
- border-color: var(--color-gray-600);
1419
- }
1420
1618
  .border-gray-700 {
1421
1619
  border-color: var(--color-gray-700);
1422
1620
  }
1423
1621
  .border-gray-800 {
1424
1622
  border-color: var(--color-gray-800);
1425
1623
  }
1426
- .border-lime-600 {
1427
- border-color: var(--color-lime-600);
1428
- }
1429
- .border-orange-500 {
1430
- border-color: var(--color-orange-500);
1431
- }
1432
1624
  .border-slate-500 {
1433
1625
  border-color: var(--color-slate-500);
1434
1626
  }
1435
1627
  .border-transparent {
1436
1628
  border-color: transparent;
1437
1629
  }
1438
- .border-violet-500 {
1439
- border-color: var(--color-violet-500);
1440
- }
1441
1630
  .border-y-transparent {
1442
1631
  border-block-color: transparent;
1443
1632
  }
@@ -1454,41 +1643,26 @@
1454
1643
  background-color: var(--color-black);
1455
1644
  }
1456
1645
  .bg-black\/70 {
1457
- background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
1646
+ background-color: color-mix(in srgb, #000 70%, transparent);
1647
+ @supports (color: color-mix(in lab, red, red)) {
1648
+ background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
1649
+ }
1458
1650
  }
1459
1651
  .bg-blue-500 {
1460
1652
  background-color: var(--color-blue-500);
1461
1653
  }
1462
- .bg-blue-950 {
1463
- background-color: var(--color-blue-950);
1464
- }
1465
1654
  .bg-current {
1466
- background-color: currentColor;
1655
+ background-color: currentcolor;
1467
1656
  }
1468
1657
  .bg-gray-200 {
1469
1658
  background-color: var(--color-gray-200);
1470
1659
  }
1471
- .bg-gray-700 {
1472
- background-color: var(--color-gray-700);
1473
- }
1474
1660
  .bg-gray-800 {
1475
1661
  background-color: var(--color-gray-800);
1476
1662
  }
1477
- .bg-gray-900 {
1478
- background-color: var(--color-gray-900);
1479
- }
1480
- .bg-gray-950 {
1481
- background-color: var(--color-gray-950);
1482
- }
1483
1663
  .bg-green-800 {
1484
1664
  background-color: var(--color-green-800);
1485
1665
  }
1486
- .bg-lime-600 {
1487
- background-color: var(--color-lime-600);
1488
- }
1489
- .bg-orange-950 {
1490
- background-color: var(--color-orange-950);
1491
- }
1492
1666
  .bg-red-500 {
1493
1667
  background-color: var(--color-red-500);
1494
1668
  }
@@ -1502,24 +1676,25 @@
1502
1676
  background-color: var(--color-white);
1503
1677
  }
1504
1678
  .bg-linear-to-r {
1505
- --tw-gradient-position: to right in oklab;
1679
+ --tw-gradient-position: to right;
1680
+ @supports (background-image: linear-gradient(in lab, red, red)) {
1681
+ --tw-gradient-position: to right in oklab;
1682
+ }
1506
1683
  background-image: linear-gradient(var(--tw-gradient-stops));
1507
1684
  }
1685
+ .\[background-image\:linear-gradient\(-126\.85deg\,_rgba\(30\,_30\,_46\,_0\)_63\.1678\%\,_\#2F6AFF_88\.9438\%\)\] {
1686
+ background-image: linear-gradient(-126.85deg, rgba(30, 30, 46, 0) 63.1678%, #2F6AFF 88.9438%);
1687
+ }
1688
+ .bg-\[radial-gradient\(50\%_6\.33\%_at_50\%_0\%\,rgba\(16\,94\,255\,0\.71\)_0\%\,rgba\(248\,248\,251\,0\)_85\.19\%\)\] {
1689
+ background-image: radial-gradient(50% 6.33% at 50% 0%,rgba(16,94,255,0.71) 0%,rgba(248,248,251,0) 85.19%);
1690
+ }
1508
1691
  .bg-none {
1509
1692
  background-image: none;
1510
1693
  }
1511
- .from-cyan-500 {
1512
- --tw-gradient-from: var(--color-cyan-500);
1513
- --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));
1514
- }
1515
1694
  .from-transparent {
1516
1695
  --tw-gradient-from: transparent;
1517
1696
  --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));
1518
1697
  }
1519
- .from-violet-500 {
1520
- --tw-gradient-from: var(--color-violet-500);
1521
- --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));
1522
- }
1523
1698
  .via-blue-500 {
1524
1699
  --tw-gradient-via: var(--color-blue-500);
1525
1700
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -1530,22 +1705,6 @@
1530
1705
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1531
1706
  --tw-gradient-stops: var(--tw-gradient-via-stops);
1532
1707
  }
1533
- .to-blue-400 {
1534
- --tw-gradient-to: var(--color-blue-400);
1535
- --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));
1536
- }
1537
- .to-blue-500 {
1538
- --tw-gradient-to: var(--color-blue-500);
1539
- --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));
1540
- }
1541
- .to-fuchsia-500 {
1542
- --tw-gradient-to: var(--color-fuchsia-500);
1543
- --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));
1544
- }
1545
- .to-orange-500 {
1546
- --tw-gradient-to: var(--color-orange-500);
1547
- --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));
1548
- }
1549
1708
  .to-transparent {
1550
1709
  --tw-gradient-to: transparent;
1551
1710
  --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));
@@ -1563,7 +1722,7 @@
1563
1722
  fill: var(--color-blue-500);
1564
1723
  }
1565
1724
  .fill-current {
1566
- fill: currentColor;
1725
+ fill: currentcolor;
1567
1726
  }
1568
1727
  .fill-transparent {
1569
1728
  fill: transparent;
@@ -1586,15 +1745,39 @@
1586
1745
  .object-cover {
1587
1746
  object-fit: cover;
1588
1747
  }
1748
+ .p-\(--navigation-details-horizontal-padding-nav-item-main-row\) {
1749
+ padding: var(--navigation-details-horizontal-padding-nav-item-main-row);
1750
+ }
1751
+ .p-\(--navigation-details-vertical-padding-base\) {
1752
+ padding: var(--navigation-details-vertical-padding-base);
1753
+ }
1754
+ .p-\(--notifications-details-vertical-padding-standard-sm\) {
1755
+ padding: var(--notifications-details-vertical-padding-standard-sm);
1756
+ }
1757
+ .p-\(--select-menu-items-details-horizontal-padding-container\) {
1758
+ padding: var(--select-menu-items-details-horizontal-padding-container);
1759
+ }
1589
1760
  .p-0 {
1590
1761
  padding: calc(var(--spacing) * 0);
1591
1762
  }
1763
+ .p-0\.5 {
1764
+ padding: calc(var(--spacing) * 0.5);
1765
+ }
1592
1766
  .p-1 {
1593
1767
  padding: calc(var(--spacing) * 1);
1594
1768
  }
1769
+ .p-1\.5 {
1770
+ padding: calc(var(--spacing) * 1.5);
1771
+ }
1595
1772
  .p-2 {
1596
1773
  padding: calc(var(--spacing) * 2);
1597
1774
  }
1775
+ .p-2\! {
1776
+ padding: calc(var(--spacing) * 2) !important;
1777
+ }
1778
+ .p-2\.5 {
1779
+ padding: calc(var(--spacing) * 2.5);
1780
+ }
1598
1781
  .p-3 {
1599
1782
  padding: calc(var(--spacing) * 3);
1600
1783
  }
@@ -1625,22 +1808,82 @@
1625
1808
  .p-24 {
1626
1809
  padding: calc(var(--spacing) * 24);
1627
1810
  }
1628
- .p-px {
1811
+ .p-\[1px\] {
1629
1812
  padding: 1px;
1630
1813
  }
1631
- .px-0 {
1632
- padding-inline: calc(var(--spacing) * 0);
1814
+ .p-\[14px\] {
1815
+ padding: 14px;
1633
1816
  }
1634
- .px-1 {
1635
- padding-inline: calc(var(--spacing) * 1);
1817
+ .p-\[20px\] {
1818
+ padding: 20px;
1636
1819
  }
1637
- .px-2 {
1638
- padding-inline: calc(var(--spacing) * 2);
1820
+ .p-\[30px\] {
1821
+ padding: 30px;
1639
1822
  }
1640
- .px-3 {
1641
- padding-inline: calc(var(--spacing) * 3);
1823
+ .p-\[50px\] {
1824
+ padding: 50px;
1642
1825
  }
1643
- .px-4 {
1826
+ .p-px {
1827
+ padding: 1px;
1828
+ }
1829
+ .px-\(--badges-details-horizontal-padding-lg\) {
1830
+ padding-inline: var(--badges-details-horizontal-padding-lg);
1831
+ }
1832
+ .px-\(--badges-details-horizontal-padding-md\) {
1833
+ padding-inline: var(--badges-details-horizontal-padding-md);
1834
+ }
1835
+ .px-\(--badges-details-horizontal-padding-sm\) {
1836
+ padding-inline: var(--badges-details-horizontal-padding-sm);
1837
+ }
1838
+ .px-\(--buttons-details-horizontal-padding-lg\) {
1839
+ padding-inline: var(--buttons-details-horizontal-padding-lg);
1840
+ }
1841
+ .px-\(--buttons-details-horizontal-padding-md\) {
1842
+ padding-inline: var(--buttons-details-horizontal-padding-md);
1843
+ }
1844
+ .px-\(--buttons-details-horizontal-padding-sm\) {
1845
+ padding-inline: var(--buttons-details-horizontal-padding-sm);
1846
+ }
1847
+ .px-\(--calendar-details-horizontal-padding-content\) {
1848
+ padding-inline: var(--calendar-details-horizontal-padding-content);
1849
+ }
1850
+ .px-\(--calendar-details-horizontal-padding-header\) {
1851
+ padding-inline: var(--calendar-details-horizontal-padding-header);
1852
+ }
1853
+ .px-\(--tabs-details-horizontal-padding-lg\) {
1854
+ padding-inline: var(--tabs-details-horizontal-padding-lg);
1855
+ }
1856
+ .px-\(--tabs-details-horizontal-padding-sm\) {
1857
+ padding-inline: var(--tabs-details-horizontal-padding-sm);
1858
+ }
1859
+ .px-\(--tags-details-horizontal-padding-base\) {
1860
+ padding-inline: var(--tags-details-horizontal-padding-base);
1861
+ }
1862
+ .px-0 {
1863
+ padding-inline: calc(var(--spacing) * 0);
1864
+ }
1865
+ .px-0\.5 {
1866
+ padding-inline: calc(var(--spacing) * 0.5);
1867
+ }
1868
+ .px-1 {
1869
+ padding-inline: calc(var(--spacing) * 1);
1870
+ }
1871
+ .px-1\.5 {
1872
+ padding-inline: calc(var(--spacing) * 1.5);
1873
+ }
1874
+ .px-2 {
1875
+ padding-inline: calc(var(--spacing) * 2);
1876
+ }
1877
+ .px-2\.5 {
1878
+ padding-inline: calc(var(--spacing) * 2.5);
1879
+ }
1880
+ .px-3 {
1881
+ padding-inline: calc(var(--spacing) * 3);
1882
+ }
1883
+ .px-3\.5 {
1884
+ padding-inline: calc(var(--spacing) * 3.5);
1885
+ }
1886
+ .px-4 {
1644
1887
  padding-inline: calc(var(--spacing) * 4);
1645
1888
  }
1646
1889
  .px-5 {
@@ -1664,9 +1907,18 @@
1664
1907
  .px-24 {
1665
1908
  padding-inline: calc(var(--spacing) * 24);
1666
1909
  }
1910
+ .px-\[20px\] {
1911
+ padding-inline: 20px;
1912
+ }
1913
+ .py-\(--calendar-details-vertical-padding-default\) {
1914
+ padding-block: var(--calendar-details-vertical-padding-default);
1915
+ }
1667
1916
  .py-0 {
1668
1917
  padding-block: calc(var(--spacing) * 0);
1669
1918
  }
1919
+ .py-0\.5 {
1920
+ padding-block: calc(var(--spacing) * 0.5);
1921
+ }
1670
1922
  .py-1 {
1671
1923
  padding-block: calc(var(--spacing) * 1);
1672
1924
  }
@@ -1676,6 +1928,9 @@
1676
1928
  .py-2 {
1677
1929
  padding-block: calc(var(--spacing) * 2);
1678
1930
  }
1931
+ .py-2\.5 {
1932
+ padding-block: calc(var(--spacing) * 2.5);
1933
+ }
1679
1934
  .py-3 {
1680
1935
  padding-block: calc(var(--spacing) * 3);
1681
1936
  }
@@ -1700,39 +1955,93 @@
1700
1955
  .py-16 {
1701
1956
  padding-block: calc(var(--spacing) * 16);
1702
1957
  }
1958
+ .py-\[3px\] {
1959
+ padding-block: 3px;
1960
+ }
1961
+ .py-\[5px\] {
1962
+ padding-block: 5px;
1963
+ }
1964
+ .py-\[7px\] {
1965
+ padding-block: 7px;
1966
+ }
1703
1967
  .pt-0 {
1704
1968
  padding-top: calc(var(--spacing) * 0);
1705
1969
  }
1970
+ .pt-0\.5 {
1971
+ padding-top: calc(var(--spacing) * 0.5);
1972
+ }
1706
1973
  .pt-1 {
1707
1974
  padding-top: calc(var(--spacing) * 1);
1708
1975
  }
1709
1976
  .pt-2 {
1710
1977
  padding-top: calc(var(--spacing) * 2);
1711
1978
  }
1979
+ .pt-2\.5 {
1980
+ padding-top: calc(var(--spacing) * 2.5);
1981
+ }
1982
+ .pt-4 {
1983
+ padding-top: calc(var(--spacing) * 4);
1984
+ }
1712
1985
  .pt-7 {
1713
1986
  padding-top: calc(var(--spacing) * 7);
1714
1987
  }
1988
+ .pt-\[20px\] {
1989
+ padding-top: 20px;
1990
+ }
1991
+ .\!pr-0 {
1992
+ padding-right: calc(var(--spacing) * 0) !important;
1993
+ }
1994
+ .pr-\(--buttons-details-space-between-horizontal-lg\) {
1995
+ padding-right: var(--buttons-details-space-between-horizontal-lg);
1996
+ }
1997
+ .pr-\(--buttons-details-space-between-horizontal-md\) {
1998
+ padding-right: var(--buttons-details-space-between-horizontal-md);
1999
+ }
2000
+ .pr-\(--buttons-details-space-between-horizontal-sm\) {
2001
+ padding-right: var(--buttons-details-space-between-horizontal-sm);
2002
+ }
2003
+ .pr-\(--inputs-details-horizontal-padding-right-lg\) {
2004
+ padding-right: var(--inputs-details-horizontal-padding-right-lg);
2005
+ }
2006
+ .pr-\(--inputs-details-horizontal-padding-right-md\) {
2007
+ padding-right: var(--inputs-details-horizontal-padding-right-md);
2008
+ }
2009
+ .pr-\(--inputs-details-horizontal-padding-right-sm\) {
2010
+ padding-right: var(--inputs-details-horizontal-padding-right-sm);
2011
+ }
1715
2012
  .pr-0 {
1716
2013
  padding-right: calc(var(--spacing) * 0);
1717
2014
  }
1718
2015
  .pr-1 {
1719
2016
  padding-right: calc(var(--spacing) * 1);
1720
2017
  }
2018
+ .pr-1\.5 {
2019
+ padding-right: calc(var(--spacing) * 1.5);
2020
+ }
1721
2021
  .pr-2 {
1722
2022
  padding-right: calc(var(--spacing) * 2);
1723
2023
  }
1724
2024
  .pr-16 {
1725
2025
  padding-right: calc(var(--spacing) * 16);
1726
2026
  }
2027
+ .pr-\[calc\(5\/2\)\] {
2028
+ padding-right: calc(5 / 2);
2029
+ }
1727
2030
  .pb-0 {
1728
2031
  padding-bottom: calc(var(--spacing) * 0);
1729
2032
  }
2033
+ .pb-0\.5 {
2034
+ padding-bottom: calc(var(--spacing) * 0.5);
2035
+ }
1730
2036
  .pb-1 {
1731
2037
  padding-bottom: calc(var(--spacing) * 1);
1732
2038
  }
1733
2039
  .pb-2 {
1734
2040
  padding-bottom: calc(var(--spacing) * 2);
1735
2041
  }
2042
+ .pb-2\.5 {
2043
+ padding-bottom: calc(var(--spacing) * 2.5);
2044
+ }
1736
2045
  .pb-4 {
1737
2046
  padding-bottom: calc(var(--spacing) * 4);
1738
2047
  }
@@ -1742,18 +2051,57 @@
1742
2051
  .pb-6 {
1743
2052
  padding-bottom: calc(var(--spacing) * 6);
1744
2053
  }
2054
+ .pb-8 {
2055
+ padding-bottom: calc(var(--spacing) * 8);
2056
+ }
2057
+ .pb-\[10px\] {
2058
+ padding-bottom: 10px;
2059
+ }
2060
+ .pb-\[50px\] {
2061
+ padding-bottom: 50px;
2062
+ }
2063
+ .\!pl-0 {
2064
+ padding-left: calc(var(--spacing) * 0) !important;
2065
+ }
2066
+ .pl-\(--buttons-details-space-between-horizontal-lg\) {
2067
+ padding-left: var(--buttons-details-space-between-horizontal-lg);
2068
+ }
2069
+ .pl-\(--buttons-details-space-between-horizontal-md\) {
2070
+ padding-left: var(--buttons-details-space-between-horizontal-md);
2071
+ }
2072
+ .pl-\(--buttons-details-space-between-horizontal-sm\) {
2073
+ padding-left: var(--buttons-details-space-between-horizontal-sm);
2074
+ }
2075
+ .pl-\(--inputs-details-horizontal-padding-left-lg\) {
2076
+ padding-left: var(--inputs-details-horizontal-padding-left-lg);
2077
+ }
2078
+ .pl-\(--inputs-details-horizontal-padding-left-md\) {
2079
+ padding-left: var(--inputs-details-horizontal-padding-left-md);
2080
+ }
2081
+ .pl-\(--inputs-details-horizontal-padding-left-sm\) {
2082
+ padding-left: var(--inputs-details-horizontal-padding-left-sm);
2083
+ }
1745
2084
  .pl-0 {
1746
2085
  padding-left: calc(var(--spacing) * 0);
1747
2086
  }
1748
2087
  .pl-1 {
1749
2088
  padding-left: calc(var(--spacing) * 1);
1750
2089
  }
2090
+ .pl-1\.5 {
2091
+ padding-left: calc(var(--spacing) * 1.5);
2092
+ }
1751
2093
  .pl-2 {
1752
2094
  padding-left: calc(var(--spacing) * 2);
1753
2095
  }
1754
2096
  .pl-4 {
1755
2097
  padding-left: calc(var(--spacing) * 4);
1756
2098
  }
2099
+ .pl-5\.5 {
2100
+ padding-left: calc(var(--spacing) * 5.5);
2101
+ }
2102
+ .pl-\[calc\(5\/2\)\] {
2103
+ padding-left: calc(5 / 2);
2104
+ }
1757
2105
  .text-center {
1758
2106
  text-align: center;
1759
2107
  }
@@ -1772,6 +2120,9 @@
1772
2120
  .font-sans {
1773
2121
  font-family: var(--font-sans);
1774
2122
  }
2123
+ .font-serif {
2124
+ font-family: var(--font-serif);
2125
+ }
1775
2126
  .text-2xl {
1776
2127
  font-size: var(--text-2xl);
1777
2128
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -1780,10 +2131,26 @@
1780
2131
  font-size: var(--text-3xl);
1781
2132
  line-height: var(--tw-leading, var(--text-3xl--line-height));
1782
2133
  }
2134
+ .text-4xl {
2135
+ font-size: var(--text-4xl);
2136
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
2137
+ }
2138
+ .text-4xl\! {
2139
+ font-size: var(--text-4xl) !important;
2140
+ line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
2141
+ }
1783
2142
  .text-5xl {
1784
2143
  font-size: var(--text-5xl);
1785
2144
  line-height: var(--tw-leading, var(--text-5xl--line-height));
1786
2145
  }
2146
+ .text-6xl {
2147
+ font-size: var(--text-6xl);
2148
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
2149
+ }
2150
+ .text-8xl {
2151
+ font-size: var(--text-8xl);
2152
+ line-height: var(--tw-leading, var(--text-8xl--line-height));
2153
+ }
1787
2154
  .text-base {
1788
2155
  font-size: var(--text-base);
1789
2156
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -1804,6 +2171,28 @@
1804
2171
  font-size: var(--text-xs);
1805
2172
  line-height: var(--tw-leading, var(--text-xs--line-height));
1806
2173
  }
2174
+ .text-xs\! {
2175
+ font-size: var(--text-xs) !important;
2176
+ line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
2177
+ }
2178
+ .text-\[10px\] {
2179
+ font-size: 10px;
2180
+ }
2181
+ .text-\[16px\] {
2182
+ font-size: 16px;
2183
+ }
2184
+ .text-\[24px\] {
2185
+ font-size: 24px;
2186
+ }
2187
+ .text-\[32px\] {
2188
+ font-size: 32px;
2189
+ }
2190
+ .text-\[40px\] {
2191
+ font-size: 40px;
2192
+ }
2193
+ .text-\[400px\] {
2194
+ font-size: 400px;
2195
+ }
1807
2196
  .leading-0 {
1808
2197
  --tw-leading: calc(var(--spacing) * 0);
1809
2198
  line-height: calc(var(--spacing) * 0);
@@ -1812,14 +2201,66 @@
1812
2201
  --tw-leading: calc(var(--spacing) * 3);
1813
2202
  line-height: calc(var(--spacing) * 3);
1814
2203
  }
2204
+ .leading-3\.5 {
2205
+ --tw-leading: calc(var(--spacing) * 3.5);
2206
+ line-height: calc(var(--spacing) * 3.5);
2207
+ }
1815
2208
  .leading-4 {
1816
2209
  --tw-leading: calc(var(--spacing) * 4);
1817
2210
  line-height: calc(var(--spacing) * 4);
1818
2211
  }
2212
+ .leading-4\.5 {
2213
+ --tw-leading: calc(var(--spacing) * 4.5);
2214
+ line-height: calc(var(--spacing) * 4.5);
2215
+ }
2216
+ .leading-6 {
2217
+ --tw-leading: calc(var(--spacing) * 6);
2218
+ line-height: calc(var(--spacing) * 6);
2219
+ }
2220
+ .leading-7 {
2221
+ --tw-leading: calc(var(--spacing) * 7);
2222
+ line-height: calc(var(--spacing) * 7);
2223
+ }
2224
+ .leading-8 {
2225
+ --tw-leading: calc(var(--spacing) * 8);
2226
+ line-height: calc(var(--spacing) * 8);
2227
+ }
2228
+ .leading-9 {
2229
+ --tw-leading: calc(var(--spacing) * 9);
2230
+ line-height: calc(var(--spacing) * 9);
2231
+ }
2232
+ .leading-12 {
2233
+ --tw-leading: calc(var(--spacing) * 12);
2234
+ line-height: calc(var(--spacing) * 12);
2235
+ }
2236
+ .leading-\[10px\] {
2237
+ --tw-leading: 10px;
2238
+ line-height: 10px;
2239
+ }
2240
+ .leading-\[14px\] {
2241
+ --tw-leading: 14px;
2242
+ line-height: 14px;
2243
+ }
2244
+ .leading-\[600px\] {
2245
+ --tw-leading: 600px;
2246
+ line-height: 600px;
2247
+ }
2248
+ .leading-\[inherit\] {
2249
+ --tw-leading: inherit;
2250
+ line-height: inherit;
2251
+ }
2252
+ .leading-\[normal\] {
2253
+ --tw-leading: normal;
2254
+ line-height: normal;
2255
+ }
1819
2256
  .leading-none {
1820
2257
  --tw-leading: 1;
1821
2258
  line-height: 1;
1822
2259
  }
2260
+ .font-black {
2261
+ --tw-font-weight: var(--font-weight-black);
2262
+ font-weight: var(--font-weight-black);
2263
+ }
1823
2264
  .font-bold {
1824
2265
  --tw-font-weight: var(--font-weight-bold);
1825
2266
  font-weight: var(--font-weight-bold);
@@ -1828,6 +2269,14 @@
1828
2269
  --tw-font-weight: var(--font-weight-extrabold);
1829
2270
  font-weight: var(--font-weight-extrabold);
1830
2271
  }
2272
+ .font-extralight {
2273
+ --tw-font-weight: var(--font-weight-extralight);
2274
+ font-weight: var(--font-weight-extralight);
2275
+ }
2276
+ .font-light {
2277
+ --tw-font-weight: var(--font-weight-light);
2278
+ font-weight: var(--font-weight-light);
2279
+ }
1831
2280
  .font-medium {
1832
2281
  --tw-font-weight: var(--font-weight-medium);
1833
2282
  font-weight: var(--font-weight-medium);
@@ -1859,6 +2308,12 @@
1859
2308
  .whitespace-nowrap {
1860
2309
  white-space: nowrap;
1861
2310
  }
2311
+ .\!text-gray-500 {
2312
+ color: var(--color-gray-500) !important;
2313
+ }
2314
+ .text-\[unset\] {
2315
+ color: unset;
2316
+ }
1862
2317
  .text-black {
1863
2318
  color: var(--color-black);
1864
2319
  }
@@ -1868,12 +2323,6 @@
1868
2323
  .text-blue-500 {
1869
2324
  color: var(--color-blue-500);
1870
2325
  }
1871
- .text-gray-100 {
1872
- color: var(--color-gray-100);
1873
- }
1874
- .text-gray-300 {
1875
- color: var(--color-gray-300);
1876
- }
1877
2326
  .text-gray-400 {
1878
2327
  color: var(--color-gray-400);
1879
2328
  }
@@ -1895,18 +2344,12 @@
1895
2344
  .text-inherit {
1896
2345
  color: inherit;
1897
2346
  }
1898
- .text-orange-500 {
1899
- color: var(--color-orange-500);
1900
- }
1901
2347
  .text-slate-200 {
1902
2348
  color: var(--color-slate-200);
1903
2349
  }
1904
2350
  .text-slate-500 {
1905
2351
  color: var(--color-slate-500);
1906
2352
  }
1907
- .text-transparent {
1908
- color: transparent;
1909
- }
1910
2353
  .text-white {
1911
2354
  color: var(--color-white);
1912
2355
  }
@@ -1922,18 +2365,14 @@
1922
2365
  .underline {
1923
2366
  text-decoration-line: underline;
1924
2367
  }
1925
- .antialiased {
1926
- -webkit-font-smoothing: antialiased;
1927
- -moz-osx-font-smoothing: grayscale;
1928
- }
1929
2368
  .caret-transparent {
1930
2369
  caret-color: transparent;
1931
2370
  }
1932
2371
  .opacity-0 {
1933
2372
  opacity: 0%;
1934
2373
  }
1935
- .opacity-30 {
1936
- opacity: 30%;
2374
+ .opacity-10 {
2375
+ opacity: 10%;
1937
2376
  }
1938
2377
  .opacity-40 {
1939
2378
  opacity: 40%;
@@ -1963,7 +2402,16 @@
1963
2402
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1964
2403
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1965
2404
  }
2405
+ .shadow-\[0_4px_20px_0_\#e1e2e333_inset\] {
2406
+ --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, #e1e2e333) inset;
2407
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2408
+ }
2409
+ .shadow-\[0px_4px_4px_0px_rgba\(0\,0\,0\,0\.20\)\] {
2410
+ --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.20));
2411
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2412
+ }
1966
2413
  .outline-hidden {
2414
+ --tw-outline-style: none;
1967
2415
  outline-style: none;
1968
2416
  @media (forced-colors: active) {
1969
2417
  outline: 2px solid transparent;
@@ -1986,24 +2434,31 @@
1986
2434
  --tw-blur: blur(var(--blur-md));
1987
2435
  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,);
1988
2436
  }
1989
- .grayscale {
1990
- --tw-grayscale: grayscale(100%);
1991
- 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,);
1992
- }
1993
2437
  .filter {
1994
2438
  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,);
1995
2439
  }
2440
+ .backdrop-blur-lg {
2441
+ --tw-backdrop-blur: blur(var(--blur-lg));
2442
+ -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,);
2443
+ 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,);
2444
+ }
1996
2445
  .backdrop-blur-md {
1997
2446
  --tw-backdrop-blur: blur(var(--blur-md));
1998
2447
  -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,);
1999
2448
  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,);
2000
2449
  }
2001
- .backdrop-filter {
2450
+ .backdrop-blur-xl {
2451
+ --tw-backdrop-blur: blur(var(--blur-xl));
2002
2452
  -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,);
2003
2453
  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,);
2004
2454
  }
2005
2455
  .transition {
2006
- 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;
2456
+ 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, content-visibility, overlay, pointer-events;
2457
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2458
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2459
+ }
2460
+ .transition-\[background-color\] {
2461
+ transition-property: background-color;
2007
2462
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2008
2463
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2009
2464
  }
@@ -2022,10 +2477,18 @@
2022
2477
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2023
2478
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2024
2479
  }
2480
+ .duration-0 {
2481
+ --tw-duration: 0ms;
2482
+ transition-duration: 0ms;
2483
+ }
2025
2484
  .duration-100 {
2026
2485
  --tw-duration: 100ms;
2027
2486
  transition-duration: 100ms;
2028
2487
  }
2488
+ .duration-150 {
2489
+ --tw-duration: 150ms;
2490
+ transition-duration: 150ms;
2491
+ }
2029
2492
  .duration-200 {
2030
2493
  --tw-duration: 200ms;
2031
2494
  transition-duration: 200ms;
@@ -2042,13 +2505,63 @@
2042
2505
  --tw-ease: linear;
2043
2506
  transition-timing-function: linear;
2044
2507
  }
2508
+ .ease-out {
2509
+ --tw-ease: var(--ease-out);
2510
+ transition-timing-function: var(--ease-out);
2511
+ }
2512
+ .will-change-\[border-color\] {
2513
+ will-change: border-color;
2514
+ }
2515
+ .will-change-\[height\,opacity\] {
2516
+ will-change: height,opacity;
2517
+ }
2518
+ .will-change-\[transform\,opacity\] {
2519
+ will-change: transform,opacity;
2520
+ }
2045
2521
  .will-change-transform {
2046
2522
  will-change: transform;
2047
2523
  }
2524
+ .outline-none {
2525
+ --tw-outline-style: none;
2526
+ outline-style: none;
2527
+ }
2048
2528
  .select-none {
2049
2529
  -webkit-user-select: none;
2050
2530
  user-select: none;
2051
2531
  }
2532
+ .group-focus-within\:bg-inherit {
2533
+ &:is(:where(.group):focus-within *) {
2534
+ background-color: inherit;
2535
+ }
2536
+ }
2537
+ .group-hover\:bg-inherit {
2538
+ &:is(:where(.group):hover *) {
2539
+ @media (hover: hover) {
2540
+ background-color: inherit;
2541
+ }
2542
+ }
2543
+ }
2544
+ .group-hover\:fill-blue-400 {
2545
+ &:is(:where(.group):hover *) {
2546
+ @media (hover: hover) {
2547
+ fill: var(--color-blue-400);
2548
+ }
2549
+ }
2550
+ }
2551
+ .group-hover\:stroke-black {
2552
+ &:is(:where(.group):hover *) {
2553
+ @media (hover: hover) {
2554
+ stroke: var(--color-black);
2555
+ }
2556
+ }
2557
+ }
2558
+ .group-hover\:text-gray-100 {
2559
+ &:is(:where(.group):hover *) {
2560
+ @media (hover: hover) {
2561
+ color: var(--color-gray-100);
2562
+ }
2563
+ }
2564
+ }
2052
2565
  .group-hover\:opacity-50\! {
2053
2566
  &:is(:where(.group):hover *) {
2054
2567
  @media (hover: hover) {
@@ -2056,12 +2569,37 @@
2056
2569
  }
2057
2570
  }
2058
2571
  }
2572
+ .before\:font-normal {
2573
+ &::before {
2574
+ content: var(--tw-content);
2575
+ --tw-font-weight: var(--font-weight-normal);
2576
+ font-weight: var(--font-weight-normal);
2577
+ }
2578
+ }
2579
+ .before\:text-slate-500 {
2580
+ &::before {
2581
+ content: var(--tw-content);
2582
+ color: var(--color-slate-500);
2583
+ }
2584
+ }
2585
+ .before\:content-\[\'Showing_\'\] {
2586
+ &::before {
2587
+ --tw-content: 'Showing ';
2588
+ content: var(--tw-content);
2589
+ }
2590
+ }
2059
2591
  .after\:absolute {
2060
2592
  &::after {
2061
2593
  content: var(--tw-content);
2062
2594
  position: absolute;
2063
2595
  }
2064
2596
  }
2597
+ .after\:inset-0 {
2598
+ &::after {
2599
+ content: var(--tw-content);
2600
+ inset: calc(var(--spacing) * 0);
2601
+ }
2602
+ }
2065
2603
  .after\:inset-x-0 {
2066
2604
  &::after {
2067
2605
  content: var(--tw-content);
@@ -2074,6 +2612,12 @@
2074
2612
  bottom: calc(var(--spacing) * 0);
2075
2613
  }
2076
2614
  }
2615
+ .after\:z-2 {
2616
+ &::after {
2617
+ content: var(--tw-content);
2618
+ z-index: 2;
2619
+ }
2620
+ }
2077
2621
  .after\:mx-10\! {
2078
2622
  &::after {
2079
2623
  content: var(--tw-content);
@@ -2092,10 +2636,26 @@
2092
2636
  height: calc(var(--spacing) * 16);
2093
2637
  }
2094
2638
  }
2639
+ .after\:rounded-full {
2640
+ &::after {
2641
+ content: var(--tw-content);
2642
+ border-radius: calc(infinity * 1px);
2643
+ }
2644
+ }
2645
+ .after\:border {
2646
+ &::after {
2647
+ content: var(--tw-content);
2648
+ border-style: var(--tw-border-style);
2649
+ border-width: 1px;
2650
+ }
2651
+ }
2095
2652
  .after\:bg-linear-to-b {
2096
2653
  &::after {
2097
2654
  content: var(--tw-content);
2098
- --tw-gradient-position: to bottom in oklab;
2655
+ --tw-gradient-position: to bottom;
2656
+ @supports (background-image: linear-gradient(in lab, red, red)) {
2657
+ --tw-gradient-position: to bottom in oklab;
2658
+ }
2099
2659
  background-image: linear-gradient(var(--tw-gradient-stops));
2100
2660
  }
2101
2661
  }
@@ -2115,126 +2675,680 @@
2115
2675
  }
2116
2676
  .after\:content-\[\'\'\] {
2117
2677
  &::after {
2118
- content: var(--tw-content);
2119
2678
  --tw-content: '';
2120
2679
  content: var(--tw-content);
2121
2680
  }
2122
2681
  }
2123
- .hover\:scale-110 {
2124
- &:hover {
2125
- @media (hover: hover) {
2126
- --tw-scale-x: 110%;
2127
- --tw-scale-y: 110%;
2128
- --tw-scale-z: 110%;
2129
- scale: var(--tw-scale-x) var(--tw-scale-y);
2130
- }
2682
+ .first\:rounded-s {
2683
+ &:first-child {
2684
+ border-start-start-radius: 0.25rem;
2685
+ border-end-start-radius: 0.25rem;
2131
2686
  }
2132
2687
  }
2133
- .hover\:border-blue-500 {
2134
- &:hover {
2135
- @media (hover: hover) {
2136
- border-color: var(--color-blue-500);
2137
- }
2688
+ .first\:border-s {
2689
+ &:first-child {
2690
+ border-inline-start-style: var(--tw-border-style);
2691
+ border-inline-start-width: 1px;
2138
2692
  }
2139
2693
  }
2140
- .hover\:border-gray-400 {
2141
- &:hover {
2142
- @media (hover: hover) {
2143
- border-color: var(--color-gray-400);
2144
- }
2694
+ .first\:pt-0 {
2695
+ &:first-child {
2696
+ padding-top: calc(var(--spacing) * 0);
2145
2697
  }
2146
2698
  }
2147
- .hover\:bg-blue-100 {
2148
- &:hover {
2149
- @media (hover: hover) {
2150
- background-color: var(--color-blue-100);
2151
- }
2699
+ .first\:pt-2 {
2700
+ &:first-child {
2701
+ padding-top: calc(var(--spacing) * 2);
2152
2702
  }
2153
2703
  }
2154
- .hover\:bg-gray-200 {
2155
- &:hover {
2156
- @media (hover: hover) {
2157
- background-color: var(--color-gray-200);
2158
- }
2704
+ .last\:rounded-e {
2705
+ &:last-child {
2706
+ border-start-end-radius: 0.25rem;
2707
+ border-end-end-radius: 0.25rem;
2159
2708
  }
2160
2709
  }
2161
- .hover\:bg-gray-300 {
2162
- &:hover {
2163
- @media (hover: hover) {
2164
- background-color: var(--color-gray-300);
2165
- }
2710
+ .last\:border-r-transparent {
2711
+ &:last-child {
2712
+ border-right-color: transparent;
2166
2713
  }
2167
2714
  }
2168
- .hover\:bg-gray-700\/40 {
2169
- &:hover {
2170
- @media (hover: hover) {
2171
- background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent);
2172
- }
2715
+ .last\:pb-\(--calendar-details-horizontal-padding-content\) {
2716
+ &:last-child {
2717
+ padding-bottom: var(--calendar-details-horizontal-padding-content);
2173
2718
  }
2174
2719
  }
2175
- .hover\:bg-red-700 {
2176
- &:hover {
2177
- @media (hover: hover) {
2178
- background-color: var(--color-red-700);
2179
- }
2720
+ .last\:pb-0 {
2721
+ &:last-child {
2722
+ padding-bottom: calc(var(--spacing) * 0);
2180
2723
  }
2181
2724
  }
2182
- .hover\:bg-transparent {
2183
- &:hover {
2184
- @media (hover: hover) {
2185
- background-color: transparent;
2186
- }
2725
+ .last\:pb-2 {
2726
+ &:last-child {
2727
+ padding-bottom: calc(var(--spacing) * 2);
2187
2728
  }
2188
2729
  }
2189
- .hover\:text-gray-500 {
2190
- &:hover {
2191
- @media (hover: hover) {
2192
- color: var(--color-gray-500);
2193
- }
2730
+ .read-only\:cursor-not-allowed {
2731
+ &:read-only {
2732
+ cursor: not-allowed;
2194
2733
  }
2195
2734
  }
2196
- .hover\:text-white {
2197
- &:hover {
2198
- @media (hover: hover) {
2199
- color: var(--color-white);
2735
+ .focus-within\:outline-hidden {
2736
+ &:focus-within {
2737
+ --tw-outline-style: none;
2738
+ outline-style: none;
2739
+ @media (forced-colors: active) {
2740
+ outline: 2px solid transparent;
2741
+ outline-offset: 2px;
2200
2742
  }
2201
2743
  }
2202
2744
  }
2203
- .hover\:opacity-100\! {
2204
- &:hover {
2205
- @media (hover: hover) {
2206
- opacity: 100% !important;
2745
+ .focus-within\:after\:absolute {
2746
+ &:focus-within {
2747
+ &::after {
2748
+ content: var(--tw-content);
2749
+ position: absolute;
2207
2750
  }
2208
2751
  }
2209
2752
  }
2210
- .data-\[compact\=false\]\:px-4 {
2211
- &[data-compact="false"] {
2212
- padding-inline: calc(var(--spacing) * 4);
2753
+ .focus-within\:after\:inset-x-0\.5 {
2754
+ &:focus-within {
2755
+ &::after {
2756
+ content: var(--tw-content);
2757
+ inset-inline: calc(var(--spacing) * 0.5);
2758
+ }
2213
2759
  }
2214
2760
  }
2215
- .dark\:block {
2216
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2217
- display: block;
2761
+ .focus-within\:after\:-bottom-\[0px\] {
2762
+ &:focus-within {
2763
+ &::after {
2764
+ content: var(--tw-content);
2765
+ bottom: calc(0px * -1);
2766
+ }
2218
2767
  }
2219
2768
  }
2220
- .dark\:hidden {
2221
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2222
- display: none;
2769
+ .focus-within\:after\:-bottom-\[1px\] {
2770
+ &:focus-within {
2771
+ &::after {
2772
+ content: var(--tw-content);
2773
+ bottom: calc(1px * -1);
2774
+ }
2223
2775
  }
2224
2776
  }
2225
- .dark\:border-gray-700 {
2226
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2227
- border-color: var(--color-gray-700);
2777
+ .focus-within\:after\:mx-0 {
2778
+ &:focus-within {
2779
+ &::after {
2780
+ content: var(--tw-content);
2781
+ margin-inline: calc(var(--spacing) * 0);
2782
+ }
2783
+ }
2784
+ }
2785
+ .focus-within\:after\:h-px {
2786
+ &:focus-within {
2787
+ &::after {
2788
+ content: var(--tw-content);
2789
+ height: 1px;
2790
+ }
2791
+ }
2792
+ }
2793
+ .focus-within\:after\:rounded-sm {
2794
+ &:focus-within {
2795
+ &::after {
2796
+ content: var(--tw-content);
2797
+ border-radius: var(--radius-sm);
2798
+ }
2799
+ }
2800
+ }
2801
+ .focus-within\:after\:bg-\[radial-gradient\(circle\,_\#93B6FF_0\%\,_\#105EFF_36\%\,_\#3D3D4D_90\%\,_\#242433_100\%\)\] {
2802
+ &:focus-within {
2803
+ &::after {
2804
+ content: var(--tw-content);
2805
+ background-image: radial-gradient(circle, #93B6FF 0%, #105EFF 36%, #3D3D4D 90%, #242433 100%);
2806
+ }
2807
+ }
2808
+ }
2809
+ .focus-within\:after\:content-\[\"\"\] {
2810
+ &:focus-within {
2811
+ &::after {
2812
+ --tw-content: "";
2813
+ content: var(--tw-content);
2814
+ }
2815
+ }
2816
+ }
2817
+ .focus-within\:after\:content-\[\\\"\\\"\] {
2818
+ &:focus-within {
2819
+ &::after {
2820
+ --tw-content: \"\";
2821
+ content: var(--tw-content);
2822
+ }
2823
+ }
2824
+ }
2825
+ .hover\:scale-110 {
2826
+ &:hover {
2827
+ @media (hover: hover) {
2828
+ --tw-scale-x: 110%;
2829
+ --tw-scale-y: 110%;
2830
+ --tw-scale-z: 110%;
2831
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2832
+ }
2833
+ }
2834
+ }
2835
+ .hover\:cursor-pointer {
2836
+ &:hover {
2837
+ @media (hover: hover) {
2838
+ cursor: pointer;
2839
+ }
2840
+ }
2841
+ }
2842
+ .hover\:rounded-sm {
2843
+ &:hover {
2844
+ @media (hover: hover) {
2845
+ border-radius: var(--radius-sm);
2846
+ }
2847
+ }
2848
+ }
2849
+ .hover\:border-blue-500 {
2850
+ &:hover {
2851
+ @media (hover: hover) {
2852
+ border-color: var(--color-blue-500);
2853
+ }
2854
+ }
2855
+ }
2856
+ .hover\:border-gray-400 {
2857
+ &:hover {
2858
+ @media (hover: hover) {
2859
+ border-color: var(--color-gray-400);
2860
+ }
2861
+ }
2862
+ }
2863
+ .hover\:border-transparent {
2864
+ &:hover {
2865
+ @media (hover: hover) {
2866
+ border-color: transparent;
2867
+ }
2868
+ }
2869
+ }
2870
+ .hover\:bg-blue-100 {
2871
+ &:hover {
2872
+ @media (hover: hover) {
2873
+ background-color: var(--color-blue-100);
2874
+ }
2875
+ }
2876
+ }
2877
+ .hover\:bg-gray-200 {
2878
+ &:hover {
2879
+ @media (hover: hover) {
2880
+ background-color: var(--color-gray-200);
2881
+ }
2882
+ }
2883
+ }
2884
+ .hover\:bg-gray-300 {
2885
+ &:hover {
2886
+ @media (hover: hover) {
2887
+ background-color: var(--color-gray-300);
2888
+ }
2889
+ }
2890
+ }
2891
+ .hover\:bg-gray-700 {
2892
+ &:hover {
2893
+ @media (hover: hover) {
2894
+ background-color: var(--color-gray-700);
2895
+ }
2896
+ }
2897
+ }
2898
+ .hover\:bg-gray-700\/40 {
2899
+ &:hover {
2900
+ @media (hover: hover) {
2901
+ background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 40%, transparent);
2902
+ @supports (color: color-mix(in lab, red, red)) {
2903
+ background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent);
2904
+ }
2905
+ }
2906
+ }
2907
+ }
2908
+ .hover\:bg-red-700 {
2909
+ &:hover {
2910
+ @media (hover: hover) {
2911
+ background-color: var(--color-red-700);
2912
+ }
2913
+ }
2914
+ }
2915
+ .hover\:bg-transparent {
2916
+ &:hover {
2917
+ @media (hover: hover) {
2918
+ background-color: transparent;
2919
+ }
2920
+ }
2921
+ }
2922
+ .hover\:text-black {
2923
+ &:hover {
2924
+ @media (hover: hover) {
2925
+ color: var(--color-black);
2926
+ }
2927
+ }
2928
+ }
2929
+ .hover\:text-blue-300 {
2930
+ &:hover {
2931
+ @media (hover: hover) {
2932
+ color: var(--color-blue-300);
2933
+ }
2934
+ }
2935
+ }
2936
+ .hover\:text-gray-500 {
2937
+ &:hover {
2938
+ @media (hover: hover) {
2939
+ color: var(--color-gray-500);
2940
+ }
2941
+ }
2942
+ }
2943
+ .hover\:text-white {
2944
+ &:hover {
2945
+ @media (hover: hover) {
2946
+ color: var(--color-white);
2947
+ }
2948
+ }
2949
+ }
2950
+ .hover\:underline {
2951
+ &:hover {
2952
+ @media (hover: hover) {
2953
+ text-decoration-line: underline;
2954
+ }
2955
+ }
2956
+ }
2957
+ .hover\:opacity-70 {
2958
+ &:hover {
2959
+ @media (hover: hover) {
2960
+ opacity: 70%;
2961
+ }
2962
+ }
2963
+ }
2964
+ .hover\:opacity-100\! {
2965
+ &:hover {
2966
+ @media (hover: hover) {
2967
+ opacity: 100% !important;
2968
+ }
2969
+ }
2970
+ }
2971
+ .hover\:brightness-150 {
2972
+ &:hover {
2973
+ @media (hover: hover) {
2974
+ --tw-brightness: brightness(150%);
2975
+ 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,);
2976
+ }
2977
+ }
2978
+ }
2979
+ .hover\:after\:absolute {
2980
+ &:hover {
2981
+ @media (hover: hover) {
2982
+ &::after {
2983
+ content: var(--tw-content);
2984
+ position: absolute;
2985
+ }
2986
+ }
2987
+ }
2988
+ }
2989
+ .hover\:after\:inset-x-0\.5 {
2990
+ &:hover {
2991
+ @media (hover: hover) {
2992
+ &::after {
2993
+ content: var(--tw-content);
2994
+ inset-inline: calc(var(--spacing) * 0.5);
2995
+ }
2996
+ }
2997
+ }
2998
+ }
2999
+ .hover\:after\:-bottom-\[0px\] {
3000
+ &:hover {
3001
+ @media (hover: hover) {
3002
+ &::after {
3003
+ content: var(--tw-content);
3004
+ bottom: calc(0px * -1);
3005
+ }
3006
+ }
3007
+ }
3008
+ }
3009
+ .hover\:after\:-bottom-\[1px\] {
3010
+ &:hover {
3011
+ @media (hover: hover) {
3012
+ &::after {
3013
+ content: var(--tw-content);
3014
+ bottom: calc(1px * -1);
3015
+ }
3016
+ }
3017
+ }
3018
+ }
3019
+ .hover\:after\:mx-1 {
3020
+ &:hover {
3021
+ @media (hover: hover) {
3022
+ &::after {
3023
+ content: var(--tw-content);
3024
+ margin-inline: calc(var(--spacing) * 1);
3025
+ }
3026
+ }
3027
+ }
3028
+ }
3029
+ .hover\:after\:h-px {
3030
+ &:hover {
3031
+ @media (hover: hover) {
3032
+ &::after {
3033
+ content: var(--tw-content);
3034
+ height: 1px;
3035
+ }
3036
+ }
3037
+ }
3038
+ }
3039
+ .hover\:after\:rounded-sm {
3040
+ &:hover {
3041
+ @media (hover: hover) {
3042
+ &::after {
3043
+ content: var(--tw-content);
3044
+ border-radius: var(--radius-sm);
3045
+ }
3046
+ }
3047
+ }
3048
+ }
3049
+ .hover\:after\:bg-\[radial-gradient\(circle\,_\#105EFF_0\%\,_\#105EFF_36\%\,_\#242433_100\%\)\] {
3050
+ &:hover {
3051
+ @media (hover: hover) {
3052
+ &::after {
3053
+ content: var(--tw-content);
3054
+ background-image: radial-gradient(circle, #105EFF 0%, #105EFF 36%, #242433 100%);
3055
+ }
3056
+ }
3057
+ }
3058
+ }
3059
+ .hover\:after\:content-\[\"\"\] {
3060
+ &:hover {
3061
+ @media (hover: hover) {
3062
+ &::after {
3063
+ --tw-content: "";
3064
+ content: var(--tw-content);
3065
+ }
3066
+ }
3067
+ }
3068
+ }
3069
+ .hover\:after\:content-\[\\\"\\\"\] {
3070
+ &:hover {
3071
+ @media (hover: hover) {
3072
+ &::after {
3073
+ --tw-content: \"\";
3074
+ content: var(--tw-content);
3075
+ }
3076
+ }
3077
+ }
3078
+ }
3079
+ .hover\:after\:content-none {
3080
+ &:hover {
3081
+ @media (hover: hover) {
3082
+ &::after {
3083
+ content: var(--tw-content);
3084
+ --tw-content: none;
3085
+ content: none;
3086
+ }
3087
+ }
3088
+ }
3089
+ }
3090
+ .focus\:outline-hidden {
3091
+ &:focus {
3092
+ --tw-outline-style: none;
3093
+ outline-style: none;
3094
+ @media (forced-colors: active) {
3095
+ outline: 2px solid transparent;
3096
+ outline-offset: 2px;
3097
+ }
3098
+ }
3099
+ }
3100
+ .focus-visible\:outline-hidden {
3101
+ &:focus-visible {
3102
+ --tw-outline-style: none;
3103
+ outline-style: none;
3104
+ @media (forced-colors: active) {
3105
+ outline: 2px solid transparent;
3106
+ outline-offset: 2px;
3107
+ }
3108
+ }
3109
+ }
3110
+ .focus-visible\:outline-1 {
3111
+ &:focus-visible {
3112
+ outline-style: var(--tw-outline-style);
3113
+ outline-width: 1px;
3114
+ }
3115
+ }
3116
+ .focus-visible\:outline-offset-2 {
3117
+ &:focus-visible {
3118
+ outline-offset: 2px;
3119
+ }
3120
+ }
3121
+ .focus-visible\:outline-dashed {
3122
+ &:focus-visible {
3123
+ --tw-outline-style: dashed;
3124
+ outline-style: dashed;
3125
+ }
3126
+ }
3127
+ .focus-visible\:outline-none {
3128
+ &:focus-visible {
3129
+ --tw-outline-style: none;
3130
+ outline-style: none;
3131
+ }
3132
+ }
3133
+ .disabled\:pointer-events-none {
3134
+ &:disabled {
3135
+ pointer-events: none;
3136
+ }
3137
+ }
3138
+ .disabled\:cursor-default {
3139
+ &:disabled {
3140
+ cursor: default;
3141
+ }
3142
+ }
3143
+ .disabled\:cursor-not-allowed {
3144
+ &:disabled {
3145
+ cursor: not-allowed;
3146
+ }
3147
+ }
3148
+ .disabled\:bg-transparent {
3149
+ &:disabled {
3150
+ background-color: transparent;
3151
+ }
3152
+ }
3153
+ .disabled\:text-gray-400 {
3154
+ &:disabled {
3155
+ color: var(--color-gray-400);
3156
+ }
3157
+ }
3158
+ .disabled\:opacity-40 {
3159
+ &:disabled {
3160
+ opacity: 40%;
3161
+ }
3162
+ }
3163
+ .disabled\:opacity-100 {
3164
+ &:disabled {
3165
+ opacity: 100%;
3166
+ }
3167
+ }
3168
+ .disabled\:hover\:bg-transparent {
3169
+ &:disabled {
3170
+ &:hover {
3171
+ @media (hover: hover) {
3172
+ background-color: transparent;
3173
+ }
3174
+ }
3175
+ }
3176
+ }
3177
+ .hover\:disabled\:bg-transparent\! {
3178
+ &:hover {
3179
+ @media (hover: hover) {
3180
+ &:disabled {
3181
+ background-color: transparent !important;
3182
+ }
3183
+ }
3184
+ }
3185
+ }
3186
+ .data-\[compact\=false\]\:px-4 {
3187
+ &[data-compact="false"] {
3188
+ padding-inline: calc(var(--spacing) * 4);
3189
+ }
3190
+ }
3191
+ .data-\[variant\=filled\]\:disabled\:bg-gray-600 {
3192
+ &[data-variant="filled"] {
3193
+ &:disabled {
3194
+ background-color: var(--color-gray-600);
3195
+ }
3196
+ }
3197
+ }
3198
+ .sm\:mx-auto {
3199
+ @media (width >= 40rem) {
3200
+ margin-inline: auto;
3201
+ }
3202
+ }
3203
+ .sm\:w-full {
3204
+ @media (width >= 40rem) {
3205
+ width: 100%;
3206
+ }
3207
+ }
3208
+ .sm\:max-w-sm {
3209
+ @media (width >= 40rem) {
3210
+ max-width: var(--container-sm);
3211
+ }
3212
+ }
3213
+ .md\:mt-\[200px\] {
3214
+ @media (width >= 48rem) {
3215
+ margin-top: 200px;
3216
+ }
3217
+ }
3218
+ .md\:block {
3219
+ @media (width >= 48rem) {
3220
+ display: block;
3221
+ }
3222
+ }
3223
+ .md\:h-\[800px\] {
3224
+ @media (width >= 48rem) {
3225
+ height: 800px;
3226
+ }
3227
+ }
3228
+ .md\:w-\[500px\] {
3229
+ @media (width >= 48rem) {
3230
+ width: 500px;
3231
+ }
3232
+ }
3233
+ .md\:w-\[560px\] {
3234
+ @media (width >= 48rem) {
3235
+ width: 560px;
3236
+ }
3237
+ }
3238
+ .md\:w-\[600px\] {
3239
+ @media (width >= 48rem) {
3240
+ width: 600px;
3241
+ }
3242
+ }
3243
+ .md\:w-\[620px\] {
3244
+ @media (width >= 48rem) {
3245
+ width: 620px;
3246
+ }
3247
+ }
3248
+ .md\:w-\[650px\] {
3249
+ @media (width >= 48rem) {
3250
+ width: 650px;
3251
+ }
3252
+ }
3253
+ .md\:w-\[690px\] {
3254
+ @media (width >= 48rem) {
3255
+ width: 690px;
3256
+ }
3257
+ }
3258
+ .md\:w-\[800px\] {
3259
+ @media (width >= 48rem) {
3260
+ width: 800px;
3261
+ }
3262
+ }
3263
+ .md\:w-\[820px\] {
3264
+ @media (width >= 48rem) {
3265
+ width: 820px;
3266
+ }
3267
+ }
3268
+ .md\:max-w-\[600px\] {
3269
+ @media (width >= 48rem) {
3270
+ max-width: 600px;
3271
+ }
3272
+ }
3273
+ .md\:max-w-\[800px\] {
3274
+ @media (width >= 48rem) {
3275
+ max-width: 800px;
3276
+ }
3277
+ }
3278
+ .md\:max-w-\[840px\] {
3279
+ @media (width >= 48rem) {
3280
+ max-width: 840px;
3281
+ }
3282
+ }
3283
+ .md\:max-w-\[1100px\] {
3284
+ @media (width >= 48rem) {
3285
+ max-width: 1100px;
3286
+ }
3287
+ }
3288
+ .md\:max-w-\[1200px\] {
3289
+ @media (width >= 48rem) {
3290
+ max-width: 1200px;
3291
+ }
3292
+ }
3293
+ .md\:min-w-\[960px\] {
3294
+ @media (width >= 48rem) {
3295
+ min-width: 960px;
3296
+ }
3297
+ }
3298
+ .md\:grid-cols-3 {
3299
+ @media (width >= 48rem) {
3300
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3301
+ }
3302
+ }
3303
+ .md\:flex-row {
3304
+ @media (width >= 48rem) {
3305
+ flex-direction: row;
3306
+ }
3307
+ }
3308
+ .md\:px-24 {
3309
+ @media (width >= 48rem) {
3310
+ padding-inline: calc(var(--spacing) * 24);
3311
+ }
3312
+ }
3313
+ .md\:py-28 {
3314
+ @media (width >= 48rem) {
3315
+ padding-block: calc(var(--spacing) * 28);
3316
+ }
3317
+ }
3318
+ .dark\:block {
3319
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3320
+ display: block;
3321
+ }
3322
+ }
3323
+ .dark\:hidden {
3324
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3325
+ display: none;
3326
+ }
3327
+ }
3328
+ .dark\:border-gray-100 {
3329
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3330
+ border-color: var(--color-gray-100);
3331
+ }
3332
+ }
3333
+ .dark\:border-gray-700 {
3334
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3335
+ border-color: var(--color-gray-700);
2228
3336
  }
2229
3337
  }
2230
3338
  .dark\:border-gray-700\/50 {
2231
3339
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2232
- border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
3340
+ border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
3341
+ @supports (color: color-mix(in lab, red, red)) {
3342
+ border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
3343
+ }
2233
3344
  }
2234
3345
  }
2235
3346
  .dark\:border-gray-700\/70 {
2236
3347
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2237
- border-color: color-mix(in oklab, var(--color-gray-700) 70%, transparent);
3348
+ border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 70%, transparent);
3349
+ @supports (color: color-mix(in lab, red, red)) {
3350
+ border-color: color-mix(in oklab, var(--color-gray-700) 70%, transparent);
3351
+ }
2238
3352
  }
2239
3353
  }
2240
3354
  .dark\:bg-\[\#11111F\] {
@@ -2242,9 +3356,27 @@
2242
3356
  background-color: #11111F;
2243
3357
  }
2244
3358
  }
3359
+ .dark\:bg-\[\#11111e\] {
3360
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3361
+ background-color: #11111e;
3362
+ }
3363
+ }
3364
+ .dark\:bg-blue-600 {
3365
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3366
+ background-color: var(--color-blue-600);
3367
+ }
3368
+ }
3369
+ .dark\:bg-gray-100 {
3370
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3371
+ background-color: var(--color-gray-100);
3372
+ }
3373
+ }
2245
3374
  .dark\:bg-gray-700\/50 {
2246
3375
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2247
- background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
3376
+ background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
3377
+ @supports (color: color-mix(in lab, red, red)) {
3378
+ background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
3379
+ }
2248
3380
  }
2249
3381
  }
2250
3382
  .dark\:bg-gray-800 {
@@ -2254,7 +3386,10 @@
2254
3386
  }
2255
3387
  .dark\:bg-gray-800\/70 {
2256
3388
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2257
- background-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent);
3389
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 70%, transparent);
3390
+ @supports (color: color-mix(in lab, red, red)) {
3391
+ background-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent);
3392
+ }
2258
3393
  }
2259
3394
  }
2260
3395
  .dark\:bg-gray-900 {
@@ -2264,7 +3399,10 @@
2264
3399
  }
2265
3400
  .dark\:bg-gray-900\/60 {
2266
3401
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2267
- background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
3402
+ background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
3403
+ @supports (color: color-mix(in lab, red, red)) {
3404
+ background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
3405
+ }
2268
3406
  }
2269
3407
  }
2270
3408
  .dark\:bg-gray-950 {
@@ -2272,6 +3410,11 @@
2272
3410
  background-color: var(--color-gray-950);
2273
3411
  }
2274
3412
  }
3413
+ .dark\:bg-\[radial-gradient\(circle\,rgba\(36\,36\,66\,0\.3\)_2\%\,rgba\(2\,2\,15\,1\)_80\%\)\] {
3414
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3415
+ background-image: radial-gradient(circle,rgba(36,36,66,0.3) 2%,rgba(2,2,15,1) 80%);
3416
+ }
3417
+ }
2275
3418
  .dark\:text-gray-100 {
2276
3419
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2277
3420
  color: var(--color-gray-100);
@@ -2282,101 +3425,415 @@
2282
3425
  color: var(--color-gray-200);
2283
3426
  }
2284
3427
  }
2285
- .dark\:text-gray-400 {
2286
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2287
- color: var(--color-gray-400);
3428
+ .dark\:text-gray-400 {
3429
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3430
+ color: var(--color-gray-400);
3431
+ }
3432
+ }
3433
+ .dark\:text-gray-500 {
3434
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3435
+ color: var(--color-gray-500);
3436
+ }
3437
+ }
3438
+ .dark\:text-gray-600 {
3439
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3440
+ color: var(--color-gray-600);
3441
+ }
3442
+ }
3443
+ .dark\:text-white {
3444
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3445
+ color: var(--color-white);
3446
+ }
3447
+ }
3448
+ .dark\:\[border-image\:linear-gradient\(to_top_right\,\#2F6AFF\,\#0B0B11\)_10\] {
3449
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3450
+ border-image: linear-gradient(to top right,#2F6AFF,#0B0B11) 10;
3451
+ }
3452
+ }
3453
+ .dark\:group-hover\:stroke-blue-300 {
3454
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3455
+ &:is(:where(.group):hover *) {
3456
+ @media (hover: hover) {
3457
+ stroke: var(--color-blue-300);
3458
+ }
3459
+ }
3460
+ }
3461
+ }
3462
+ .dark\:group-hover\:stroke-gray-500 {
3463
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3464
+ &:is(:where(.group):hover *) {
3465
+ @media (hover: hover) {
3466
+ stroke: var(--color-gray-500);
3467
+ }
3468
+ }
3469
+ }
3470
+ }
3471
+ .dark\:group-hover\:text-blue-300 {
3472
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3473
+ &:is(:where(.group):hover *) {
3474
+ @media (hover: hover) {
3475
+ color: var(--color-blue-300);
3476
+ }
3477
+ }
3478
+ }
3479
+ }
3480
+ .dark\:group-hover\:text-gray-600 {
3481
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3482
+ &:is(:where(.group):hover *) {
3483
+ @media (hover: hover) {
3484
+ color: var(--color-gray-600);
3485
+ }
3486
+ }
3487
+ }
3488
+ }
3489
+ .dark\:after\:to-gray-900 {
3490
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3491
+ &::after {
3492
+ content: var(--tw-content);
3493
+ --tw-gradient-to: var(--color-gray-900);
3494
+ --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));
3495
+ }
3496
+ }
3497
+ }
3498
+ .dark\:hover\:border-gray-700\/50 {
3499
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3500
+ &:hover {
3501
+ @media (hover: hover) {
3502
+ border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
3503
+ @supports (color: color-mix(in lab, red, red)) {
3504
+ border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
3505
+ }
3506
+ }
3507
+ }
3508
+ }
3509
+ }
3510
+ .dark\:hover\:bg-\[\#11111e\] {
3511
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3512
+ &:hover {
3513
+ @media (hover: hover) {
3514
+ background-color: #11111e;
3515
+ }
3516
+ }
3517
+ }
3518
+ }
3519
+ .dark\:hover\:bg-blue-950\/40 {
3520
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3521
+ &:hover {
3522
+ @media (hover: hover) {
3523
+ background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
3524
+ @supports (color: color-mix(in lab, red, red)) {
3525
+ background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
3526
+ }
3527
+ }
3528
+ }
3529
+ }
3530
+ }
3531
+ .dark\:hover\:bg-gray-700 {
3532
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3533
+ &:hover {
3534
+ @media (hover: hover) {
3535
+ background-color: var(--color-gray-700);
3536
+ }
3537
+ }
3538
+ }
3539
+ }
3540
+ .dark\:hover\:bg-gray-800 {
3541
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3542
+ &:hover {
3543
+ @media (hover: hover) {
3544
+ background-color: var(--color-gray-800);
3545
+ }
3546
+ }
3547
+ }
3548
+ }
3549
+ .dark\:hover\:bg-gray-800\/50 {
3550
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3551
+ &:hover {
3552
+ @media (hover: hover) {
3553
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
3554
+ @supports (color: color-mix(in lab, red, red)) {
3555
+ background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
3556
+ }
3557
+ }
3558
+ }
3559
+ }
3560
+ }
3561
+ .dark\:hover\:text-white {
3562
+ &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3563
+ &:hover {
3564
+ @media (hover: hover) {
3565
+ color: var(--color-white);
3566
+ }
3567
+ }
3568
+ }
3569
+ }
3570
+ .light\:hidden {
3571
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3572
+ display: none;
3573
+ }
3574
+ }
3575
+ .light\:border-gray-700 {
3576
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3577
+ border-color: var(--color-gray-700);
3578
+ }
3579
+ }
3580
+ .light\:border-gray-900 {
3581
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3582
+ border-color: var(--color-gray-900);
3583
+ }
3584
+ }
3585
+ .light\:border-transparent {
3586
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3587
+ border-color: transparent;
3588
+ }
3589
+ }
3590
+ .light\:bg-\[\#e5e6ef\] {
3591
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3592
+ background-color: #e5e6ef;
3593
+ }
3594
+ }
3595
+ .light\:bg-gray-200 {
3596
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3597
+ background-color: var(--color-gray-200);
3598
+ }
3599
+ }
3600
+ .light\:bg-gray-400 {
3601
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3602
+ background-color: var(--color-gray-400);
3603
+ }
3604
+ }
3605
+ .light\:bg-gray-900 {
3606
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3607
+ background-color: var(--color-gray-900);
3608
+ }
3609
+ }
3610
+ .light\:bg-white {
3611
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3612
+ background-color: var(--color-white);
3613
+ }
3614
+ }
3615
+ .light\:bg-\[radial-gradient\(circle\,rgba\(224\,224\,232\,0\.3\)_2\%\,rgba\(247\,247\,250\,1\)_80\%\)\] {
3616
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3617
+ background-image: radial-gradient(circle,rgba(224,224,232,0.3) 2%,rgba(247,247,250,1) 80%);
3618
+ }
3619
+ }
3620
+ .light\:stroke-gray-700 {
3621
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3622
+ stroke: var(--color-gray-700);
3623
+ }
3624
+ }
3625
+ .light\:stroke-white {
3626
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3627
+ stroke: var(--color-white);
3628
+ }
3629
+ }
3630
+ .light\:text-blue-500 {
3631
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3632
+ color: var(--color-blue-500);
3633
+ }
3634
+ }
3635
+ .light\:text-gray-100 {
3636
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3637
+ color: var(--color-gray-100);
3638
+ }
3639
+ }
3640
+ .light\:text-gray-400 {
3641
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3642
+ color: var(--color-gray-400);
3643
+ }
3644
+ }
3645
+ .light\:text-gray-500 {
3646
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3647
+ color: var(--color-gray-500);
3648
+ }
3649
+ }
3650
+ .light\:text-gray-600 {
3651
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3652
+ color: var(--color-gray-600);
3653
+ }
3654
+ }
3655
+ .light\:text-gray-700 {
3656
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3657
+ color: var(--color-gray-700);
3658
+ }
3659
+ }
3660
+ .light\:text-gray-900 {
3661
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3662
+ color: var(--color-gray-900);
3663
+ }
3664
+ }
3665
+ .light\:text-slate-400 {
3666
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3667
+ color: var(--color-slate-400);
3668
+ }
3669
+ }
3670
+ .light\:text-white {
3671
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3672
+ color: var(--color-white);
3673
+ }
3674
+ }
3675
+ .light\:\[border-image\:linear-gradient\(to_top_right\,\#105EFF\,\#F7F7FA\)_10\] {
3676
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3677
+ border-image: linear-gradient(to top right,#105EFF,#F7F7FA) 10;
3678
+ }
3679
+ }
3680
+ .light\:group-hover\:fill-blue-600 {
3681
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3682
+ &:is(:where(.group):hover *) {
3683
+ @media (hover: hover) {
3684
+ fill: var(--color-blue-600);
3685
+ }
3686
+ }
3687
+ }
3688
+ }
3689
+ .light\:group-hover\:stroke-blue-600 {
3690
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3691
+ &:is(:where(.group):hover *) {
3692
+ @media (hover: hover) {
3693
+ stroke: var(--color-blue-600);
3694
+ }
3695
+ }
3696
+ }
3697
+ }
3698
+ .light\:group-hover\:stroke-gray-400 {
3699
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3700
+ &:is(:where(.group):hover *) {
3701
+ @media (hover: hover) {
3702
+ stroke: var(--color-gray-400);
3703
+ }
3704
+ }
3705
+ }
3706
+ }
3707
+ .light\:group-hover\:stroke-white {
3708
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3709
+ &:is(:where(.group):hover *) {
3710
+ @media (hover: hover) {
3711
+ stroke: var(--color-white);
3712
+ }
3713
+ }
2288
3714
  }
2289
3715
  }
2290
- .dark\:text-gray-500 {
2291
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2292
- color: var(--color-gray-500);
3716
+ .light\:group-hover\:text-blue-400 {
3717
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3718
+ &:is(:where(.group):hover *) {
3719
+ @media (hover: hover) {
3720
+ color: var(--color-blue-400);
3721
+ }
3722
+ }
2293
3723
  }
2294
3724
  }
2295
- .dark\:text-white {
2296
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2297
- color: var(--color-white);
3725
+ .light\:group-hover\:text-gray-400 {
3726
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3727
+ &:is(:where(.group):hover *) {
3728
+ @media (hover: hover) {
3729
+ color: var(--color-gray-400);
3730
+ }
3731
+ }
2298
3732
  }
2299
3733
  }
2300
- .dark\:after\:to-gray-900 {
2301
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2302
- &::after {
2303
- content: var(--tw-content);
2304
- --tw-gradient-to: var(--color-gray-900);
2305
- --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));
3734
+ .light\:focus-within\:after\:bg-\[radial-gradient\(circle\,_\#105EFF_10\%\,_\#93B6FF_36\%\,_\#E6E6F0_90\%\)\] {
3735
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3736
+ &:focus-within {
3737
+ &::after {
3738
+ content: var(--tw-content);
3739
+ background-image: radial-gradient(circle, #105EFF 10%, #93B6FF 36%, #E6E6F0 90%);
3740
+ }
2306
3741
  }
2307
3742
  }
2308
3743
  }
2309
- .dark\:hover\:border-gray-700\/50 {
2310
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2311
- &:hover {
2312
- @media (hover: hover) {
2313
- border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
3744
+ .hover\:light\:bg-gray-700\/40 {
3745
+ &:hover {
3746
+ @media (hover: hover) {
3747
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3748
+ background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 40%, transparent);
3749
+ @supports (color: color-mix(in lab, red, red)) {
3750
+ background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent);
3751
+ }
2314
3752
  }
2315
3753
  }
2316
3754
  }
2317
3755
  }
2318
- .dark\:hover\:bg-blue-950\/40 {
2319
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3756
+ .light\:hover\:bg-\[\#e5e6ef\] {
3757
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
2320
3758
  &:hover {
2321
3759
  @media (hover: hover) {
2322
- background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
3760
+ background-color: #e5e6ef;
2323
3761
  }
2324
3762
  }
2325
3763
  }
2326
3764
  }
2327
- .dark\:hover\:bg-gray-700 {
2328
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3765
+ .light\:hover\:bg-gray-400 {
3766
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
2329
3767
  &:hover {
2330
3768
  @media (hover: hover) {
2331
- background-color: var(--color-gray-700);
3769
+ background-color: var(--color-gray-400);
2332
3770
  }
2333
3771
  }
2334
3772
  }
2335
3773
  }
2336
- .dark\:hover\:bg-gray-800 {
2337
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3774
+ .light\:hover\:text-white {
3775
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
2338
3776
  &:hover {
2339
3777
  @media (hover: hover) {
2340
- background-color: var(--color-gray-800);
3778
+ color: var(--color-white);
2341
3779
  }
2342
3780
  }
2343
3781
  }
2344
3782
  }
2345
- .dark\:hover\:bg-gray-800\/50 {
2346
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3783
+ .light\:hover\:after\:bg-\[radial-gradient\(circle\,_\#105EFF_0\%\,_\#105EFF_36\%\,_\#E6E6F0_100\%\)\] {
3784
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
2347
3785
  &:hover {
2348
3786
  @media (hover: hover) {
2349
- background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
3787
+ &::after {
3788
+ content: var(--tw-content);
3789
+ background-image: radial-gradient(circle, #105EFF 0%, #105EFF 36%, #E6E6F0 100%);
3790
+ }
2350
3791
  }
2351
3792
  }
2352
3793
  }
2353
3794
  }
2354
- .dark\:hover\:text-white {
2355
- &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
3795
+ .disabled\:light\:text-slate-300 {
3796
+ &:disabled {
3797
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3798
+ color: var(--color-slate-300);
3799
+ }
3800
+ }
3801
+ }
3802
+ .disabled-within\:after\:content-none {
3803
+ &:has(input:is(:disabled), textarea:is(:disabled), button:is(:disabled)) {
3804
+ &::after {
3805
+ content: var(--tw-content);
3806
+ --tw-content: none;
3807
+ content: none;
3808
+ }
3809
+ }
3810
+ }
3811
+ .disabled-within\:hover\:after\:content-none {
3812
+ &:has(input:is(:disabled), textarea:is(:disabled), button:is(:disabled)) {
2356
3813
  &:hover {
2357
3814
  @media (hover: hover) {
2358
- color: var(--color-white);
3815
+ &::after {
3816
+ content: var(--tw-content);
3817
+ --tw-content: none;
3818
+ content: none;
3819
+ }
2359
3820
  }
2360
3821
  }
2361
3822
  }
2362
3823
  }
2363
- .light\:border-gray-700 {
2364
- &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
2365
- border-color: var(--color-gray-700);
3824
+ .\[\&_\.invisible\]\:invisible {
3825
+ & .invisible {
3826
+ visibility: hidden;
2366
3827
  }
2367
3828
  }
2368
- .light\:text-gray-500 {
2369
- &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
2370
- color: var(--color-gray-500);
3829
+ .\[\&_\.invisible\]\:overflow-hidden {
3830
+ & .invisible {
3831
+ overflow: hidden;
2371
3832
  }
2372
3833
  }
2373
- .hover\:light\:bg-gray-700\/40 {
2374
- &:hover {
2375
- @media (hover: hover) {
2376
- &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
2377
- background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent);
2378
- }
2379
- }
3834
+ .\[\&_\.invisible\]\:text-ellipsis {
3835
+ & .invisible {
3836
+ text-overflow: ellipsis;
2380
3837
  }
2381
3838
  }
2382
3839
  .\[\&_button\]\:opacity-100\! {
@@ -2384,6 +3841,11 @@
2384
3841
  opacity: 100% !important;
2385
3842
  }
2386
3843
  }
3844
+ .\[\&_div\:first-child\]\:flex-1 {
3845
+ & div:first-child {
3846
+ flex: 1;
3847
+ }
3848
+ }
2387
3849
  .\[\&_hr\]\:bg-gray-200 {
2388
3850
  & hr {
2389
3851
  background-color: var(--color-gray-200);
@@ -2392,15 +3854,86 @@
2392
3854
  .dark\:\[\&_hr\]\:bg-gray-800\/60 {
2393
3855
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2394
3856
  & hr {
2395
- background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent);
3857
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 60%, transparent);
3858
+ @supports (color: color-mix(in lab, red, red)) {
3859
+ background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent);
3860
+ }
2396
3861
  }
2397
3862
  }
2398
3863
  }
3864
+ .\[\&_input\]\:text-base {
3865
+ & input {
3866
+ font-size: var(--text-base);
3867
+ line-height: var(--tw-leading, var(--text-base--line-height));
3868
+ }
3869
+ }
3870
+ .\[\&_input\]\:text-sm {
3871
+ & input {
3872
+ font-size: var(--text-sm);
3873
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3874
+ }
3875
+ }
3876
+ .\[\&_input\]\:text-xs {
3877
+ & input {
3878
+ font-size: var(--text-xs);
3879
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3880
+ }
3881
+ }
3882
+ .\[\&_input\]\:leading-4 {
3883
+ & input {
3884
+ --tw-leading: calc(var(--spacing) * 4);
3885
+ line-height: calc(var(--spacing) * 4);
3886
+ }
3887
+ }
3888
+ .\[\&_svg\]\:size-\(--inputs-details-asset-size-lg\) {
3889
+ & svg {
3890
+ width: var(--inputs-details-asset-size-lg);
3891
+ height: var(--inputs-details-asset-size-lg);
3892
+ }
3893
+ }
3894
+ .\[\&_svg\]\:size-\(--inputs-details-asset-size-md\) {
3895
+ & svg {
3896
+ width: var(--inputs-details-asset-size-md);
3897
+ height: var(--inputs-details-asset-size-md);
3898
+ }
3899
+ }
3900
+ .\[\&_svg\]\:size-\(--inputs-details-asset-size-sm\) {
3901
+ & svg {
3902
+ width: var(--inputs-details-asset-size-sm);
3903
+ height: var(--inputs-details-asset-size-sm);
3904
+ }
3905
+ }
3906
+ .\[\&_svg\]\:size-4 {
3907
+ & svg {
3908
+ width: calc(var(--spacing) * 4);
3909
+ height: calc(var(--spacing) * 4);
3910
+ }
3911
+ }
3912
+ .\[\&_svg\]\:size-4\.5 {
3913
+ & svg {
3914
+ width: calc(var(--spacing) * 4.5);
3915
+ height: calc(var(--spacing) * 4.5);
3916
+ }
3917
+ }
2399
3918
  .\[\&_svg\]\:text-gray-500 {
2400
3919
  & svg {
2401
3920
  color: var(--color-gray-500);
2402
3921
  }
2403
3922
  }
3923
+ .\[\&_svg\]\:transition-all {
3924
+ & svg {
3925
+ transition-property: all;
3926
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3927
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3928
+ }
3929
+ }
3930
+ .\[\&_svg\]\:transition-colors {
3931
+ & svg {
3932
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
3933
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3934
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3935
+ }
3936
+ }
2404
3937
  .dark\:\[\&_svg\]\:text-gray-200 {
2405
3938
  &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
2406
3939
  & svg {
@@ -2408,16 +3941,240 @@
2408
3941
  }
2409
3942
  }
2410
3943
  }
3944
+ .\[\&\.checked\.disabled\]\:fill-gray-400 {
3945
+ &.checked.disabled {
3946
+ fill: var(--color-gray-400);
3947
+ }
3948
+ }
3949
+ .light\:group-hover\:\[\&\.disabled\]\:fill-gray-400 {
3950
+ &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
3951
+ &:is(:where(.group):hover *) {
3952
+ @media (hover: hover) {
3953
+ &.disabled {
3954
+ fill: var(--color-gray-400);
3955
+ }
3956
+ }
3957
+ }
3958
+ }
3959
+ }
3960
+ .\[\&\:\:-webkit-scrollbar\]\:hidden {
3961
+ &::-webkit-scrollbar {
3962
+ display: none;
3963
+ }
3964
+ }
3965
+ .\[\&\:has\(h3\)\]\:hover\:bg-transparent {
3966
+ &:has(h3) {
3967
+ &:hover {
3968
+ @media (hover: hover) {
3969
+ background-color: transparent;
3970
+ }
3971
+ }
3972
+ }
3973
+ }
3974
+ .\[\*\>svg\]\:size-\(--tags-details-asset-size-close\) {
3975
+ &:is(*>svg) {
3976
+ width: var(--tags-details-asset-size-close);
3977
+ height: var(--tags-details-asset-size-close);
3978
+ }
3979
+ }
3980
+ .\[\&\>div\]\:max-w-full {
3981
+ &>div {
3982
+ max-width: 100%;
3983
+ }
3984
+ }
3985
+ .\[\&\>div\]\:gap-0\.5 {
3986
+ &>div {
3987
+ gap: calc(var(--spacing) * 0.5);
3988
+ }
3989
+ }
3990
+ .\[\&\>input\]\:text-base {
3991
+ &>input {
3992
+ font-size: var(--text-base);
3993
+ line-height: var(--tw-leading, var(--text-base--line-height));
3994
+ }
3995
+ }
3996
+ .\[\&\>input\]\:text-lg {
3997
+ &>input {
3998
+ font-size: var(--text-lg);
3999
+ line-height: var(--tw-leading, var(--text-lg--line-height));
4000
+ }
4001
+ }
4002
+ .\[\&\>input\]\:text-sm {
4003
+ &>input {
4004
+ font-size: var(--text-sm);
4005
+ line-height: var(--tw-leading, var(--text-sm--line-height));
4006
+ }
4007
+ }
4008
+ .\[\&\>input\]\:text-xs {
4009
+ &>input {
4010
+ font-size: var(--text-xs);
4011
+ line-height: var(--tw-leading, var(--text-xs--line-height));
4012
+ }
4013
+ }
4014
+ .\[\&\>input\]\:leading-4 {
4015
+ &>input {
4016
+ --tw-leading: calc(var(--spacing) * 4);
4017
+ line-height: calc(var(--spacing) * 4);
4018
+ }
4019
+ }
4020
+ .\[\&\>input\]\:leading-4\.5 {
4021
+ &>input {
4022
+ --tw-leading: calc(var(--spacing) * 4.5);
4023
+ line-height: calc(var(--spacing) * 4.5);
4024
+ }
4025
+ }
4026
+ .\[\&\>input\]\:leading-6 {
4027
+ &>input {
4028
+ --tw-leading: calc(var(--spacing) * 6);
4029
+ line-height: calc(var(--spacing) * 6);
4030
+ }
4031
+ }
4032
+ .\[\&\>svg\]\:pointer-events-none {
4033
+ &>svg {
4034
+ pointer-events: none;
4035
+ }
4036
+ }
4037
+ .\[\&\>svg\]\:size-\(--badges-details-asset-size-lg\) {
4038
+ &>svg {
4039
+ width: var(--badges-details-asset-size-lg);
4040
+ height: var(--badges-details-asset-size-lg);
4041
+ }
4042
+ }
4043
+ .\[\&\>svg\]\:size-\(--badges-details-asset-size-md\) {
4044
+ &>svg {
4045
+ width: var(--badges-details-asset-size-md);
4046
+ height: var(--badges-details-asset-size-md);
4047
+ }
4048
+ }
4049
+ .\[\&\>svg\]\:size-\(--badges-details-asset-size-sm\) {
4050
+ &>svg {
4051
+ width: var(--badges-details-asset-size-sm);
4052
+ height: var(--badges-details-asset-size-sm);
4053
+ }
4054
+ }
4055
+ .\[\&\>svg\]\:size-\(--breadcrumbs-details-asset-size-sm\) {
4056
+ &>svg {
4057
+ width: var(--breadcrumbs-details-asset-size-sm);
4058
+ height: var(--breadcrumbs-details-asset-size-sm);
4059
+ }
4060
+ }
4061
+ .\[\&\>svg\]\:size-\(--buttons-details-asset-size-lg\) {
4062
+ &>svg {
4063
+ width: var(--buttons-details-asset-size-lg);
4064
+ height: var(--buttons-details-asset-size-lg);
4065
+ }
4066
+ }
4067
+ .\[\&\>svg\]\:size-\(--buttons-details-asset-size-md\) {
4068
+ &>svg {
4069
+ width: var(--buttons-details-asset-size-md);
4070
+ height: var(--buttons-details-asset-size-md);
4071
+ }
4072
+ }
4073
+ .\[\&\>svg\]\:size-\(--buttons-details-asset-size-sm\) {
4074
+ &>svg {
4075
+ width: var(--buttons-details-asset-size-sm);
4076
+ height: var(--buttons-details-asset-size-sm);
4077
+ }
4078
+ }
4079
+ .\[\&\>svg\]\:size-\(--buttons-details-asset-size-xs\) {
4080
+ &>svg {
4081
+ width: var(--buttons-details-asset-size-xs);
4082
+ height: var(--buttons-details-asset-size-xs);
4083
+ }
4084
+ }
4085
+ .\[\&\>svg\]\:size-\(--selectors-details-width-radio-checkbox-lg\) {
4086
+ &>svg {
4087
+ width: var(--selectors-details-width-radio-checkbox-lg);
4088
+ height: var(--selectors-details-width-radio-checkbox-lg);
4089
+ }
4090
+ }
4091
+ .\[\&\>svg\]\:size-\(--selectors-details-width-radio-checkbox-sm\) {
4092
+ &>svg {
4093
+ width: var(--selectors-details-width-radio-checkbox-sm);
4094
+ height: var(--selectors-details-width-radio-checkbox-sm);
4095
+ }
4096
+ }
4097
+ .\[\&\>svg\]\:size-\(--tags-details-asset-size-icon\) {
4098
+ &>svg {
4099
+ width: var(--tags-details-asset-size-icon);
4100
+ height: var(--tags-details-asset-size-icon);
4101
+ }
4102
+ }
4103
+ .\[\&\>svg\]\:size-3\.5 {
4104
+ &>svg {
4105
+ width: calc(var(--spacing) * 3.5);
4106
+ height: calc(var(--spacing) * 3.5);
4107
+ }
4108
+ }
4109
+ .\[\&\>svg\]\:size-4 {
4110
+ &>svg {
4111
+ width: calc(var(--spacing) * 4);
4112
+ height: calc(var(--spacing) * 4);
4113
+ }
4114
+ }
4115
+ .\[\&\>svg\]\:h-3 {
4116
+ &>svg {
4117
+ height: calc(var(--spacing) * 3);
4118
+ }
4119
+ }
2411
4120
  .\[\&\>svg\]\:h-4 {
2412
4121
  &>svg {
2413
4122
  height: calc(var(--spacing) * 4);
2414
4123
  }
2415
4124
  }
4125
+ .\[\&\>svg\]\:h-5 {
4126
+ &>svg {
4127
+ height: calc(var(--spacing) * 5);
4128
+ }
4129
+ }
4130
+ .\[\&\>svg\]\:w-3 {
4131
+ &>svg {
4132
+ width: calc(var(--spacing) * 3);
4133
+ }
4134
+ }
2416
4135
  .\[\&\>svg\]\:w-4 {
2417
4136
  &>svg {
2418
4137
  width: calc(var(--spacing) * 4);
2419
4138
  }
2420
4139
  }
4140
+ .\[\&\>svg\]\:w-5 {
4141
+ &>svg {
4142
+ width: calc(var(--spacing) * 5);
4143
+ }
4144
+ }
4145
+ .\[\&\>svg\]\:fill-transparent {
4146
+ &>svg {
4147
+ fill: transparent;
4148
+ }
4149
+ }
4150
+ .\[\&\>svg\]\:align-baseline {
4151
+ &>svg {
4152
+ vertical-align: baseline;
4153
+ }
4154
+ }
4155
+ .\[\&\>svg\]\:transition-\[fill\] {
4156
+ &>svg {
4157
+ transition-property: fill;
4158
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4159
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
4160
+ }
4161
+ }
4162
+ .\[\&\>svg\]\:will-change-\[fill\] {
4163
+ &>svg {
4164
+ will-change: fill;
4165
+ }
4166
+ }
4167
+ .\[\&\>svg\]\:outline-none {
4168
+ &>svg {
4169
+ --tw-outline-style: none;
4170
+ outline-style: none;
4171
+ }
4172
+ }
4173
+ .\[\&\>svg\>path\:first-child\]\:stroke-transparent {
4174
+ &>svg>path:first-child {
4175
+ stroke: transparent;
4176
+ }
4177
+ }
2421
4178
  .\[\&\>textarea\]\:w-full {
2422
4179
  &>textarea {
2423
4180
  width: 100%;
@@ -2437,32 +4194,6 @@
2437
4194
  body {
2438
4195
  line-height: inherit;
2439
4196
  }
2440
- @keyframes spin {
2441
- to {
2442
- transform: rotate(360deg);
2443
- }
2444
- }
2445
- @keyframes ping {
2446
- 75%, 100% {
2447
- transform: scale(2);
2448
- opacity: 0;
2449
- }
2450
- }
2451
- @keyframes pulse {
2452
- 50% {
2453
- opacity: 0.5;
2454
- }
2455
- }
2456
- @keyframes bounce {
2457
- 0%, 100% {
2458
- transform: translateY(-25%);
2459
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2460
- }
2461
- 50% {
2462
- transform: none;
2463
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2464
- }
2465
- }
2466
4197
  @property --tw-translate-x {
2467
4198
  syntax: "*";
2468
4199
  inherits: false;
@@ -2478,30 +4209,22 @@ body {
2478
4209
  inherits: false;
2479
4210
  initial-value: 0;
2480
4211
  }
2481
- @property --tw-rotate-x {
2482
- syntax: "*";
2483
- inherits: false;
2484
- initial-value: rotateX(0);
2485
- }
2486
- @property --tw-rotate-y {
4212
+ @property --tw-pan-x {
2487
4213
  syntax: "*";
2488
4214
  inherits: false;
2489
- initial-value: rotateY(0);
2490
4215
  }
2491
- @property --tw-rotate-z {
4216
+ @property --tw-pan-y {
2492
4217
  syntax: "*";
2493
4218
  inherits: false;
2494
- initial-value: rotateZ(0);
2495
4219
  }
2496
- @property --tw-skew-x {
4220
+ @property --tw-pinch-zoom {
2497
4221
  syntax: "*";
2498
4222
  inherits: false;
2499
- initial-value: skewX(0);
2500
4223
  }
2501
- @property --tw-skew-y {
4224
+ @property --tw-space-y-reverse {
2502
4225
  syntax: "*";
2503
4226
  inherits: false;
2504
- initial-value: skewY(0);
4227
+ initial-value: 0;
2505
4228
  }
2506
4229
  @property --tw-space-x-reverse {
2507
4230
  syntax: "*";
@@ -2572,6 +4295,11 @@ body {
2572
4295
  syntax: "*";
2573
4296
  inherits: false;
2574
4297
  }
4298
+ @property --tw-shadow-alpha {
4299
+ syntax: "<percentage>";
4300
+ inherits: false;
4301
+ initial-value: 100%;
4302
+ }
2575
4303
  @property --tw-inset-shadow {
2576
4304
  syntax: "*";
2577
4305
  inherits: false;
@@ -2581,6 +4309,11 @@ body {
2581
4309
  syntax: "*";
2582
4310
  inherits: false;
2583
4311
  }
4312
+ @property --tw-inset-shadow-alpha {
4313
+ syntax: "<percentage>";
4314
+ inherits: false;
4315
+ initial-value: 100%;
4316
+ }
2584
4317
  @property --tw-ring-color {
2585
4318
  syntax: "*";
2586
4319
  inherits: false;
@@ -2659,6 +4392,23 @@ body {
2659
4392
  syntax: "*";
2660
4393
  inherits: false;
2661
4394
  }
4395
+ @property --tw-drop-shadow {
4396
+ syntax: "*";
4397
+ inherits: false;
4398
+ }
4399
+ @property --tw-drop-shadow-color {
4400
+ syntax: "*";
4401
+ inherits: false;
4402
+ }
4403
+ @property --tw-drop-shadow-alpha {
4404
+ syntax: "<percentage>";
4405
+ inherits: false;
4406
+ initial-value: 100%;
4407
+ }
4408
+ @property --tw-drop-shadow-size {
4409
+ syntax: "*";
4410
+ inherits: false;
4411
+ }
2662
4412
  @property --tw-backdrop-blur {
2663
4413
  syntax: "*";
2664
4414
  inherits: false;
@@ -2723,3 +4473,72 @@ body {
2723
4473
  inherits: false;
2724
4474
  initial-value: 1;
2725
4475
  }
4476
+ @layer properties {
4477
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4478
+ *, ::before, ::after, ::backdrop {
4479
+ --tw-translate-x: 0;
4480
+ --tw-translate-y: 0;
4481
+ --tw-translate-z: 0;
4482
+ --tw-pan-x: initial;
4483
+ --tw-pan-y: initial;
4484
+ --tw-pinch-zoom: initial;
4485
+ --tw-space-y-reverse: 0;
4486
+ --tw-space-x-reverse: 0;
4487
+ --tw-border-style: solid;
4488
+ --tw-gradient-position: initial;
4489
+ --tw-gradient-from: #0000;
4490
+ --tw-gradient-via: #0000;
4491
+ --tw-gradient-to: #0000;
4492
+ --tw-gradient-stops: initial;
4493
+ --tw-gradient-via-stops: initial;
4494
+ --tw-gradient-from-position: 0%;
4495
+ --tw-gradient-via-position: 50%;
4496
+ --tw-gradient-to-position: 100%;
4497
+ --tw-leading: initial;
4498
+ --tw-font-weight: initial;
4499
+ --tw-shadow: 0 0 #0000;
4500
+ --tw-shadow-color: initial;
4501
+ --tw-shadow-alpha: 100%;
4502
+ --tw-inset-shadow: 0 0 #0000;
4503
+ --tw-inset-shadow-color: initial;
4504
+ --tw-inset-shadow-alpha: 100%;
4505
+ --tw-ring-color: initial;
4506
+ --tw-ring-shadow: 0 0 #0000;
4507
+ --tw-inset-ring-color: initial;
4508
+ --tw-inset-ring-shadow: 0 0 #0000;
4509
+ --tw-ring-inset: initial;
4510
+ --tw-ring-offset-width: 0px;
4511
+ --tw-ring-offset-color: #fff;
4512
+ --tw-ring-offset-shadow: 0 0 #0000;
4513
+ --tw-outline-style: solid;
4514
+ --tw-blur: initial;
4515
+ --tw-brightness: initial;
4516
+ --tw-contrast: initial;
4517
+ --tw-grayscale: initial;
4518
+ --tw-hue-rotate: initial;
4519
+ --tw-invert: initial;
4520
+ --tw-opacity: initial;
4521
+ --tw-saturate: initial;
4522
+ --tw-sepia: initial;
4523
+ --tw-drop-shadow: initial;
4524
+ --tw-drop-shadow-color: initial;
4525
+ --tw-drop-shadow-alpha: 100%;
4526
+ --tw-drop-shadow-size: initial;
4527
+ --tw-backdrop-blur: initial;
4528
+ --tw-backdrop-brightness: initial;
4529
+ --tw-backdrop-contrast: initial;
4530
+ --tw-backdrop-grayscale: initial;
4531
+ --tw-backdrop-hue-rotate: initial;
4532
+ --tw-backdrop-invert: initial;
4533
+ --tw-backdrop-opacity: initial;
4534
+ --tw-backdrop-saturate: initial;
4535
+ --tw-backdrop-sepia: initial;
4536
+ --tw-duration: initial;
4537
+ --tw-ease: initial;
4538
+ --tw-content: "";
4539
+ --tw-scale-x: 1;
4540
+ --tw-scale-y: 1;
4541
+ --tw-scale-z: 1;
4542
+ }
4543
+ }
4544
+ }