@snapcall/stream-ui 1.33.1 → 1.33.2-beta.2

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.
@@ -0,0 +1,5047 @@
1
+ /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
+ @layer properties {
3
+ @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
+ *, :before, :after, ::backdrop {
5
+ --tw-translate-x: 0;
6
+ --tw-translate-y: 0;
7
+ --tw-translate-z: 0;
8
+ --tw-scale-x: 1;
9
+ --tw-scale-y: 1;
10
+ --tw-scale-z: 1;
11
+ --tw-rotate-x: initial;
12
+ --tw-rotate-y: initial;
13
+ --tw-rotate-z: initial;
14
+ --tw-skew-x: initial;
15
+ --tw-skew-y: initial;
16
+ --tw-space-y-reverse: 0;
17
+ --tw-space-x-reverse: 0;
18
+ --tw-divide-x-reverse: 0;
19
+ --tw-border-style: solid;
20
+ --tw-divide-y-reverse: 0;
21
+ --tw-leading: initial;
22
+ --tw-font-weight: initial;
23
+ --tw-shadow: 0 0 #0000;
24
+ --tw-shadow-color: initial;
25
+ --tw-shadow-alpha: 100%;
26
+ --tw-inset-shadow: 0 0 #0000;
27
+ --tw-inset-shadow-color: initial;
28
+ --tw-inset-shadow-alpha: 100%;
29
+ --tw-ring-color: initial;
30
+ --tw-ring-shadow: 0 0 #0000;
31
+ --tw-inset-ring-color: initial;
32
+ --tw-inset-ring-shadow: 0 0 #0000;
33
+ --tw-ring-inset: initial;
34
+ --tw-ring-offset-width: 0px;
35
+ --tw-ring-offset-color: #fff;
36
+ --tw-ring-offset-shadow: 0 0 #0000;
37
+ --tw-outline-style: solid;
38
+ --tw-blur: initial;
39
+ --tw-brightness: initial;
40
+ --tw-contrast: initial;
41
+ --tw-grayscale: initial;
42
+ --tw-hue-rotate: initial;
43
+ --tw-invert: initial;
44
+ --tw-opacity: initial;
45
+ --tw-saturate: initial;
46
+ --tw-sepia: initial;
47
+ --tw-drop-shadow: initial;
48
+ --tw-drop-shadow-color: initial;
49
+ --tw-drop-shadow-alpha: 100%;
50
+ --tw-drop-shadow-size: initial;
51
+ --tw-backdrop-blur: initial;
52
+ --tw-backdrop-brightness: initial;
53
+ --tw-backdrop-contrast: initial;
54
+ --tw-backdrop-grayscale: initial;
55
+ --tw-backdrop-hue-rotate: initial;
56
+ --tw-backdrop-invert: initial;
57
+ --tw-backdrop-opacity: initial;
58
+ --tw-backdrop-saturate: initial;
59
+ --tw-backdrop-sepia: initial;
60
+ --tw-duration: initial;
61
+ --tw-ease: initial;
62
+ }
63
+ }
64
+ }
65
+
66
+ @layer theme {
67
+ :root, :host {
68
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
69
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
70
+ --spacing: .25rem;
71
+ --container-xs: 20rem;
72
+ --container-sm: 24rem;
73
+ --container-md: 28rem;
74
+ --font-weight-light: 300;
75
+ --font-weight-normal: 400;
76
+ --font-weight-medium: 500;
77
+ --font-weight-semibold: 600;
78
+ --font-weight-bold: 700;
79
+ --radius-sm: .25rem;
80
+ --radius-md: .375rem;
81
+ --radius-lg: .5rem;
82
+ --radius-xl: .75rem;
83
+ --radius-2xl: 1rem;
84
+ --radius-3xl: 1.5rem;
85
+ --ease-in-out: cubic-bezier(.4, 0, .2, 1);
86
+ --animate-spin: spin 1s linear infinite;
87
+ --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
88
+ --blur-xs: 4px;
89
+ --blur-md: 12px;
90
+ --blur-lg: 16px;
91
+ --default-transition-duration: .15s;
92
+ --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
93
+ --default-font-family: var(--font-sans);
94
+ --default-mono-font-family: var(--font-mono);
95
+ --text-xs: 12px;
96
+ --text-xs--line-height: 16px;
97
+ --text-xs--letter-spacing: -.02em;
98
+ --text-sm: 14px;
99
+ --text-sm--line-height: 20px;
100
+ --text-sm--letter-spacing: -.02em;
101
+ --text-md: 16px;
102
+ --text-md--line-height: 20px;
103
+ --text-md--letter-spacing: -.02em;
104
+ --text-lg: 18px;
105
+ --text-lg--line-height: 22px;
106
+ --text-lg--letter-spacing: -.02em;
107
+ --text-xl: 20px;
108
+ --text-xl--line-height: 24px;
109
+ --text-xl--letter-spacing: -.02em;
110
+ --text-2xl: 24px;
111
+ --text-2xl--line-height: 32px;
112
+ --text-2xl--letter-spacing: -.02em;
113
+ --text-3xl: 30px;
114
+ --text-3xl--line-height: 38px;
115
+ --text-3xl--letter-spacing: -.02em;
116
+ --text-4xl: 36px;
117
+ --text-4xl--line-height: 44px;
118
+ --text-4xl--letter-spacing: -.02em;
119
+ --text-5xl: 48px;
120
+ --text-5xl--line-height: 60px;
121
+ --text-5xl--letter-spacing: -.02em;
122
+ --text-6xl: 60px;
123
+ --text-6xl--line-height: 72px;
124
+ --text-6xl--letter-spacing: -.02em;
125
+ --text-7xl: 72px;
126
+ --text-7xl--line-height: 90px;
127
+ --text-7xl--letter-spacing: -.02em;
128
+ --animate-accordion-down: accordion-down .2s ease-out;
129
+ --animate-accordion-up: accordion-up .2s ease-out;
130
+ --color-black: var(--color-black);
131
+ --color-white: var(--color-white);
132
+ --color-gray-25: var(--color-gray-25);
133
+ --color-gray-50: var(--color-gray-50);
134
+ --color-gray-100: var(--color-gray-100);
135
+ --color-gray-200: var(--color-gray-200);
136
+ --color-gray-300: var(--color-gray-300);
137
+ --color-gray-400: var(--color-gray-400);
138
+ --color-gray-500: var(--color-gray-500);
139
+ --color-gray-600: var(--color-gray-600);
140
+ --color-gray-700: var(--color-gray-700);
141
+ --color-gray-800: var(--color-gray-800);
142
+ --color-gray-900: var(--color-gray-900);
143
+ --color-gray-1000: var(--color-gray-1000);
144
+ --color-blue-25: var(--color-blue-25);
145
+ --color-blue-50: var(--color-blue-50);
146
+ --color-blue-100: var(--color-blue-100);
147
+ --color-blue-200: var(--color-blue-200);
148
+ --color-blue-300: var(--color-blue-300);
149
+ --color-blue-400: var(--color-blue-400);
150
+ --color-blue-500: var(--color-blue-500);
151
+ --color-blue-600: var(--color-blue-600);
152
+ --color-blue-700: var(--color-blue-700);
153
+ --color-blue-800: var(--color-blue-800);
154
+ --color-blue-900: var(--color-blue-900);
155
+ --color-blue-1000: var(--color-blue-1000);
156
+ --color-red-25: var(--color-red-25);
157
+ --color-red-50: var(--color-red-50);
158
+ --color-red-100: var(--color-red-100);
159
+ --color-red-200: var(--color-red-200);
160
+ --color-red-300: var(--color-red-300);
161
+ --color-red-400: var(--color-red-400);
162
+ --color-red-500: var(--color-red-500);
163
+ --color-red-600: var(--color-red-600);
164
+ --color-red-700: var(--color-red-700);
165
+ --color-red-800: var(--color-red-800);
166
+ --color-red-900: var(--color-red-900);
167
+ --color-red-1000: var(--color-red-1000);
168
+ --color-amber-25: var(--color-amber-25);
169
+ --color-amber-50: var(--color-amber-50);
170
+ --color-amber-100: var(--color-amber-100);
171
+ --color-amber-200: var(--color-amber-200);
172
+ --color-amber-300: var(--color-amber-300);
173
+ --color-amber-400: var(--color-amber-400);
174
+ --color-amber-500: var(--color-amber-500);
175
+ --color-amber-600: var(--color-amber-600);
176
+ --color-amber-700: var(--color-amber-700);
177
+ --color-amber-800: var(--color-amber-800);
178
+ --color-amber-900: var(--color-amber-900);
179
+ --color-amber-1000: var(--color-amber-1000);
180
+ --color-green-25: var(--color-green-25);
181
+ --color-green-50: var(--color-green-50);
182
+ --color-green-100: var(--color-green-100);
183
+ --color-green-200: var(--color-green-200);
184
+ --color-green-300: var(--color-green-300);
185
+ --color-green-400: var(--color-green-400);
186
+ --color-green-500: var(--color-green-500);
187
+ --color-green-600: var(--color-green-600);
188
+ --color-green-700: var(--color-green-700);
189
+ --color-green-800: var(--color-green-800);
190
+ --color-green-900: var(--color-green-900);
191
+ --color-green-1000: var(--color-green-1000);
192
+ --color-tomato-25: var(--color-tomato-25);
193
+ --color-tomato-50: var(--color-tomato-50);
194
+ --color-tomato-100: var(--color-tomato-100);
195
+ --color-tomato-200: var(--color-tomato-200);
196
+ --color-tomato-300: var(--color-tomato-300);
197
+ --color-tomato-400: var(--color-tomato-400);
198
+ --color-tomato-500: var(--color-tomato-500);
199
+ --color-tomato-600: var(--color-tomato-600);
200
+ --color-tomato-700: var(--color-tomato-700);
201
+ --color-tomato-800: var(--color-tomato-800);
202
+ --color-tomato-900: var(--color-tomato-900);
203
+ --color-tomato-1000: var(--color-tomato-1000);
204
+ --color-crimson-25: var(--color-crimson-25);
205
+ --color-crimson-50: var(--color-crimson-50);
206
+ --color-crimson-100: var(--color-crimson-100);
207
+ --color-crimson-200: var(--color-crimson-200);
208
+ --color-crimson-300: var(--color-crimson-300);
209
+ --color-crimson-400: var(--color-crimson-400);
210
+ --color-crimson-500: var(--color-crimson-500);
211
+ --color-crimson-600: var(--color-crimson-600);
212
+ --color-crimson-700: var(--color-crimson-700);
213
+ --color-crimson-800: var(--color-crimson-800);
214
+ --color-crimson-900: var(--color-crimson-900);
215
+ --color-crimson-1000: var(--color-crimson-1000);
216
+ --color-pink-25: var(--color-pink-25);
217
+ --color-pink-50: var(--color-pink-50);
218
+ --color-pink-100: var(--color-pink-100);
219
+ --color-pink-200: var(--color-pink-200);
220
+ --color-pink-300: var(--color-pink-300);
221
+ --color-pink-400: var(--color-pink-400);
222
+ --color-pink-500: var(--color-pink-500);
223
+ --color-pink-600: var(--color-pink-600);
224
+ --color-pink-700: var(--color-pink-700);
225
+ --color-pink-800: var(--color-pink-800);
226
+ --color-pink-900: var(--color-pink-900);
227
+ --color-pink-1000: var(--color-pink-1000);
228
+ --color-plum-25: var(--color-plum-25);
229
+ --color-plum-50: var(--color-plum-50);
230
+ --color-plum-100: var(--color-plum-100);
231
+ --color-plum-200: var(--color-plum-200);
232
+ --color-plum-300: var(--color-plum-300);
233
+ --color-plum-400: var(--color-plum-400);
234
+ --color-plum-500: var(--color-plum-500);
235
+ --color-plum-600: var(--color-plum-600);
236
+ --color-plum-700: var(--color-plum-700);
237
+ --color-plum-800: var(--color-plum-800);
238
+ --color-plum-900: var(--color-plum-900);
239
+ --color-plum-1000: var(--color-plum-1000);
240
+ --color-purple-25: var(--color-purple-25);
241
+ --color-purple-50: var(--color-purple-50);
242
+ --color-purple-100: var(--color-purple-100);
243
+ --color-purple-200: var(--color-purple-200);
244
+ --color-purple-300: var(--color-purple-300);
245
+ --color-purple-400: var(--color-purple-400);
246
+ --color-purple-500: var(--color-purple-500);
247
+ --color-purple-600: var(--color-purple-600);
248
+ --color-purple-700: var(--color-purple-700);
249
+ --color-purple-800: var(--color-purple-800);
250
+ --color-purple-900: var(--color-purple-900);
251
+ --color-purple-1000: var(--color-purple-1000);
252
+ --color-violet-25: var(--color-violet-25);
253
+ --color-violet-50: var(--color-violet-50);
254
+ --color-violet-100: var(--color-violet-100);
255
+ --color-violet-200: var(--color-violet-200);
256
+ --color-violet-300: var(--color-violet-300);
257
+ --color-violet-400: var(--color-violet-400);
258
+ --color-violet-500: var(--color-violet-500);
259
+ --color-violet-600: var(--color-violet-600);
260
+ --color-violet-700: var(--color-violet-700);
261
+ --color-violet-800: var(--color-violet-800);
262
+ --color-violet-900: var(--color-violet-900);
263
+ --color-violet-1000: var(--color-violet-1000);
264
+ --color-indigo-25: var(--color-indigo-25);
265
+ --color-indigo-50: var(--color-indigo-50);
266
+ --color-indigo-100: var(--color-indigo-100);
267
+ --color-indigo-200: var(--color-indigo-200);
268
+ --color-indigo-300: var(--color-indigo-300);
269
+ --color-indigo-400: var(--color-indigo-400);
270
+ --color-indigo-500: var(--color-indigo-500);
271
+ --color-indigo-600: var(--color-indigo-600);
272
+ --color-indigo-700: var(--color-indigo-700);
273
+ --color-indigo-800: var(--color-indigo-800);
274
+ --color-indigo-900: var(--color-indigo-900);
275
+ --color-indigo-1000: var(--color-indigo-1000);
276
+ --color-cyan-25: var(--color-cyan-25);
277
+ --color-cyan-50: var(--color-cyan-50);
278
+ --color-cyan-100: var(--color-cyan-100);
279
+ --color-cyan-200: var(--color-cyan-200);
280
+ --color-cyan-300: var(--color-cyan-300);
281
+ --color-cyan-400: var(--color-cyan-400);
282
+ --color-cyan-500: var(--color-cyan-500);
283
+ --color-cyan-600: var(--color-cyan-600);
284
+ --color-cyan-700: var(--color-cyan-700);
285
+ --color-cyan-800: var(--color-cyan-800);
286
+ --color-cyan-900: var(--color-cyan-900);
287
+ --color-cyan-1000: var(--color-cyan-1000);
288
+ --color-teal-25: var(--color-teal-25);
289
+ --color-teal-50: var(--color-teal-50);
290
+ --color-teal-100: var(--color-teal-100);
291
+ --color-teal-200: var(--color-teal-200);
292
+ --color-teal-300: var(--color-teal-300);
293
+ --color-teal-400: var(--color-teal-400);
294
+ --color-teal-500: var(--color-teal-500);
295
+ --color-teal-600: var(--color-teal-600);
296
+ --color-teal-700: var(--color-teal-700);
297
+ --color-teal-800: var(--color-teal-800);
298
+ --color-teal-900: var(--color-teal-900);
299
+ --color-teal-1000: var(--color-teal-1000);
300
+ --color-grass-25: var(--color-grass-25);
301
+ --color-grass-50: var(--color-grass-50);
302
+ --color-grass-100: var(--color-grass-100);
303
+ --color-grass-200: var(--color-grass-200);
304
+ --color-grass-300: var(--color-grass-300);
305
+ --color-grass-400: var(--color-grass-400);
306
+ --color-grass-500: var(--color-grass-500);
307
+ --color-grass-600: var(--color-grass-600);
308
+ --color-grass-700: var(--color-grass-700);
309
+ --color-grass-800: var(--color-grass-800);
310
+ --color-grass-900: var(--color-grass-900);
311
+ --color-grass-1000: var(--color-grass-1000);
312
+ --color-brown-25: var(--color-brown-25);
313
+ --color-brown-50: var(--color-brown-50);
314
+ --color-brown-100: var(--color-brown-100);
315
+ --color-brown-200: var(--color-brown-200);
316
+ --color-brown-300: var(--color-brown-300);
317
+ --color-brown-400: var(--color-brown-400);
318
+ --color-brown-500: var(--color-brown-500);
319
+ --color-brown-600: var(--color-brown-600);
320
+ --color-brown-700: var(--color-brown-700);
321
+ --color-brown-800: var(--color-brown-800);
322
+ --color-brown-900: var(--color-brown-900);
323
+ --color-brown-1000: var(--color-brown-1000);
324
+ --color-orange-25: var(--color-orange-25);
325
+ --color-orange-50: var(--color-orange-50);
326
+ --color-orange-100: var(--color-orange-100);
327
+ --color-orange-200: var(--color-orange-200);
328
+ --color-orange-300: var(--color-orange-300);
329
+ --color-orange-400: var(--color-orange-400);
330
+ --color-orange-500: var(--color-orange-500);
331
+ --color-orange-600: var(--color-orange-600);
332
+ --color-orange-700: var(--color-orange-700);
333
+ --color-orange-800: var(--color-orange-800);
334
+ --color-orange-900: var(--color-orange-900);
335
+ --color-orange-1000: var(--color-orange-1000);
336
+ --color-sky-25: var(--color-sky-25);
337
+ --color-sky-50: var(--color-sky-50);
338
+ --color-sky-100: var(--color-sky-100);
339
+ --color-sky-200: var(--color-sky-200);
340
+ --color-sky-300: var(--color-sky-300);
341
+ --color-sky-400: var(--color-sky-400);
342
+ --color-sky-500: var(--color-sky-500);
343
+ --color-sky-600: var(--color-sky-600);
344
+ --color-sky-700: var(--color-sky-700);
345
+ --color-sky-800: var(--color-sky-800);
346
+ --color-sky-900: var(--color-sky-900);
347
+ --color-sky-1000: var(--color-sky-1000);
348
+ --color-mint-25: var(--color-mint-25);
349
+ --color-mint-50: var(--color-mint-50);
350
+ --color-mint-100: var(--color-mint-100);
351
+ --color-mint-200: var(--color-mint-200);
352
+ --color-mint-300: var(--color-mint-300);
353
+ --color-mint-400: var(--color-mint-400);
354
+ --color-mint-500: var(--color-mint-500);
355
+ --color-mint-600: var(--color-mint-600);
356
+ --color-mint-700: var(--color-mint-700);
357
+ --color-mint-800: var(--color-mint-800);
358
+ --color-mint-900: var(--color-mint-900);
359
+ --color-mint-1000: var(--color-mint-1000);
360
+ --color-lime-25: var(--color-lime-25);
361
+ --color-lime-50: var(--color-lime-50);
362
+ --color-lime-100: var(--color-lime-100);
363
+ --color-lime-200: var(--color-lime-200);
364
+ --color-lime-300: var(--color-lime-300);
365
+ --color-lime-400: var(--color-lime-400);
366
+ --color-lime-500: var(--color-lime-500);
367
+ --color-lime-600: var(--color-lime-600);
368
+ --color-lime-700: var(--color-lime-700);
369
+ --color-lime-800: var(--color-lime-800);
370
+ --color-lime-900: var(--color-lime-900);
371
+ --color-lime-1000: var(--color-lime-1000);
372
+ --color-yellow-25: var(--color-yellow-25);
373
+ --color-yellow-50: var(--color-yellow-50);
374
+ --color-yellow-100: var(--color-yellow-100);
375
+ --color-yellow-200: var(--color-yellow-200);
376
+ --color-yellow-300: var(--color-yellow-300);
377
+ --color-yellow-400: var(--color-yellow-400);
378
+ --color-yellow-500: var(--color-yellow-500);
379
+ --color-yellow-600: var(--color-yellow-600);
380
+ --color-yellow-700: var(--color-yellow-700);
381
+ --color-yellow-800: var(--color-yellow-800);
382
+ --color-yellow-900: var(--color-yellow-900);
383
+ --color-yellow-1000: var(--color-yellow-1000);
384
+ --color-gold-25: var(--color-gold-25);
385
+ --color-gold-50: var(--color-gold-50);
386
+ --color-gold-100: var(--color-gold-100);
387
+ --color-gold-200: var(--color-gold-200);
388
+ --color-gold-300: var(--color-gold-300);
389
+ --color-gold-400: var(--color-gold-400);
390
+ --color-gold-500: var(--color-gold-500);
391
+ --color-gold-600: var(--color-gold-600);
392
+ --color-gold-700: var(--color-gold-700);
393
+ --color-gold-800: var(--color-gold-800);
394
+ --color-gold-900: var(--color-gold-900);
395
+ --color-gold-1000: var(--color-gold-1000);
396
+ --color-bronze-25: var(--color-bronze-25);
397
+ --color-bronze-50: var(--color-bronze-50);
398
+ --color-bronze-100: var(--color-bronze-100);
399
+ --color-bronze-200: var(--color-bronze-200);
400
+ --color-bronze-300: var(--color-bronze-300);
401
+ --color-bronze-400: var(--color-bronze-400);
402
+ --color-bronze-500: var(--color-bronze-500);
403
+ --color-bronze-600: var(--color-bronze-600);
404
+ --color-bronze-700: var(--color-bronze-700);
405
+ --color-bronze-800: var(--color-bronze-800);
406
+ --color-bronze-900: var(--color-bronze-900);
407
+ --color-bronze-1000: var(--color-bronze-1000);
408
+ --animate-flash: flash .8s forwards;
409
+ --background-image-pattern: radial-gradient(50% 50% at 50% 50%, #006aff33 0%, #006aff00 100%), linear-gradient(180deg, transparent 0%, #fff 100%), linear-gradient(0deg, transparent 0%, #ffffffbf 100%), url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 40V41H41V40H40ZM39 0V40H41V0H39ZM40 39H0V41H40V39Z' fill='%23E8E8E8' mask='url(%23path-1-inside-1_124_242)'/%3E%3C/svg%3E");
410
+ }
411
+ }
412
+
413
+ @layer base {
414
+ *, :after, :before, ::backdrop {
415
+ box-sizing: border-box;
416
+ border: 0 solid;
417
+ margin: 0;
418
+ padding: 0;
419
+ }
420
+
421
+ ::file-selector-button {
422
+ box-sizing: border-box;
423
+ border: 0 solid;
424
+ margin: 0;
425
+ padding: 0;
426
+ }
427
+
428
+ html, :host {
429
+ -webkit-text-size-adjust: 100%;
430
+ tab-size: 4;
431
+ line-height: 1.5;
432
+ 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");
433
+ font-feature-settings: var(--default-font-feature-settings, normal);
434
+ font-variation-settings: var(--default-font-variation-settings, normal);
435
+ -webkit-tap-highlight-color: transparent;
436
+ }
437
+
438
+ hr {
439
+ height: 0;
440
+ color: inherit;
441
+ border-top-width: 1px;
442
+ }
443
+
444
+ abbr:where([title]) {
445
+ text-decoration: underline dotted;
446
+ }
447
+
448
+ h1, h2, h3, h4, h5, h6 {
449
+ font-size: inherit;
450
+ font-weight: inherit;
451
+ }
452
+
453
+ a {
454
+ color: inherit;
455
+ -webkit-text-decoration: inherit;
456
+ -webkit-text-decoration: inherit;
457
+ -webkit-text-decoration: inherit;
458
+ text-decoration: inherit;
459
+ }
460
+
461
+ b, strong {
462
+ font-weight: bolder;
463
+ }
464
+
465
+ code, kbd, samp, pre {
466
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
467
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
468
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
469
+ font-size: 1em;
470
+ }
471
+
472
+ small {
473
+ font-size: 80%;
474
+ }
475
+
476
+ sub, sup {
477
+ vertical-align: baseline;
478
+ font-size: 75%;
479
+ line-height: 0;
480
+ position: relative;
481
+ }
482
+
483
+ sub {
484
+ bottom: -.25em;
485
+ }
486
+
487
+ sup {
488
+ top: -.5em;
489
+ }
490
+
491
+ table {
492
+ text-indent: 0;
493
+ border-color: inherit;
494
+ border-collapse: collapse;
495
+ }
496
+
497
+ :-moz-focusring {
498
+ outline: auto;
499
+ }
500
+
501
+ progress {
502
+ vertical-align: baseline;
503
+ }
504
+
505
+ summary {
506
+ display: list-item;
507
+ }
508
+
509
+ ol, ul, menu {
510
+ list-style: none;
511
+ }
512
+
513
+ img, svg, video, canvas, audio, iframe, embed, object {
514
+ vertical-align: middle;
515
+ display: block;
516
+ }
517
+
518
+ img, video {
519
+ max-width: 100%;
520
+ height: auto;
521
+ }
522
+
523
+ button, input, select, optgroup, textarea {
524
+ font: inherit;
525
+ font-feature-settings: inherit;
526
+ font-variation-settings: inherit;
527
+ letter-spacing: inherit;
528
+ color: inherit;
529
+ opacity: 1;
530
+ background-color: #0000;
531
+ border-radius: 0;
532
+ }
533
+
534
+ ::file-selector-button {
535
+ font: inherit;
536
+ font-feature-settings: inherit;
537
+ font-variation-settings: inherit;
538
+ letter-spacing: inherit;
539
+ color: inherit;
540
+ opacity: 1;
541
+ background-color: #0000;
542
+ border-radius: 0;
543
+ }
544
+
545
+ :where(select:is([multiple], [size])) optgroup {
546
+ font-weight: bolder;
547
+ }
548
+
549
+ :where(select:is([multiple], [size])) optgroup option {
550
+ padding-inline-start: 20px;
551
+ }
552
+
553
+ ::file-selector-button {
554
+ margin-inline-end: 4px;
555
+ }
556
+
557
+ ::placeholder {
558
+ opacity: 1;
559
+ }
560
+
561
+ @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
562
+ ::placeholder {
563
+ color: currentColor;
564
+ }
565
+
566
+ @supports (color: color-mix(in lab, red, red)) {
567
+ ::placeholder {
568
+ color: color-mix(in oklab, currentcolor 50%, transparent);
569
+ }
570
+ }
571
+ }
572
+
573
+ textarea {
574
+ resize: vertical;
575
+ }
576
+
577
+ ::-webkit-search-decoration {
578
+ -webkit-appearance: none;
579
+ }
580
+
581
+ ::-webkit-date-and-time-value {
582
+ min-height: 1lh;
583
+ text-align: inherit;
584
+ }
585
+
586
+ ::-webkit-datetime-edit {
587
+ display: inline-flex;
588
+ }
589
+
590
+ ::-webkit-datetime-edit-fields-wrapper {
591
+ padding: 0;
592
+ }
593
+
594
+ ::-webkit-datetime-edit {
595
+ padding-block: 0;
596
+ }
597
+
598
+ ::-webkit-datetime-edit-year-field {
599
+ padding-block: 0;
600
+ }
601
+
602
+ ::-webkit-datetime-edit-month-field {
603
+ padding-block: 0;
604
+ }
605
+
606
+ ::-webkit-datetime-edit-day-field {
607
+ padding-block: 0;
608
+ }
609
+
610
+ ::-webkit-datetime-edit-hour-field {
611
+ padding-block: 0;
612
+ }
613
+
614
+ ::-webkit-datetime-edit-minute-field {
615
+ padding-block: 0;
616
+ }
617
+
618
+ ::-webkit-datetime-edit-second-field {
619
+ padding-block: 0;
620
+ }
621
+
622
+ ::-webkit-datetime-edit-millisecond-field {
623
+ padding-block: 0;
624
+ }
625
+
626
+ ::-webkit-datetime-edit-meridiem-field {
627
+ padding-block: 0;
628
+ }
629
+
630
+ :-moz-ui-invalid {
631
+ box-shadow: none;
632
+ }
633
+
634
+ button, input:where([type="button"], [type="reset"], [type="submit"]) {
635
+ appearance: button;
636
+ }
637
+
638
+ ::file-selector-button {
639
+ appearance: button;
640
+ }
641
+
642
+ ::-webkit-inner-spin-button {
643
+ height: auto;
644
+ }
645
+
646
+ ::-webkit-outer-spin-button {
647
+ height: auto;
648
+ }
649
+
650
+ [hidden]:where(:not([hidden="until-found"])) {
651
+ display: none !important;
652
+ }
653
+
654
+ button:not(:disabled), [role="button"]:not(:disabled) {
655
+ cursor: pointer;
656
+ }
657
+ }
658
+
659
+ @layer components;
660
+
661
+ @layer utilities {
662
+ .pointer-events-auto {
663
+ pointer-events: auto;
664
+ }
665
+
666
+ .pointer-events-none {
667
+ pointer-events: none;
668
+ }
669
+
670
+ .invisible {
671
+ visibility: hidden;
672
+ }
673
+
674
+ .sr-only {
675
+ clip: rect(0, 0, 0, 0);
676
+ white-space: nowrap;
677
+ border-width: 0;
678
+ width: 1px;
679
+ height: 1px;
680
+ margin: -1px;
681
+ padding: 0;
682
+ position: absolute;
683
+ overflow: hidden;
684
+ }
685
+
686
+ .absolute {
687
+ position: absolute;
688
+ }
689
+
690
+ .fixed {
691
+ position: fixed;
692
+ }
693
+
694
+ .relative {
695
+ position: relative;
696
+ }
697
+
698
+ .static {
699
+ position: static;
700
+ }
701
+
702
+ .inset-0 {
703
+ inset: calc(var(--spacing) * 0);
704
+ }
705
+
706
+ .inset-x-0 {
707
+ inset-inline: calc(var(--spacing) * 0);
708
+ }
709
+
710
+ .inset-y-0 {
711
+ inset-block: calc(var(--spacing) * 0);
712
+ }
713
+
714
+ .-top-12 {
715
+ top: calc(var(--spacing) * -12);
716
+ }
717
+
718
+ .top-0 {
719
+ top: calc(var(--spacing) * 0);
720
+ }
721
+
722
+ .top-1\/2 {
723
+ top: 50%;
724
+ }
725
+
726
+ .top-2 {
727
+ top: calc(var(--spacing) * 2);
728
+ }
729
+
730
+ .top-6 {
731
+ top: calc(var(--spacing) * 6);
732
+ }
733
+
734
+ .top-8 {
735
+ top: calc(var(--spacing) * 8);
736
+ }
737
+
738
+ .top-\[50\%\] {
739
+ top: 50%;
740
+ }
741
+
742
+ .top-auto {
743
+ top: auto;
744
+ }
745
+
746
+ .-right-12 {
747
+ right: calc(var(--spacing) * -12);
748
+ }
749
+
750
+ .right-0 {
751
+ right: calc(var(--spacing) * 0);
752
+ }
753
+
754
+ .right-1 {
755
+ right: calc(var(--spacing) * 1);
756
+ }
757
+
758
+ .right-2 {
759
+ right: calc(var(--spacing) * 2);
760
+ }
761
+
762
+ .right-6 {
763
+ right: calc(var(--spacing) * 6);
764
+ }
765
+
766
+ .right-\[10px\] {
767
+ right: 10px;
768
+ }
769
+
770
+ .-bottom-12 {
771
+ bottom: calc(var(--spacing) * -12);
772
+ }
773
+
774
+ .bottom-0 {
775
+ bottom: calc(var(--spacing) * 0);
776
+ }
777
+
778
+ .bottom-2 {
779
+ bottom: calc(var(--spacing) * 2);
780
+ }
781
+
782
+ .bottom-\[-15px\] {
783
+ bottom: -15px;
784
+ }
785
+
786
+ .bottom-\[1px\] {
787
+ bottom: 1px;
788
+ }
789
+
790
+ .-left-12 {
791
+ left: calc(var(--spacing) * -12);
792
+ }
793
+
794
+ .left-0 {
795
+ left: calc(var(--spacing) * 0);
796
+ }
797
+
798
+ .left-1 {
799
+ left: calc(var(--spacing) * 1);
800
+ }
801
+
802
+ .left-1\/2 {
803
+ left: 50%;
804
+ }
805
+
806
+ .left-2 {
807
+ left: calc(var(--spacing) * 2);
808
+ }
809
+
810
+ .left-\[50\%\] {
811
+ left: 50%;
812
+ }
813
+
814
+ .z-20 {
815
+ z-index: 20;
816
+ }
817
+
818
+ .z-30 {
819
+ z-index: 30;
820
+ }
821
+
822
+ .z-35 {
823
+ z-index: 35;
824
+ }
825
+
826
+ .z-40 {
827
+ z-index: 40;
828
+ }
829
+
830
+ .z-50 {
831
+ z-index: 50;
832
+ }
833
+
834
+ .z-100 {
835
+ z-index: 100;
836
+ }
837
+
838
+ .z-150 {
839
+ z-index: 150;
840
+ }
841
+
842
+ .z-\[15\] {
843
+ z-index: 15;
844
+ }
845
+
846
+ .z-\[21\] {
847
+ z-index: 21;
848
+ }
849
+
850
+ .container {
851
+ width: 100%;
852
+ }
853
+
854
+ @media (width >= 40rem) {
855
+ .container {
856
+ max-width: 40rem;
857
+ }
858
+ }
859
+
860
+ @media (width >= 48rem) {
861
+ .container {
862
+ max-width: 48rem;
863
+ }
864
+ }
865
+
866
+ @media (width >= 64rem) {
867
+ .container {
868
+ max-width: 64rem;
869
+ }
870
+ }
871
+
872
+ @media (width >= 80rem) {
873
+ .container {
874
+ max-width: 80rem;
875
+ }
876
+ }
877
+
878
+ @media (width >= 96rem) {
879
+ .container {
880
+ max-width: 96rem;
881
+ }
882
+ }
883
+
884
+ .m-auto {
885
+ margin: auto;
886
+ }
887
+
888
+ .-mx-1 {
889
+ margin-inline: calc(var(--spacing) * -1);
890
+ }
891
+
892
+ .mx-1 {
893
+ margin-inline: calc(var(--spacing) * 1);
894
+ }
895
+
896
+ .mx-auto {
897
+ margin-inline: auto;
898
+ }
899
+
900
+ .my-1 {
901
+ margin-block: calc(var(--spacing) * 1);
902
+ }
903
+
904
+ .-mt-4 {
905
+ margin-top: calc(var(--spacing) * -4);
906
+ }
907
+
908
+ .mt-1 {
909
+ margin-top: calc(var(--spacing) * 1);
910
+ }
911
+
912
+ .mt-2 {
913
+ margin-top: calc(var(--spacing) * 2);
914
+ }
915
+
916
+ .mt-\[14px\] {
917
+ margin-top: 14px;
918
+ }
919
+
920
+ .mt-auto {
921
+ margin-top: auto;
922
+ }
923
+
924
+ .-mr-2 {
925
+ margin-right: calc(var(--spacing) * -2);
926
+ }
927
+
928
+ .mr-2\.5 {
929
+ margin-right: calc(var(--spacing) * 2.5);
930
+ }
931
+
932
+ .mr-7 {
933
+ margin-right: calc(var(--spacing) * 7);
934
+ }
935
+
936
+ .mr-9 {
937
+ margin-right: calc(var(--spacing) * 9);
938
+ }
939
+
940
+ .mb-4 {
941
+ margin-bottom: calc(var(--spacing) * 4);
942
+ }
943
+
944
+ .mb-6 {
945
+ margin-bottom: calc(var(--spacing) * 6);
946
+ }
947
+
948
+ .mb-\[9px\] {
949
+ margin-bottom: 9px;
950
+ }
951
+
952
+ .-ml-2 {
953
+ margin-left: calc(var(--spacing) * -2);
954
+ }
955
+
956
+ .-ml-4 {
957
+ margin-left: calc(var(--spacing) * -4);
958
+ }
959
+
960
+ .ml-1 {
961
+ margin-left: calc(var(--spacing) * 1);
962
+ }
963
+
964
+ .box-border {
965
+ box-sizing: border-box;
966
+ }
967
+
968
+ .line-clamp-2 {
969
+ -webkit-line-clamp: 2;
970
+ -webkit-box-orient: vertical;
971
+ display: -webkit-box;
972
+ overflow: hidden;
973
+ }
974
+
975
+ .flex {
976
+ display: flex;
977
+ }
978
+
979
+ .grid {
980
+ display: grid;
981
+ }
982
+
983
+ .hidden {
984
+ display: none;
985
+ }
986
+
987
+ .inline-block {
988
+ display: inline-block;
989
+ }
990
+
991
+ .inline-flex {
992
+ display: inline-flex;
993
+ }
994
+
995
+ .table {
996
+ display: table;
997
+ }
998
+
999
+ .aspect-square {
1000
+ aspect-ratio: 1;
1001
+ }
1002
+
1003
+ .h-1\/2 {
1004
+ height: 50%;
1005
+ }
1006
+
1007
+ .h-1\/3 {
1008
+ height: 33.3333%;
1009
+ }
1010
+
1011
+ .h-2 {
1012
+ height: calc(var(--spacing) * 2);
1013
+ }
1014
+
1015
+ .h-3 {
1016
+ height: calc(var(--spacing) * 3);
1017
+ }
1018
+
1019
+ .h-4 {
1020
+ height: calc(var(--spacing) * 4);
1021
+ }
1022
+
1023
+ .h-6 {
1024
+ height: calc(var(--spacing) * 6);
1025
+ }
1026
+
1027
+ .h-8 {
1028
+ height: calc(var(--spacing) * 8);
1029
+ }
1030
+
1031
+ .h-9 {
1032
+ height: calc(var(--spacing) * 9);
1033
+ }
1034
+
1035
+ .h-10 {
1036
+ height: calc(var(--spacing) * 10);
1037
+ }
1038
+
1039
+ .h-12 {
1040
+ height: calc(var(--spacing) * 12);
1041
+ }
1042
+
1043
+ .h-14 {
1044
+ height: calc(var(--spacing) * 14);
1045
+ }
1046
+
1047
+ .h-16 {
1048
+ height: calc(var(--spacing) * 16);
1049
+ }
1050
+
1051
+ .h-\[1px\] {
1052
+ height: 1px;
1053
+ }
1054
+
1055
+ .h-\[8px\] {
1056
+ height: 8px;
1057
+ }
1058
+
1059
+ .h-\[16px\] {
1060
+ height: 16px;
1061
+ }
1062
+
1063
+ .h-\[24px\] {
1064
+ height: 24px;
1065
+ }
1066
+
1067
+ .h-\[36px\] {
1068
+ height: 36px;
1069
+ }
1070
+
1071
+ .h-\[45px\] {
1072
+ height: 45px;
1073
+ }
1074
+
1075
+ .h-\[52px\] {
1076
+ height: 52px;
1077
+ }
1078
+
1079
+ .h-\[54px\] {
1080
+ height: 54px;
1081
+ }
1082
+
1083
+ .h-\[56px\] {
1084
+ height: 56px;
1085
+ }
1086
+
1087
+ .h-\[70px\] {
1088
+ height: 70px;
1089
+ }
1090
+
1091
+ .h-\[72px\] {
1092
+ height: 72px;
1093
+ }
1094
+
1095
+ .h-\[100px\] {
1096
+ height: 100px;
1097
+ }
1098
+
1099
+ .h-\[150px\] {
1100
+ height: 150px;
1101
+ }
1102
+
1103
+ .h-\[184px\] {
1104
+ height: 184px;
1105
+ }
1106
+
1107
+ .h-\[200px\] {
1108
+ height: 200px;
1109
+ }
1110
+
1111
+ .h-\[226px\] {
1112
+ height: 226px;
1113
+ }
1114
+
1115
+ .h-\[250px\] {
1116
+ height: 250px;
1117
+ }
1118
+
1119
+ .h-\[400px\] {
1120
+ height: 400px;
1121
+ }
1122
+
1123
+ .h-\[var\(--radix-select-trigger-height\)\] {
1124
+ height: var(--radix-select-trigger-height);
1125
+ }
1126
+
1127
+ .h-full {
1128
+ height: 100%;
1129
+ }
1130
+
1131
+ .h-px {
1132
+ height: 1px;
1133
+ }
1134
+
1135
+ .h-screen {
1136
+ height: 100vh;
1137
+ }
1138
+
1139
+ .max-h-\[70px\] {
1140
+ max-height: 70px;
1141
+ }
1142
+
1143
+ .max-h-\[75vh\] {
1144
+ max-height: 75vh;
1145
+ }
1146
+
1147
+ .max-h-\[80vh\] {
1148
+ max-height: 80vh;
1149
+ }
1150
+
1151
+ .max-h-\[90\%\] {
1152
+ max-height: 90%;
1153
+ }
1154
+
1155
+ .max-h-\[90vh\] {
1156
+ max-height: 90vh;
1157
+ }
1158
+
1159
+ .max-h-\[180px\] {
1160
+ max-height: 180px;
1161
+ }
1162
+
1163
+ .max-h-\[300px\] {
1164
+ max-height: 300px;
1165
+ }
1166
+
1167
+ .max-h-full {
1168
+ max-height: 100%;
1169
+ }
1170
+
1171
+ .max-h-screen {
1172
+ max-height: 100vh;
1173
+ }
1174
+
1175
+ .min-h-0 {
1176
+ min-height: calc(var(--spacing) * 0);
1177
+ }
1178
+
1179
+ .min-h-9 {
1180
+ min-height: calc(var(--spacing) * 9);
1181
+ }
1182
+
1183
+ .min-h-\[20px\] {
1184
+ min-height: 20px;
1185
+ }
1186
+
1187
+ .min-h-\[80px\] {
1188
+ min-height: 80px;
1189
+ }
1190
+
1191
+ .w-1\/3 {
1192
+ width: 33.3333%;
1193
+ }
1194
+
1195
+ .w-1\/4 {
1196
+ width: 25%;
1197
+ }
1198
+
1199
+ .w-2 {
1200
+ width: calc(var(--spacing) * 2);
1201
+ }
1202
+
1203
+ .w-3 {
1204
+ width: calc(var(--spacing) * 3);
1205
+ }
1206
+
1207
+ .w-3\/4 {
1208
+ width: 75%;
1209
+ }
1210
+
1211
+ .w-4 {
1212
+ width: calc(var(--spacing) * 4);
1213
+ }
1214
+
1215
+ .w-4\/5 {
1216
+ width: 80%;
1217
+ }
1218
+
1219
+ .w-6 {
1220
+ width: calc(var(--spacing) * 6);
1221
+ }
1222
+
1223
+ .w-8 {
1224
+ width: calc(var(--spacing) * 8);
1225
+ }
1226
+
1227
+ .w-10 {
1228
+ width: calc(var(--spacing) * 10);
1229
+ }
1230
+
1231
+ .w-12 {
1232
+ width: calc(var(--spacing) * 12);
1233
+ }
1234
+
1235
+ .w-16 {
1236
+ width: calc(var(--spacing) * 16);
1237
+ }
1238
+
1239
+ .w-72 {
1240
+ width: calc(var(--spacing) * 72);
1241
+ }
1242
+
1243
+ .w-\[1px\] {
1244
+ width: 1px;
1245
+ }
1246
+
1247
+ .w-\[8px\] {
1248
+ width: 8px;
1249
+ }
1250
+
1251
+ .w-\[16px\] {
1252
+ width: 16px;
1253
+ }
1254
+
1255
+ .w-\[24px\] {
1256
+ width: 24px;
1257
+ }
1258
+
1259
+ .w-\[36px\] {
1260
+ width: 36px;
1261
+ }
1262
+
1263
+ .w-\[42px\] {
1264
+ width: 42px;
1265
+ }
1266
+
1267
+ .w-\[45px\] {
1268
+ width: 45px;
1269
+ }
1270
+
1271
+ .w-\[54px\] {
1272
+ width: 54px;
1273
+ }
1274
+
1275
+ .w-\[56px\] {
1276
+ width: 56px;
1277
+ }
1278
+
1279
+ .w-\[70px\] {
1280
+ width: 70px;
1281
+ }
1282
+
1283
+ .w-\[72px\] {
1284
+ width: 72px;
1285
+ }
1286
+
1287
+ .w-\[100px\] {
1288
+ width: 100px;
1289
+ }
1290
+
1291
+ .w-\[130px\] {
1292
+ width: 130px;
1293
+ }
1294
+
1295
+ .w-\[232px\] {
1296
+ width: 232px;
1297
+ }
1298
+
1299
+ .w-\[240px\] {
1300
+ width: 240px;
1301
+ }
1302
+
1303
+ .w-\[250px\] {
1304
+ width: 250px;
1305
+ }
1306
+
1307
+ .w-\[326px\] {
1308
+ width: 326px;
1309
+ }
1310
+
1311
+ .w-\[334px\] {
1312
+ width: 334px;
1313
+ }
1314
+
1315
+ .w-\[360px\] {
1316
+ width: 360px;
1317
+ }
1318
+
1319
+ .w-\[400px\] {
1320
+ width: 400px;
1321
+ }
1322
+
1323
+ .w-auto {
1324
+ width: auto;
1325
+ }
1326
+
1327
+ .w-fit {
1328
+ width: fit-content;
1329
+ }
1330
+
1331
+ .w-full {
1332
+ width: 100%;
1333
+ }
1334
+
1335
+ .w-max {
1336
+ width: max-content;
1337
+ }
1338
+
1339
+ .max-w-\[70px\] {
1340
+ max-width: 70px;
1341
+ }
1342
+
1343
+ .max-w-\[90\%\] {
1344
+ max-width: 90%;
1345
+ }
1346
+
1347
+ .max-w-\[90vw\] {
1348
+ max-width: 90vw;
1349
+ }
1350
+
1351
+ .max-w-\[315px\] {
1352
+ max-width: 315px;
1353
+ }
1354
+
1355
+ .max-w-\[400px\] {
1356
+ max-width: 400px;
1357
+ }
1358
+
1359
+ .max-w-\[500px\] {
1360
+ max-width: 500px;
1361
+ }
1362
+
1363
+ .max-w-\[800px\] {
1364
+ max-width: 800px;
1365
+ }
1366
+
1367
+ .max-w-full {
1368
+ max-width: 100%;
1369
+ }
1370
+
1371
+ .min-w-0 {
1372
+ min-width: calc(var(--spacing) * 0);
1373
+ }
1374
+
1375
+ .min-w-\[144px\] {
1376
+ min-width: 144px;
1377
+ }
1378
+
1379
+ .min-w-\[var\(--radix-select-trigger-width\)\] {
1380
+ min-width: var(--radix-select-trigger-width);
1381
+ }
1382
+
1383
+ .min-w-full {
1384
+ min-width: 100%;
1385
+ }
1386
+
1387
+ .flex-1 {
1388
+ flex: 1;
1389
+ }
1390
+
1391
+ .shrink-0 {
1392
+ flex-shrink: 0;
1393
+ }
1394
+
1395
+ .grow {
1396
+ flex-grow: 1;
1397
+ }
1398
+
1399
+ .grow-0 {
1400
+ flex-grow: 0;
1401
+ }
1402
+
1403
+ .basis-auto {
1404
+ flex-basis: auto;
1405
+ }
1406
+
1407
+ .basis-full {
1408
+ flex-basis: 100%;
1409
+ }
1410
+
1411
+ .caption-bottom {
1412
+ caption-side: bottom;
1413
+ }
1414
+
1415
+ .border-collapse {
1416
+ border-collapse: collapse;
1417
+ }
1418
+
1419
+ .-translate-x-1\/2 {
1420
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1421
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1422
+ }
1423
+
1424
+ .translate-x-0\.5 {
1425
+ --tw-translate-x: calc(var(--spacing) * .5);
1426
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1427
+ }
1428
+
1429
+ .translate-x-\[-50\%\] {
1430
+ --tw-translate-x: -50%;
1431
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1432
+ }
1433
+
1434
+ .-translate-y-1\/2 {
1435
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1436
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1437
+ }
1438
+
1439
+ .translate-y-0 {
1440
+ --tw-translate-y: calc(var(--spacing) * 0);
1441
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1442
+ }
1443
+
1444
+ .translate-y-\[-50\%\] {
1445
+ --tw-translate-y: -50%;
1446
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1447
+ }
1448
+
1449
+ .-scale-x-100 {
1450
+ --tw-scale-x: calc(100% * -1);
1451
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1452
+ }
1453
+
1454
+ .scale-x-\[-1\] {
1455
+ --tw-scale-x: -1;
1456
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1457
+ }
1458
+
1459
+ .rotate-180 {
1460
+ rotate: 180deg;
1461
+ }
1462
+
1463
+ .transform {
1464
+ transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
1465
+ }
1466
+
1467
+ .animate-\[flash_0\.8s_forwards\] {
1468
+ animation: .8s forwards flash;
1469
+ }
1470
+
1471
+ .animate-flash {
1472
+ animation: var(--animate-flash);
1473
+ }
1474
+
1475
+ .animate-pulse {
1476
+ animation: var(--animate-pulse);
1477
+ }
1478
+
1479
+ .animate-spin {
1480
+ animation: var(--animate-spin);
1481
+ }
1482
+
1483
+ .cursor-default {
1484
+ cursor: default;
1485
+ }
1486
+
1487
+ .cursor-not-allowed {
1488
+ cursor: not-allowed;
1489
+ }
1490
+
1491
+ .cursor-pointer {
1492
+ cursor: pointer;
1493
+ }
1494
+
1495
+ .list-outside {
1496
+ list-style-position: outside;
1497
+ }
1498
+
1499
+ .list-disc {
1500
+ list-style-type: disc;
1501
+ }
1502
+
1503
+ .appearance-none {
1504
+ appearance: none;
1505
+ }
1506
+
1507
+ .grid-cols-1 {
1508
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1509
+ }
1510
+
1511
+ .grid-cols-2 {
1512
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1513
+ }
1514
+
1515
+ .grid-rows-\[1fr_min-content\] {
1516
+ grid-template-rows: 1fr min-content;
1517
+ }
1518
+
1519
+ .flex-col {
1520
+ flex-direction: column;
1521
+ }
1522
+
1523
+ .flex-col-reverse {
1524
+ flex-direction: column-reverse;
1525
+ }
1526
+
1527
+ .flex-row {
1528
+ flex-direction: row;
1529
+ }
1530
+
1531
+ .flex-row-reverse {
1532
+ flex-direction: row-reverse;
1533
+ }
1534
+
1535
+ .flex-wrap {
1536
+ flex-wrap: wrap;
1537
+ }
1538
+
1539
+ .content-center {
1540
+ align-content: center;
1541
+ }
1542
+
1543
+ .items-center {
1544
+ align-items: center;
1545
+ }
1546
+
1547
+ .items-end {
1548
+ align-items: flex-end;
1549
+ }
1550
+
1551
+ .items-start {
1552
+ align-items: flex-start;
1553
+ }
1554
+
1555
+ .items-stretch {
1556
+ align-items: stretch;
1557
+ }
1558
+
1559
+ .justify-between {
1560
+ justify-content: space-between;
1561
+ }
1562
+
1563
+ .justify-center {
1564
+ justify-content: center;
1565
+ }
1566
+
1567
+ .justify-end {
1568
+ justify-content: flex-end;
1569
+ }
1570
+
1571
+ .justify-start {
1572
+ justify-content: flex-start;
1573
+ }
1574
+
1575
+ .gap-0\.5 {
1576
+ gap: calc(var(--spacing) * .5);
1577
+ }
1578
+
1579
+ .gap-1 {
1580
+ gap: calc(var(--spacing) * 1);
1581
+ }
1582
+
1583
+ .gap-1\.5 {
1584
+ gap: calc(var(--spacing) * 1.5);
1585
+ }
1586
+
1587
+ .gap-2 {
1588
+ gap: calc(var(--spacing) * 2);
1589
+ }
1590
+
1591
+ .gap-2\.5 {
1592
+ gap: calc(var(--spacing) * 2.5);
1593
+ }
1594
+
1595
+ .gap-3 {
1596
+ gap: calc(var(--spacing) * 3);
1597
+ }
1598
+
1599
+ .gap-3\.5 {
1600
+ gap: calc(var(--spacing) * 3.5);
1601
+ }
1602
+
1603
+ .gap-4 {
1604
+ gap: calc(var(--spacing) * 4);
1605
+ }
1606
+
1607
+ .gap-6 {
1608
+ gap: calc(var(--spacing) * 6);
1609
+ }
1610
+
1611
+ .gap-8 {
1612
+ gap: calc(var(--spacing) * 8);
1613
+ }
1614
+
1615
+ .gap-12 {
1616
+ gap: calc(var(--spacing) * 12);
1617
+ }
1618
+
1619
+ .gap-\[15px\] {
1620
+ gap: 15px;
1621
+ }
1622
+
1623
+ .gap-\[inherit\] {
1624
+ gap: inherit;
1625
+ }
1626
+
1627
+ :where(.space-y-1 > :not(:last-child)) {
1628
+ --tw-space-y-reverse: 0;
1629
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1630
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1631
+ }
1632
+
1633
+ :where(.space-y-1\.5 > :not(:last-child)) {
1634
+ --tw-space-y-reverse: 0;
1635
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1636
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1637
+ }
1638
+
1639
+ :where(.space-y-4 > :not(:last-child)) {
1640
+ --tw-space-y-reverse: 0;
1641
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1642
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1643
+ }
1644
+
1645
+ :where(.space-y-5 > :not(:last-child)) {
1646
+ --tw-space-y-reverse: 0;
1647
+ margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
1648
+ margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
1649
+ }
1650
+
1651
+ :where(.space-y-6 > :not(:last-child)) {
1652
+ --tw-space-y-reverse: 0;
1653
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1654
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1655
+ }
1656
+
1657
+ :where(.space-x-1 > :not(:last-child)) {
1658
+ --tw-space-x-reverse: 0;
1659
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
1660
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
1661
+ }
1662
+
1663
+ :where(.divide-x > :not(:last-child)) {
1664
+ --tw-divide-x-reverse: 0;
1665
+ border-inline-style: var(--tw-border-style);
1666
+ border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
1667
+ border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1668
+ }
1669
+
1670
+ :where(.divide-y > :not(:last-child)) {
1671
+ --tw-divide-y-reverse: 0;
1672
+ border-bottom-style: var(--tw-border-style);
1673
+ border-top-style: var(--tw-border-style);
1674
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1675
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1676
+ }
1677
+
1678
+ :where(.divide-gray-200 > :not(:last-child)) {
1679
+ border-color: var(--color-gray-200);
1680
+ }
1681
+
1682
+ .self-center {
1683
+ align-self: center;
1684
+ }
1685
+
1686
+ .self-end {
1687
+ align-self: flex-end;
1688
+ }
1689
+
1690
+ .self-start {
1691
+ align-self: flex-start;
1692
+ }
1693
+
1694
+ .truncate {
1695
+ text-overflow: ellipsis;
1696
+ white-space: nowrap;
1697
+ overflow: hidden;
1698
+ }
1699
+
1700
+ .overflow-auto {
1701
+ overflow: auto;
1702
+ }
1703
+
1704
+ .overflow-hidden {
1705
+ overflow: hidden;
1706
+ }
1707
+
1708
+ .overflow-scroll {
1709
+ overflow: scroll;
1710
+ }
1711
+
1712
+ .overflow-visible {
1713
+ overflow: visible;
1714
+ }
1715
+
1716
+ .overflow-x-hidden {
1717
+ overflow-x: hidden;
1718
+ }
1719
+
1720
+ .overflow-y-auto {
1721
+ overflow-y: auto;
1722
+ }
1723
+
1724
+ .overflow-y-scroll {
1725
+ overflow-y: scroll;
1726
+ }
1727
+
1728
+ .overscroll-y-none {
1729
+ overscroll-behavior-y: none;
1730
+ }
1731
+
1732
+ .rounded-2xl {
1733
+ border-radius: var(--radius-2xl);
1734
+ }
1735
+
1736
+ .rounded-3xl {
1737
+ border-radius: var(--radius-3xl);
1738
+ }
1739
+
1740
+ .rounded-\[3px\] {
1741
+ border-radius: 3px;
1742
+ }
1743
+
1744
+ .rounded-\[4px\] {
1745
+ border-radius: 4px;
1746
+ }
1747
+
1748
+ .rounded-\[6px\] {
1749
+ border-radius: 6px;
1750
+ }
1751
+
1752
+ .rounded-\[8px\] {
1753
+ border-radius: 8px;
1754
+ }
1755
+
1756
+ .rounded-\[10px\] {
1757
+ border-radius: 10px;
1758
+ }
1759
+
1760
+ .rounded-\[inherit\] {
1761
+ border-radius: inherit;
1762
+ }
1763
+
1764
+ .rounded-full {
1765
+ border-radius: 3.40282e38px;
1766
+ }
1767
+
1768
+ .rounded-lg {
1769
+ border-radius: var(--radius-lg);
1770
+ }
1771
+
1772
+ .rounded-md {
1773
+ border-radius: var(--radius-md);
1774
+ }
1775
+
1776
+ .rounded-sm {
1777
+ border-radius: var(--radius-sm);
1778
+ }
1779
+
1780
+ .rounded-xl {
1781
+ border-radius: var(--radius-xl);
1782
+ }
1783
+
1784
+ .rounded-t-3xl {
1785
+ border-top-left-radius: var(--radius-3xl);
1786
+ border-top-right-radius: var(--radius-3xl);
1787
+ }
1788
+
1789
+ .rounded-b-3xl {
1790
+ border-bottom-right-radius: var(--radius-3xl);
1791
+ border-bottom-left-radius: var(--radius-3xl);
1792
+ }
1793
+
1794
+ .border {
1795
+ border-style: var(--tw-border-style);
1796
+ border-width: 1px;
1797
+ }
1798
+
1799
+ .border-0 {
1800
+ border-style: var(--tw-border-style);
1801
+ border-width: 0;
1802
+ }
1803
+
1804
+ .border-2 {
1805
+ border-style: var(--tw-border-style);
1806
+ border-width: 2px;
1807
+ }
1808
+
1809
+ .border-t {
1810
+ border-top-style: var(--tw-border-style);
1811
+ border-top-width: 1px;
1812
+ }
1813
+
1814
+ .border-r {
1815
+ border-right-style: var(--tw-border-style);
1816
+ border-right-width: 1px;
1817
+ }
1818
+
1819
+ .border-b {
1820
+ border-bottom-style: var(--tw-border-style);
1821
+ border-bottom-width: 1px;
1822
+ }
1823
+
1824
+ .border-l {
1825
+ border-left-style: var(--tw-border-style);
1826
+ border-left-width: 1px;
1827
+ }
1828
+
1829
+ .border-amber-700 {
1830
+ border-color: var(--color-amber-700);
1831
+ }
1832
+
1833
+ .border-black\/10 {
1834
+ border-color: var(--color-black);
1835
+ }
1836
+
1837
+ @supports (color: color-mix(in lab, red, red)) {
1838
+ .border-black\/10 {
1839
+ border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
1840
+ }
1841
+ }
1842
+
1843
+ .border-blue-700 {
1844
+ border-color: var(--color-blue-700);
1845
+ }
1846
+
1847
+ .border-gray-100 {
1848
+ border-color: var(--color-gray-100);
1849
+ }
1850
+
1851
+ .border-gray-200 {
1852
+ border-color: var(--color-gray-200);
1853
+ }
1854
+
1855
+ .border-gray-400 {
1856
+ border-color: var(--color-gray-400);
1857
+ }
1858
+
1859
+ .border-gray-600 {
1860
+ border-color: var(--color-gray-600);
1861
+ }
1862
+
1863
+ .border-gray-1000 {
1864
+ border-color: var(--color-gray-1000);
1865
+ }
1866
+
1867
+ .border-red-700 {
1868
+ border-color: var(--color-red-700);
1869
+ }
1870
+
1871
+ .border-transparent {
1872
+ border-color: #0000;
1873
+ }
1874
+
1875
+ .border-white\/10 {
1876
+ border-color: var(--color-white);
1877
+ }
1878
+
1879
+ @supports (color: color-mix(in lab, red, red)) {
1880
+ .border-white\/10 {
1881
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1882
+ }
1883
+ }
1884
+
1885
+ .bg-\[\#292929\] {
1886
+ background-color: #292929;
1887
+ }
1888
+
1889
+ .bg-amber-100 {
1890
+ background-color: var(--color-amber-100);
1891
+ }
1892
+
1893
+ .bg-amber-200 {
1894
+ background-color: var(--color-amber-200);
1895
+ }
1896
+
1897
+ .bg-amber-700 {
1898
+ background-color: var(--color-amber-700);
1899
+ }
1900
+
1901
+ .bg-black, .bg-black\/25 {
1902
+ background-color: var(--color-black);
1903
+ }
1904
+
1905
+ @supports (color: color-mix(in lab, red, red)) {
1906
+ .bg-black\/25 {
1907
+ background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
1908
+ }
1909
+ }
1910
+
1911
+ .bg-black\/50 {
1912
+ background-color: var(--color-black);
1913
+ }
1914
+
1915
+ @supports (color: color-mix(in lab, red, red)) {
1916
+ .bg-black\/50 {
1917
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
1918
+ }
1919
+ }
1920
+
1921
+ .bg-black\/80 {
1922
+ background-color: var(--color-black);
1923
+ }
1924
+
1925
+ @supports (color: color-mix(in lab, red, red)) {
1926
+ .bg-black\/80 {
1927
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
1928
+ }
1929
+ }
1930
+
1931
+ .bg-blue-100 {
1932
+ background-color: var(--color-blue-100);
1933
+ }
1934
+
1935
+ .bg-blue-300 {
1936
+ background-color: var(--color-blue-300);
1937
+ }
1938
+
1939
+ .bg-blue-700 {
1940
+ background-color: var(--color-blue-700);
1941
+ }
1942
+
1943
+ .bg-bronze-300 {
1944
+ background-color: var(--color-bronze-300);
1945
+ }
1946
+
1947
+ .bg-brown-100 {
1948
+ background-color: var(--color-brown-100);
1949
+ }
1950
+
1951
+ .bg-brown-300 {
1952
+ background-color: var(--color-brown-300);
1953
+ }
1954
+
1955
+ .bg-brown-700 {
1956
+ background-color: var(--color-brown-700);
1957
+ }
1958
+
1959
+ .bg-crimson-100 {
1960
+ background-color: var(--color-crimson-100);
1961
+ }
1962
+
1963
+ .bg-crimson-300 {
1964
+ background-color: var(--color-crimson-300);
1965
+ }
1966
+
1967
+ .bg-crimson-700 {
1968
+ background-color: var(--color-crimson-700);
1969
+ }
1970
+
1971
+ .bg-cyan-100 {
1972
+ background-color: var(--color-cyan-100);
1973
+ }
1974
+
1975
+ .bg-cyan-300 {
1976
+ background-color: var(--color-cyan-300);
1977
+ }
1978
+
1979
+ .bg-cyan-700 {
1980
+ background-color: var(--color-cyan-700);
1981
+ }
1982
+
1983
+ .bg-gold-300 {
1984
+ background-color: var(--color-gold-300);
1985
+ }
1986
+
1987
+ .bg-grass-300 {
1988
+ background-color: var(--color-grass-300);
1989
+ }
1990
+
1991
+ .bg-gray-25, .bg-gray-25\/50 {
1992
+ background-color: var(--color-gray-25);
1993
+ }
1994
+
1995
+ @supports (color: color-mix(in lab, red, red)) {
1996
+ .bg-gray-25\/50 {
1997
+ background-color: color-mix(in oklab, var(--color-gray-25) 50%, transparent);
1998
+ }
1999
+ }
2000
+
2001
+ .bg-gray-50 {
2002
+ background-color: var(--color-gray-50);
2003
+ }
2004
+
2005
+ .bg-gray-100, .bg-gray-100\/50 {
2006
+ background-color: var(--color-gray-100);
2007
+ }
2008
+
2009
+ @supports (color: color-mix(in lab, red, red)) {
2010
+ .bg-gray-100\/50 {
2011
+ background-color: color-mix(in oklab, var(--color-gray-100) 50%, transparent);
2012
+ }
2013
+ }
2014
+
2015
+ .bg-gray-200 {
2016
+ background-color: var(--color-gray-200);
2017
+ }
2018
+
2019
+ .bg-gray-300 {
2020
+ background-color: var(--color-gray-300);
2021
+ }
2022
+
2023
+ .bg-gray-600 {
2024
+ background-color: var(--color-gray-600);
2025
+ }
2026
+
2027
+ .bg-gray-800\/60 {
2028
+ background-color: var(--color-gray-800);
2029
+ }
2030
+
2031
+ @supports (color: color-mix(in lab, red, red)) {
2032
+ .bg-gray-800\/60 {
2033
+ background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent);
2034
+ }
2035
+ }
2036
+
2037
+ .bg-gray-900 {
2038
+ background-color: var(--color-gray-900);
2039
+ }
2040
+
2041
+ .bg-gray-1000 {
2042
+ background-color: var(--color-gray-1000);
2043
+ }
2044
+
2045
+ .bg-green-100 {
2046
+ background-color: var(--color-green-100);
2047
+ }
2048
+
2049
+ .bg-green-300 {
2050
+ background-color: var(--color-green-300);
2051
+ }
2052
+
2053
+ .bg-green-700 {
2054
+ background-color: var(--color-green-700);
2055
+ }
2056
+
2057
+ .bg-indigo-300 {
2058
+ background-color: var(--color-indigo-300);
2059
+ }
2060
+
2061
+ .bg-inherit {
2062
+ background-color: inherit;
2063
+ }
2064
+
2065
+ .bg-lime-300 {
2066
+ background-color: var(--color-lime-300);
2067
+ }
2068
+
2069
+ .bg-orange-100 {
2070
+ background-color: var(--color-orange-100);
2071
+ }
2072
+
2073
+ .bg-orange-700 {
2074
+ background-color: var(--color-orange-700);
2075
+ }
2076
+
2077
+ .bg-plum-300 {
2078
+ background-color: var(--color-plum-300);
2079
+ }
2080
+
2081
+ .bg-purple-300 {
2082
+ background-color: var(--color-purple-300);
2083
+ }
2084
+
2085
+ .bg-red-100 {
2086
+ background-color: var(--color-red-100);
2087
+ }
2088
+
2089
+ .bg-red-300 {
2090
+ background-color: var(--color-red-300);
2091
+ }
2092
+
2093
+ .bg-red-700, .bg-red-700\/60 {
2094
+ background-color: var(--color-red-700);
2095
+ }
2096
+
2097
+ @supports (color: color-mix(in lab, red, red)) {
2098
+ .bg-red-700\/60 {
2099
+ background-color: color-mix(in oklab, var(--color-red-700) 60%, transparent);
2100
+ }
2101
+ }
2102
+
2103
+ .bg-teal-100 {
2104
+ background-color: var(--color-teal-100);
2105
+ }
2106
+
2107
+ .bg-teal-300 {
2108
+ background-color: var(--color-teal-300);
2109
+ }
2110
+
2111
+ .bg-teal-700 {
2112
+ background-color: var(--color-teal-700);
2113
+ }
2114
+
2115
+ .bg-transparent {
2116
+ background-color: #0000;
2117
+ }
2118
+
2119
+ .bg-violet-100 {
2120
+ background-color: var(--color-violet-100);
2121
+ }
2122
+
2123
+ .bg-violet-300 {
2124
+ background-color: var(--color-violet-300);
2125
+ }
2126
+
2127
+ .bg-violet-700 {
2128
+ background-color: var(--color-violet-700);
2129
+ }
2130
+
2131
+ .bg-white, .bg-white\/60 {
2132
+ background-color: var(--color-white);
2133
+ }
2134
+
2135
+ @supports (color: color-mix(in lab, red, red)) {
2136
+ .bg-white\/60 {
2137
+ background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
2138
+ }
2139
+ }
2140
+
2141
+ .bg-yellow-300 {
2142
+ background-color: var(--color-yellow-300);
2143
+ }
2144
+
2145
+ .bg-cover {
2146
+ background-size: cover;
2147
+ }
2148
+
2149
+ .bg-center {
2150
+ background-position: 50%;
2151
+ }
2152
+
2153
+ .fill-\[inherit\] {
2154
+ fill: inherit;
2155
+ }
2156
+
2157
+ .fill-gray-400 {
2158
+ fill: var(--color-gray-400);
2159
+ }
2160
+
2161
+ .fill-white {
2162
+ fill: var(--color-white);
2163
+ }
2164
+
2165
+ .object-contain {
2166
+ object-fit: contain;
2167
+ }
2168
+
2169
+ .object-cover {
2170
+ object-fit: cover;
2171
+ }
2172
+
2173
+ .p-0 {
2174
+ padding: calc(var(--spacing) * 0);
2175
+ }
2176
+
2177
+ .p-1 {
2178
+ padding: calc(var(--spacing) * 1);
2179
+ }
2180
+
2181
+ .p-1\.5 {
2182
+ padding: calc(var(--spacing) * 1.5);
2183
+ }
2184
+
2185
+ .p-2 {
2186
+ padding: calc(var(--spacing) * 2);
2187
+ }
2188
+
2189
+ .p-2\.5 {
2190
+ padding: calc(var(--spacing) * 2.5);
2191
+ }
2192
+
2193
+ .p-3 {
2194
+ padding: calc(var(--spacing) * 3);
2195
+ }
2196
+
2197
+ .p-4 {
2198
+ padding: calc(var(--spacing) * 4);
2199
+ }
2200
+
2201
+ .p-5 {
2202
+ padding: calc(var(--spacing) * 5);
2203
+ }
2204
+
2205
+ .p-6 {
2206
+ padding: calc(var(--spacing) * 6);
2207
+ }
2208
+
2209
+ .p-8 {
2210
+ padding: calc(var(--spacing) * 8);
2211
+ }
2212
+
2213
+ .p-\[11px\] {
2214
+ padding: 11px;
2215
+ }
2216
+
2217
+ .px-1 {
2218
+ padding-inline: calc(var(--spacing) * 1);
2219
+ }
2220
+
2221
+ .px-2 {
2222
+ padding-inline: calc(var(--spacing) * 2);
2223
+ }
2224
+
2225
+ .px-2\.5 {
2226
+ padding-inline: calc(var(--spacing) * 2.5);
2227
+ }
2228
+
2229
+ .px-3 {
2230
+ padding-inline: calc(var(--spacing) * 3);
2231
+ }
2232
+
2233
+ .px-3\.5 {
2234
+ padding-inline: calc(var(--spacing) * 3.5);
2235
+ }
2236
+
2237
+ .px-4 {
2238
+ padding-inline: calc(var(--spacing) * 4);
2239
+ }
2240
+
2241
+ .px-8 {
2242
+ padding-inline: calc(var(--spacing) * 8);
2243
+ }
2244
+
2245
+ .px-\[60px\] {
2246
+ padding-inline: 60px;
2247
+ }
2248
+
2249
+ .py-0\.5 {
2250
+ padding-block: calc(var(--spacing) * .5);
2251
+ }
2252
+
2253
+ .py-1 {
2254
+ padding-block: calc(var(--spacing) * 1);
2255
+ }
2256
+
2257
+ .py-1\.5 {
2258
+ padding-block: calc(var(--spacing) * 1.5);
2259
+ }
2260
+
2261
+ .py-2 {
2262
+ padding-block: calc(var(--spacing) * 2);
2263
+ }
2264
+
2265
+ .py-2\.5 {
2266
+ padding-block: calc(var(--spacing) * 2.5);
2267
+ }
2268
+
2269
+ .py-3 {
2270
+ padding-block: calc(var(--spacing) * 3);
2271
+ }
2272
+
2273
+ .py-12 {
2274
+ padding-block: calc(var(--spacing) * 12);
2275
+ }
2276
+
2277
+ .pt-1 {
2278
+ padding-top: calc(var(--spacing) * 1);
2279
+ }
2280
+
2281
+ .pt-2 {
2282
+ padding-top: calc(var(--spacing) * 2);
2283
+ }
2284
+
2285
+ .pt-4 {
2286
+ padding-top: calc(var(--spacing) * 4);
2287
+ }
2288
+
2289
+ .pt-10 {
2290
+ padding-top: calc(var(--spacing) * 10);
2291
+ }
2292
+
2293
+ .pr-1 {
2294
+ padding-right: calc(var(--spacing) * 1);
2295
+ }
2296
+
2297
+ .pr-2 {
2298
+ padding-right: calc(var(--spacing) * 2);
2299
+ }
2300
+
2301
+ .pr-2\.5 {
2302
+ padding-right: calc(var(--spacing) * 2.5);
2303
+ }
2304
+
2305
+ .pr-3\.5 {
2306
+ padding-right: calc(var(--spacing) * 3.5);
2307
+ }
2308
+
2309
+ .pb-2 {
2310
+ padding-bottom: calc(var(--spacing) * 2);
2311
+ }
2312
+
2313
+ .pb-2\.5 {
2314
+ padding-bottom: calc(var(--spacing) * 2.5);
2315
+ }
2316
+
2317
+ .pb-3 {
2318
+ padding-bottom: calc(var(--spacing) * 3);
2319
+ }
2320
+
2321
+ .pb-\[9px\] {
2322
+ padding-bottom: 9px;
2323
+ }
2324
+
2325
+ .pl-2 {
2326
+ padding-left: calc(var(--spacing) * 2);
2327
+ }
2328
+
2329
+ .pl-3 {
2330
+ padding-left: calc(var(--spacing) * 3);
2331
+ }
2332
+
2333
+ .pl-4 {
2334
+ padding-left: calc(var(--spacing) * 4);
2335
+ }
2336
+
2337
+ .pl-6 {
2338
+ padding-left: calc(var(--spacing) * 6);
2339
+ }
2340
+
2341
+ .text-center {
2342
+ text-align: center;
2343
+ }
2344
+
2345
+ .text-left {
2346
+ text-align: left;
2347
+ }
2348
+
2349
+ .align-middle {
2350
+ vertical-align: middle;
2351
+ }
2352
+
2353
+ .text-2xl {
2354
+ font-size: var(--text-2xl);
2355
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
2356
+ letter-spacing: var(--tw-tracking, var(--text-2xl--letter-spacing));
2357
+ }
2358
+
2359
+ .text-3xl {
2360
+ font-size: var(--text-3xl);
2361
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
2362
+ letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
2363
+ }
2364
+
2365
+ .text-4xl {
2366
+ font-size: var(--text-4xl);
2367
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
2368
+ letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
2369
+ }
2370
+
2371
+ .text-lg {
2372
+ font-size: var(--text-lg);
2373
+ line-height: var(--tw-leading, var(--text-lg--line-height));
2374
+ letter-spacing: var(--tw-tracking, var(--text-lg--letter-spacing));
2375
+ }
2376
+
2377
+ .text-md {
2378
+ font-size: var(--text-md);
2379
+ line-height: var(--tw-leading, var(--text-md--line-height));
2380
+ letter-spacing: var(--tw-tracking, var(--text-md--letter-spacing));
2381
+ }
2382
+
2383
+ .text-sm {
2384
+ font-size: var(--text-sm);
2385
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2386
+ letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
2387
+ }
2388
+
2389
+ .text-xs {
2390
+ font-size: var(--text-xs);
2391
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2392
+ letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
2393
+ }
2394
+
2395
+ .text-\[10px\] {
2396
+ font-size: 10px;
2397
+ }
2398
+
2399
+ .text-\[30px\] {
2400
+ font-size: 30px;
2401
+ }
2402
+
2403
+ .text-\[96px\] {
2404
+ font-size: 96px;
2405
+ }
2406
+
2407
+ .leading-4 {
2408
+ --tw-leading: calc(var(--spacing) * 4);
2409
+ line-height: calc(var(--spacing) * 4);
2410
+ }
2411
+
2412
+ .leading-\[15px\] {
2413
+ --tw-leading: 15px;
2414
+ line-height: 15px;
2415
+ }
2416
+
2417
+ .leading-none {
2418
+ --tw-leading: 1;
2419
+ line-height: 1;
2420
+ }
2421
+
2422
+ .font-bold {
2423
+ --tw-font-weight: var(--font-weight-bold);
2424
+ font-weight: var(--font-weight-bold);
2425
+ }
2426
+
2427
+ .font-light {
2428
+ --tw-font-weight: var(--font-weight-light);
2429
+ font-weight: var(--font-weight-light);
2430
+ }
2431
+
2432
+ .font-medium {
2433
+ --tw-font-weight: var(--font-weight-medium);
2434
+ font-weight: var(--font-weight-medium);
2435
+ }
2436
+
2437
+ .font-normal {
2438
+ --tw-font-weight: var(--font-weight-normal);
2439
+ font-weight: var(--font-weight-normal);
2440
+ }
2441
+
2442
+ .font-semibold {
2443
+ --tw-font-weight: var(--font-weight-semibold);
2444
+ font-weight: var(--font-weight-semibold);
2445
+ }
2446
+
2447
+ .whitespace-normal {
2448
+ white-space: normal;
2449
+ }
2450
+
2451
+ .whitespace-nowrap {
2452
+ white-space: nowrap;
2453
+ }
2454
+
2455
+ .whitespace-pre-line {
2456
+ white-space: pre-line;
2457
+ }
2458
+
2459
+ .whitespace-pre-wrap {
2460
+ white-space: pre-wrap;
2461
+ }
2462
+
2463
+ .text-\[\#707070\] {
2464
+ color: #707070;
2465
+ }
2466
+
2467
+ .text-\[inherit\] {
2468
+ color: inherit;
2469
+ }
2470
+
2471
+ .text-amber-700 {
2472
+ color: var(--color-amber-700);
2473
+ }
2474
+
2475
+ .text-black, .text-black\/50 {
2476
+ color: var(--color-black);
2477
+ }
2478
+
2479
+ @supports (color: color-mix(in lab, red, red)) {
2480
+ .text-black\/50 {
2481
+ color: color-mix(in oklab, var(--color-black) 50%, transparent);
2482
+ }
2483
+ }
2484
+
2485
+ .text-blue-700 {
2486
+ color: var(--color-blue-700);
2487
+ }
2488
+
2489
+ .text-bronze-700 {
2490
+ color: var(--color-bronze-700);
2491
+ }
2492
+
2493
+ .text-brown-700 {
2494
+ color: var(--color-brown-700);
2495
+ }
2496
+
2497
+ .text-crimson-700 {
2498
+ color: var(--color-crimson-700);
2499
+ }
2500
+
2501
+ .text-current {
2502
+ color: currentColor;
2503
+ }
2504
+
2505
+ .text-cyan-700 {
2506
+ color: var(--color-cyan-700);
2507
+ }
2508
+
2509
+ .text-gold-700 {
2510
+ color: var(--color-gold-700);
2511
+ }
2512
+
2513
+ .text-grass-700 {
2514
+ color: var(--color-grass-700);
2515
+ }
2516
+
2517
+ .text-gray-200 {
2518
+ color: var(--color-gray-200);
2519
+ }
2520
+
2521
+ .text-gray-400 {
2522
+ color: var(--color-gray-400);
2523
+ }
2524
+
2525
+ .text-gray-700 {
2526
+ color: var(--color-gray-700);
2527
+ }
2528
+
2529
+ .text-gray-900 {
2530
+ color: var(--color-gray-900);
2531
+ }
2532
+
2533
+ .text-gray-1000 {
2534
+ color: var(--color-gray-1000);
2535
+ }
2536
+
2537
+ .text-green-700 {
2538
+ color: var(--color-green-700);
2539
+ }
2540
+
2541
+ .text-indigo-700 {
2542
+ color: var(--color-indigo-700);
2543
+ }
2544
+
2545
+ .text-inherit {
2546
+ color: inherit;
2547
+ }
2548
+
2549
+ .text-lime-700 {
2550
+ color: var(--color-lime-700);
2551
+ }
2552
+
2553
+ .text-orange-700 {
2554
+ color: var(--color-orange-700);
2555
+ }
2556
+
2557
+ .text-plum-700 {
2558
+ color: var(--color-plum-700);
2559
+ }
2560
+
2561
+ .text-purple-700 {
2562
+ color: var(--color-purple-700);
2563
+ }
2564
+
2565
+ .text-red-600 {
2566
+ color: var(--color-red-600);
2567
+ }
2568
+
2569
+ .text-red-700 {
2570
+ color: var(--color-red-700);
2571
+ }
2572
+
2573
+ .text-teal-700 {
2574
+ color: var(--color-teal-700);
2575
+ }
2576
+
2577
+ .text-violet-700 {
2578
+ color: var(--color-violet-700);
2579
+ }
2580
+
2581
+ .text-white {
2582
+ color: var(--color-white);
2583
+ }
2584
+
2585
+ .text-yellow-700 {
2586
+ color: var(--color-yellow-700);
2587
+ }
2588
+
2589
+ .underline {
2590
+ text-decoration-line: underline;
2591
+ }
2592
+
2593
+ .antialiased {
2594
+ -webkit-font-smoothing: antialiased;
2595
+ -moz-osx-font-smoothing: grayscale;
2596
+ }
2597
+
2598
+ .opacity-40 {
2599
+ opacity: .4;
2600
+ }
2601
+
2602
+ .opacity-50 {
2603
+ opacity: .5;
2604
+ }
2605
+
2606
+ .opacity-60 {
2607
+ opacity: .6;
2608
+ }
2609
+
2610
+ .shadow-dropdown-sm {
2611
+ --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280f), 0px 1px 3px 0px var(--tw-shadow-color, #1018281a);
2612
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2613
+ }
2614
+
2615
+ .shadow-lg {
2616
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
2617
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2618
+ }
2619
+
2620
+ .shadow-md {
2621
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
2622
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2623
+ }
2624
+
2625
+ .shadow-xs {
2626
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
2627
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2628
+ }
2629
+
2630
+ .ring-1 {
2631
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2632
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2633
+ }
2634
+
2635
+ .ring-2 {
2636
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2637
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2638
+ }
2639
+
2640
+ .ring-4 {
2641
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2642
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2643
+ }
2644
+
2645
+ .ring-\[3px\] {
2646
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2647
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2648
+ }
2649
+
2650
+ .ring-amber-300 {
2651
+ --tw-ring-color: var(--color-amber-300);
2652
+ }
2653
+
2654
+ .ring-amber-700 {
2655
+ --tw-ring-color: var(--color-amber-700);
2656
+ }
2657
+
2658
+ .ring-black {
2659
+ --tw-ring-color: var(--color-black);
2660
+ }
2661
+
2662
+ .ring-blue-300 {
2663
+ --tw-ring-color: var(--color-blue-300);
2664
+ }
2665
+
2666
+ .ring-blue-700 {
2667
+ --tw-ring-color: var(--color-blue-700);
2668
+ }
2669
+
2670
+ .ring-brown-300 {
2671
+ --tw-ring-color: var(--color-brown-300);
2672
+ }
2673
+
2674
+ .ring-crimson-300 {
2675
+ --tw-ring-color: var(--color-crimson-300);
2676
+ }
2677
+
2678
+ .ring-cyan-300 {
2679
+ --tw-ring-color: var(--color-cyan-300);
2680
+ }
2681
+
2682
+ .ring-gray-100 {
2683
+ --tw-ring-color: var(--color-gray-100);
2684
+ }
2685
+
2686
+ .ring-gray-200 {
2687
+ --tw-ring-color: var(--color-gray-200);
2688
+ }
2689
+
2690
+ .ring-gray-400 {
2691
+ --tw-ring-color: var(--color-gray-400);
2692
+ }
2693
+
2694
+ .ring-green-300 {
2695
+ --tw-ring-color: var(--color-green-300);
2696
+ }
2697
+
2698
+ .ring-green-700 {
2699
+ --tw-ring-color: var(--color-green-700);
2700
+ }
2701
+
2702
+ .ring-orange-300 {
2703
+ --tw-ring-color: var(--color-orange-300);
2704
+ }
2705
+
2706
+ .ring-red-300 {
2707
+ --tw-ring-color: var(--color-red-300);
2708
+ }
2709
+
2710
+ .ring-red-700 {
2711
+ --tw-ring-color: var(--color-red-700);
2712
+ }
2713
+
2714
+ .ring-teal-300 {
2715
+ --tw-ring-color: var(--color-teal-300);
2716
+ }
2717
+
2718
+ .ring-violet-300 {
2719
+ --tw-ring-color: var(--color-violet-300);
2720
+ }
2721
+
2722
+ .ring-white\/20 {
2723
+ --tw-ring-color: var(--color-white);
2724
+ }
2725
+
2726
+ @supports (color: color-mix(in lab, red, red)) {
2727
+ .ring-white\/20 {
2728
+ --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
2729
+ }
2730
+ }
2731
+
2732
+ .ring-offset-0 {
2733
+ --tw-ring-offset-width: 0px;
2734
+ --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2735
+ }
2736
+
2737
+ .ring-offset-white {
2738
+ --tw-ring-offset-color: var(--color-white);
2739
+ }
2740
+
2741
+ .outline-hidden {
2742
+ --tw-outline-style: none;
2743
+ outline-style: none;
2744
+ }
2745
+
2746
+ @media (forced-colors: active) {
2747
+ .outline-hidden {
2748
+ outline-offset: 2px;
2749
+ outline: 2px solid #0000;
2750
+ }
2751
+ }
2752
+
2753
+ .outline {
2754
+ outline-style: var(--tw-outline-style);
2755
+ outline-width: 1px;
2756
+ }
2757
+
2758
+ .blur {
2759
+ --tw-blur: blur(8px);
2760
+ 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, );
2761
+ }
2762
+
2763
+ .filter {
2764
+ 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, );
2765
+ }
2766
+
2767
+ .backdrop-blur-\[20px\] {
2768
+ --tw-backdrop-blur: blur(20px);
2769
+ 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, );
2770
+ }
2771
+
2772
+ .backdrop-blur-\[30px\] {
2773
+ --tw-backdrop-blur: blur(30px);
2774
+ 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, );
2775
+ }
2776
+
2777
+ .backdrop-blur-lg {
2778
+ --tw-backdrop-blur: blur(var(--blur-lg));
2779
+ 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, );
2780
+ }
2781
+
2782
+ .backdrop-blur-md {
2783
+ --tw-backdrop-blur: blur(var(--blur-md));
2784
+ 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, );
2785
+ }
2786
+
2787
+ .backdrop-blur-xs {
2788
+ --tw-backdrop-blur: blur(var(--blur-xs));
2789
+ 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, );
2790
+ }
2791
+
2792
+ .transition {
2793
+ 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, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
2794
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2795
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2796
+ }
2797
+
2798
+ .transition-all {
2799
+ transition-property: all;
2800
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2801
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2802
+ }
2803
+
2804
+ .transition-colors {
2805
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2806
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2807
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2808
+ }
2809
+
2810
+ .transition-transform {
2811
+ transition-property: transform, translate, scale, rotate;
2812
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2813
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2814
+ }
2815
+
2816
+ .duration-200 {
2817
+ --tw-duration: .2s;
2818
+ transition-duration: .2s;
2819
+ }
2820
+
2821
+ .duration-300 {
2822
+ --tw-duration: .3s;
2823
+ transition-duration: .3s;
2824
+ }
2825
+
2826
+ .duration-500 {
2827
+ --tw-duration: .5s;
2828
+ transition-duration: .5s;
2829
+ }
2830
+
2831
+ .duration-700 {
2832
+ --tw-duration: .7s;
2833
+ transition-duration: .7s;
2834
+ }
2835
+
2836
+ .ease-\[cubic-bezier\(0\.075\,0\.82\,0\.165\,1\)\] {
2837
+ --tw-ease: cubic-bezier(.075, .82, .165, 1);
2838
+ transition-timing-function: cubic-bezier(.075, .82, .165, 1);
2839
+ }
2840
+
2841
+ .ease-in-out {
2842
+ --tw-ease: var(--ease-in-out);
2843
+ transition-timing-function: var(--ease-in-out);
2844
+ }
2845
+
2846
+ .ease-linear {
2847
+ --tw-ease: linear;
2848
+ transition-timing-function: linear;
2849
+ }
2850
+
2851
+ .will-change-transform {
2852
+ will-change: transform;
2853
+ }
2854
+
2855
+ .animate-in {
2856
+ --tw-enter-opacity: initial;
2857
+ --tw-enter-scale: initial;
2858
+ --tw-enter-rotate: initial;
2859
+ --tw-enter-translate-x: initial;
2860
+ --tw-enter-translate-y: initial;
2861
+ animation-name: enter;
2862
+ animation-duration: .15s;
2863
+ }
2864
+
2865
+ .select-none {
2866
+ user-select: none;
2867
+ }
2868
+
2869
+ .duration-200 {
2870
+ animation-duration: .2s;
2871
+ }
2872
+
2873
+ .duration-300 {
2874
+ animation-duration: .3s;
2875
+ }
2876
+
2877
+ .duration-500 {
2878
+ animation-duration: .5s;
2879
+ }
2880
+
2881
+ .duration-700 {
2882
+ animation-duration: .7s;
2883
+ }
2884
+
2885
+ .ease-\[cubic-bezier\(0\.075\,0\.82\,0\.165\,1\)\] {
2886
+ animation-timing-function: cubic-bezier(.075, .82, .165, 1);
2887
+ }
2888
+
2889
+ .ease-in-out {
2890
+ animation-timing-function: cubic-bezier(.4, 0, .2, 1);
2891
+ }
2892
+
2893
+ .ease-linear {
2894
+ animation-timing-function: linear;
2895
+ }
2896
+
2897
+ .fade-in-0 {
2898
+ --tw-enter-opacity: 0;
2899
+ }
2900
+
2901
+ .paused {
2902
+ animation-play-state: paused;
2903
+ }
2904
+
2905
+ .ring-inset {
2906
+ --tw-ring-inset: inset;
2907
+ }
2908
+
2909
+ .running {
2910
+ animation-play-state: running;
2911
+ }
2912
+
2913
+ .zoom-in-95 {
2914
+ --tw-enter-scale: .95;
2915
+ }
2916
+
2917
+ :is(.\*\:h-12 > *) {
2918
+ height: calc(var(--spacing) * 12);
2919
+ }
2920
+
2921
+ :is(.\*\:h-full > *) {
2922
+ height: 100%;
2923
+ }
2924
+
2925
+ :is(.\*\:w-12 > *) {
2926
+ width: calc(var(--spacing) * 12);
2927
+ }
2928
+
2929
+ :is(.\*\:w-full > *) {
2930
+ width: 100%;
2931
+ }
2932
+
2933
+ :is(.\*\:rounded-\[14px\] > *) {
2934
+ border-radius: 14px;
2935
+ }
2936
+
2937
+ :is(.\*\:rounded-sm > *) {
2938
+ border-radius: var(--radius-sm);
2939
+ }
2940
+
2941
+ :is(.\*\:bg-blue-700 > *) {
2942
+ background-color: var(--color-blue-700);
2943
+ }
2944
+
2945
+ :is(.\*\:fill-black > *) {
2946
+ fill: var(--color-black);
2947
+ }
2948
+
2949
+ :is(.\*\:text-white > *) {
2950
+ color: var(--color-white);
2951
+ }
2952
+
2953
+ :is(.\*\:opacity-100 > *) {
2954
+ opacity: 1;
2955
+ }
2956
+
2957
+ :is(.\*\*\:items-center *) {
2958
+ align-items: center;
2959
+ }
2960
+
2961
+ :is(.\*\*\:rounded-lg *) {
2962
+ border-radius: var(--radius-lg);
2963
+ }
2964
+
2965
+ .group-focus-within\:bg-gray-100:is(:where(.group):focus-within *) {
2966
+ background-color: var(--color-gray-100);
2967
+ }
2968
+
2969
+ .group-focus-within\/mediacard\:visible:is(:where(.group\/mediacard):focus-within *) {
2970
+ visibility: visible;
2971
+ }
2972
+
2973
+ @media (hover: hover) {
2974
+ .group-hover\:visible:is(:where(.group):hover *) {
2975
+ visibility: visible;
2976
+ }
2977
+
2978
+ .group-hover\:flex:is(:where(.group):hover *) {
2979
+ display: flex;
2980
+ }
2981
+
2982
+ .group-hover\:bg-gray-50:is(:where(.group):hover *) {
2983
+ background-color: var(--color-gray-50);
2984
+ }
2985
+
2986
+ .group-hover\/mediacard\:visible:is(:where(.group\/mediacard):hover *) {
2987
+ visibility: visible;
2988
+ }
2989
+ }
2990
+
2991
+ .group-active\:bg-gray-100:is(:where(.group):active *) {
2992
+ background-color: var(--color-gray-100);
2993
+ }
2994
+
2995
+ .group-data-disabled\:cursor-not-allowed:is(:where(.group)[data-disabled] *) {
2996
+ cursor: not-allowed;
2997
+ }
2998
+
2999
+ .group-data-disabled\:opacity-50:is(:where(.group)[data-disabled] *) {
3000
+ opacity: .5;
3001
+ }
3002
+
3003
+ .group-data-\[state\=checked\]\:bg-gray-50:is(:where(.group)[data-state="checked"] *) {
3004
+ background-color: var(--color-gray-50);
3005
+ }
3006
+
3007
+ .group-data-\[state\=off\]\:bg-transparent:is(:where(.group)[data-state="off"] *) {
3008
+ background-color: #0000;
3009
+ }
3010
+
3011
+ .group-data-\[state\=off\]\:text-transparent:is(:where(.group)[data-state="off"] *) {
3012
+ color: #0000;
3013
+ }
3014
+
3015
+ .group-data-\[state\=on\]\:border-blue-700:is(:where(.group)[data-state="on"] *) {
3016
+ border-color: var(--color-blue-700);
3017
+ }
3018
+
3019
+ .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
3020
+ rotate: 180deg;
3021
+ }
3022
+
3023
+ @media (hover: hover) {
3024
+ .peer-hover\:fill-amber-700:is(:where(.peer):hover ~ *) {
3025
+ fill: var(--color-amber-700);
3026
+ }
3027
+
3028
+ .peer-hover\:text-amber-700:is(:where(.peer):hover ~ *) {
3029
+ color: var(--color-amber-700);
3030
+ }
3031
+ }
3032
+
3033
+ .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
3034
+ cursor: not-allowed;
3035
+ }
3036
+
3037
+ .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
3038
+ opacity: .7;
3039
+ }
3040
+
3041
+ .placeholder\:text-gray-700::placeholder {
3042
+ color: var(--color-gray-700);
3043
+ }
3044
+
3045
+ .placeholder\:text-gray-900::placeholder {
3046
+ color: var(--color-gray-900);
3047
+ }
3048
+
3049
+ .first\:pl-4:first-child {
3050
+ padding-left: calc(var(--spacing) * 4);
3051
+ }
3052
+
3053
+ .last\:pr-4:last-child {
3054
+ padding-right: calc(var(--spacing) * 4);
3055
+ }
3056
+
3057
+ .last\:pb-0:last-child {
3058
+ padding-bottom: calc(var(--spacing) * 0);
3059
+ }
3060
+
3061
+ .focus-within\:relative:focus-within {
3062
+ position: relative;
3063
+ }
3064
+
3065
+ .focus-within\:z-20:focus-within {
3066
+ z-index: 20;
3067
+ }
3068
+
3069
+ .focus-within\:border-gray-200:focus-within {
3070
+ border-color: var(--color-gray-200);
3071
+ }
3072
+
3073
+ .focus-within\:bg-gray-100:focus-within {
3074
+ background-color: var(--color-gray-100);
3075
+ }
3076
+
3077
+ .focus-within\:outline:focus-within {
3078
+ outline-style: var(--tw-outline-style);
3079
+ outline-width: 1px;
3080
+ }
3081
+
3082
+ .focus-within\:outline-\[2px\]:focus-within {
3083
+ outline-style: var(--tw-outline-style);
3084
+ outline-width: 2px;
3085
+ }
3086
+
3087
+ .focus-within\:outline-offset-\[2px\]:focus-within {
3088
+ outline-offset: 2px;
3089
+ }
3090
+
3091
+ .focus-within\:outline-blue-300:focus-within {
3092
+ outline-color: var(--color-blue-300);
3093
+ }
3094
+
3095
+ .focus-within\:outline-red-700:focus-within {
3096
+ outline-color: var(--color-red-700);
3097
+ }
3098
+
3099
+ @media (hover: hover) {
3100
+ .hover\:border-blue-900:hover {
3101
+ border-color: var(--color-blue-900);
3102
+ }
3103
+
3104
+ .hover\:border-gray-600:hover {
3105
+ border-color: var(--color-gray-600);
3106
+ }
3107
+
3108
+ .hover\:border-red-900:hover {
3109
+ border-color: var(--color-red-900);
3110
+ }
3111
+
3112
+ .hover\:bg-black\/5:hover {
3113
+ background-color: var(--color-black);
3114
+ }
3115
+
3116
+ @supports (color: color-mix(in lab, red, red)) {
3117
+ .hover\:bg-black\/5:hover {
3118
+ background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
3119
+ }
3120
+ }
3121
+
3122
+ .hover\:bg-blue-50:hover {
3123
+ background-color: var(--color-blue-50);
3124
+ }
3125
+
3126
+ .hover\:bg-blue-100:hover {
3127
+ background-color: var(--color-blue-100);
3128
+ }
3129
+
3130
+ .hover\:bg-blue-800:hover {
3131
+ background-color: var(--color-blue-800);
3132
+ }
3133
+
3134
+ .hover\:bg-gray-25:hover {
3135
+ background-color: var(--color-gray-25);
3136
+ }
3137
+
3138
+ .hover\:bg-gray-50:hover {
3139
+ background-color: var(--color-gray-50);
3140
+ }
3141
+
3142
+ .hover\:bg-gray-100:hover, .hover\:bg-gray-100\/75:hover {
3143
+ background-color: var(--color-gray-100);
3144
+ }
3145
+
3146
+ @supports (color: color-mix(in lab, red, red)) {
3147
+ .hover\:bg-gray-100\/75:hover {
3148
+ background-color: color-mix(in oklab, var(--color-gray-100) 75%, transparent);
3149
+ }
3150
+ }
3151
+
3152
+ .hover\:bg-gray-200:hover {
3153
+ background-color: var(--color-gray-200);
3154
+ }
3155
+
3156
+ .hover\:bg-red-100:hover {
3157
+ background-color: var(--color-red-100);
3158
+ }
3159
+
3160
+ .hover\:bg-red-800:hover {
3161
+ background-color: var(--color-red-800);
3162
+ }
3163
+
3164
+ .hover\:fill-amber-700:hover {
3165
+ fill: var(--color-amber-700);
3166
+ }
3167
+
3168
+ .hover\:text-amber-700:hover {
3169
+ color: var(--color-amber-700);
3170
+ }
3171
+
3172
+ .hover\:underline:hover {
3173
+ text-decoration-line: underline;
3174
+ }
3175
+
3176
+ .hover\:opacity-100:hover {
3177
+ opacity: 1;
3178
+ }
3179
+
3180
+ :is(.hover\:\*\:bg-blue-700:hover > *) {
3181
+ background-color: var(--color-blue-700);
3182
+ }
3183
+
3184
+ :is(.hover\:\*\:text-white:hover > *) {
3185
+ color: var(--color-white);
3186
+ }
3187
+ }
3188
+
3189
+ .focus\:bg-gray-100:focus {
3190
+ background-color: var(--color-gray-100);
3191
+ }
3192
+
3193
+ .focus\:ring-1:focus {
3194
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3195
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3196
+ }
3197
+
3198
+ .focus\:ring-2:focus {
3199
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3200
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3201
+ }
3202
+
3203
+ .focus\:ring-offset-2:focus {
3204
+ --tw-ring-offset-width: 2px;
3205
+ --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3206
+ }
3207
+
3208
+ .focus\:outline-hidden:focus {
3209
+ --tw-outline-style: none;
3210
+ outline-style: none;
3211
+ }
3212
+
3213
+ @media (forced-colors: active) {
3214
+ .focus\:outline-hidden:focus {
3215
+ outline-offset: 2px;
3216
+ outline: 2px solid #0000;
3217
+ }
3218
+ }
3219
+
3220
+ :is(.focus\:\*\:bg-blue-700:focus > *) {
3221
+ background-color: var(--color-blue-700);
3222
+ }
3223
+
3224
+ :is(.focus\:\*\:text-white:focus > *) {
3225
+ color: var(--color-white);
3226
+ }
3227
+
3228
+ .focus-visible\:ring-2:focus-visible {
3229
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3230
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3231
+ }
3232
+
3233
+ .focus-visible\:ring-black:focus-visible {
3234
+ --tw-ring-color: var(--color-black);
3235
+ }
3236
+
3237
+ .focus-visible\:ring-blue-300:focus-visible {
3238
+ --tw-ring-color: var(--color-blue-300);
3239
+ }
3240
+
3241
+ .focus-visible\:ring-blue-700:focus-visible {
3242
+ --tw-ring-color: var(--color-blue-700);
3243
+ }
3244
+
3245
+ .focus-visible\:ring-blue-1000:focus-visible {
3246
+ --tw-ring-color: var(--color-blue-1000);
3247
+ }
3248
+
3249
+ .focus-visible\:ring-red-700:focus-visible {
3250
+ --tw-ring-color: var(--color-red-700);
3251
+ }
3252
+
3253
+ .focus-visible\:ring-red-1000:focus-visible {
3254
+ --tw-ring-color: var(--color-red-1000);
3255
+ }
3256
+
3257
+ .focus-visible\:ring-offset-2:focus-visible {
3258
+ --tw-ring-offset-width: 2px;
3259
+ --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3260
+ }
3261
+
3262
+ .focus-visible\:outline-hidden:focus-visible {
3263
+ --tw-outline-style: none;
3264
+ outline-style: none;
3265
+ }
3266
+
3267
+ @media (forced-colors: active) {
3268
+ .focus-visible\:outline-hidden:focus-visible {
3269
+ outline-offset: 2px;
3270
+ outline: 2px solid #0000;
3271
+ }
3272
+ }
3273
+
3274
+ .active\:bg-blue-200:active {
3275
+ background-color: var(--color-blue-200);
3276
+ }
3277
+
3278
+ .active\:bg-blue-900:active {
3279
+ background-color: var(--color-blue-900);
3280
+ }
3281
+
3282
+ .active\:bg-gray-50:active {
3283
+ background-color: var(--color-gray-50);
3284
+ }
3285
+
3286
+ .active\:bg-gray-100:active {
3287
+ background-color: var(--color-gray-100);
3288
+ }
3289
+
3290
+ .active\:bg-gray-200:active {
3291
+ background-color: var(--color-gray-200);
3292
+ }
3293
+
3294
+ .active\:bg-gray-300:active {
3295
+ background-color: var(--color-gray-300);
3296
+ }
3297
+
3298
+ .active\:bg-gray-500:active {
3299
+ background-color: var(--color-gray-500);
3300
+ }
3301
+
3302
+ .active\:bg-red-200:active {
3303
+ background-color: var(--color-red-200);
3304
+ }
3305
+
3306
+ .active\:bg-red-800:active {
3307
+ background-color: var(--color-red-800);
3308
+ }
3309
+
3310
+ .active\:bg-red-900:active {
3311
+ background-color: var(--color-red-900);
3312
+ }
3313
+
3314
+ .active\:text-blue-900:active {
3315
+ color: var(--color-blue-900);
3316
+ }
3317
+
3318
+ .disabled\:pointer-events-none:disabled {
3319
+ pointer-events: none;
3320
+ }
3321
+
3322
+ .disabled\:cursor-not-allowed:disabled {
3323
+ cursor: not-allowed;
3324
+ }
3325
+
3326
+ .disabled\:opacity-40:disabled {
3327
+ opacity: .4;
3328
+ }
3329
+
3330
+ .disabled\:opacity-50:disabled {
3331
+ opacity: .5;
3332
+ }
3333
+
3334
+ .disabled\:select-none:disabled {
3335
+ user-select: none;
3336
+ }
3337
+
3338
+ :where(.dark-theme) .in-\[\.dark-theme\]\:bg-gray-50 {
3339
+ background-color: var(--color-gray-50);
3340
+ }
3341
+
3342
+ .aria-selected\:rounded-md[aria-selected="true"] {
3343
+ border-radius: var(--radius-md);
3344
+ }
3345
+
3346
+ .aria-selected\:bg-blue-100[aria-selected="true"], :is(.aria-selected\:\*\:bg-blue-100[aria-selected="true"] > *) {
3347
+ background-color: var(--color-blue-100);
3348
+ }
3349
+
3350
+ :is(.aria-selected\:\*\:text-blue-700[aria-selected="true"] > *) {
3351
+ color: var(--color-blue-700);
3352
+ }
3353
+
3354
+ .first\:aria-selected\:rounded-l-md:first-child[aria-selected="true"] {
3355
+ border-top-left-radius: var(--radius-md);
3356
+ border-bottom-left-radius: var(--radius-md);
3357
+ }
3358
+
3359
+ .last\:aria-selected\:rounded-r-md:last-child[aria-selected="true"] {
3360
+ border-top-right-radius: var(--radius-md);
3361
+ border-bottom-right-radius: var(--radius-md);
3362
+ }
3363
+
3364
+ .data-disabled\:pointer-events-none[data-disabled] {
3365
+ pointer-events: none;
3366
+ }
3367
+
3368
+ .data-disabled\:cursor-not-allowed[data-disabled] {
3369
+ cursor: not-allowed;
3370
+ }
3371
+
3372
+ .data-disabled\:opacity-40[data-disabled] {
3373
+ opacity: .4;
3374
+ }
3375
+
3376
+ .data-disabled\:opacity-50[data-disabled] {
3377
+ opacity: .5;
3378
+ }
3379
+
3380
+ .data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] {
3381
+ cursor: not-allowed;
3382
+ }
3383
+
3384
+ .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
3385
+ opacity: .5;
3386
+ }
3387
+
3388
+ .data-\[selected\=true\]\:bg-gray-50[data-selected="true"] {
3389
+ background-color: var(--color-gray-50);
3390
+ }
3391
+
3392
+ .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
3393
+ --tw-translate-y: calc(var(--spacing) * 1);
3394
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3395
+ }
3396
+
3397
+ .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
3398
+ --tw-enter-translate-y: -.5rem;
3399
+ }
3400
+
3401
+ .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
3402
+ --tw-translate-x: calc(var(--spacing) * -1);
3403
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3404
+ }
3405
+
3406
+ .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
3407
+ --tw-enter-translate-x: .5rem;
3408
+ }
3409
+
3410
+ .data-\[side\=right\]\:translate-x-1[data-side="right"] {
3411
+ --tw-translate-x: calc(var(--spacing) * 1);
3412
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3413
+ }
3414
+
3415
+ .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
3416
+ --tw-enter-translate-x: -.5rem;
3417
+ }
3418
+
3419
+ .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
3420
+ --tw-translate-y: calc(var(--spacing) * -1);
3421
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3422
+ }
3423
+
3424
+ .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
3425
+ --tw-enter-translate-y: .5rem;
3426
+ }
3427
+
3428
+ .data-\[size\=xxs\]\:bg-amber-700[data-size="xxs"] {
3429
+ background-color: var(--color-amber-700);
3430
+ }
3431
+
3432
+ .data-\[size\=xxs\]\:bg-blue-700[data-size="xxs"] {
3433
+ background-color: var(--color-blue-700);
3434
+ }
3435
+
3436
+ .data-\[size\=xxs\]\:bg-bronze-700[data-size="xxs"] {
3437
+ background-color: var(--color-bronze-700);
3438
+ }
3439
+
3440
+ .data-\[size\=xxs\]\:bg-brown-700[data-size="xxs"] {
3441
+ background-color: var(--color-brown-700);
3442
+ }
3443
+
3444
+ .data-\[size\=xxs\]\:bg-crimson-700[data-size="xxs"] {
3445
+ background-color: var(--color-crimson-700);
3446
+ }
3447
+
3448
+ .data-\[size\=xxs\]\:bg-cyan-700[data-size="xxs"] {
3449
+ background-color: var(--color-cyan-700);
3450
+ }
3451
+
3452
+ .data-\[size\=xxs\]\:bg-gold-700[data-size="xxs"] {
3453
+ background-color: var(--color-gold-700);
3454
+ }
3455
+
3456
+ .data-\[size\=xxs\]\:bg-grass-700[data-size="xxs"] {
3457
+ background-color: var(--color-grass-700);
3458
+ }
3459
+
3460
+ .data-\[size\=xxs\]\:bg-gray-700[data-size="xxs"] {
3461
+ background-color: var(--color-gray-700);
3462
+ }
3463
+
3464
+ .data-\[size\=xxs\]\:bg-green-700[data-size="xxs"] {
3465
+ background-color: var(--color-green-700);
3466
+ }
3467
+
3468
+ .data-\[size\=xxs\]\:bg-indigo-700[data-size="xxs"] {
3469
+ background-color: var(--color-indigo-700);
3470
+ }
3471
+
3472
+ .data-\[size\=xxs\]\:bg-lime-700[data-size="xxs"] {
3473
+ background-color: var(--color-lime-700);
3474
+ }
3475
+
3476
+ .data-\[size\=xxs\]\:bg-plum-700[data-size="xxs"] {
3477
+ background-color: var(--color-plum-700);
3478
+ }
3479
+
3480
+ .data-\[size\=xxs\]\:bg-purple-700[data-size="xxs"] {
3481
+ background-color: var(--color-purple-700);
3482
+ }
3483
+
3484
+ .data-\[size\=xxs\]\:bg-red-700[data-size="xxs"] {
3485
+ background-color: var(--color-red-700);
3486
+ }
3487
+
3488
+ .data-\[size\=xxs\]\:bg-teal-700[data-size="xxs"] {
3489
+ background-color: var(--color-teal-700);
3490
+ }
3491
+
3492
+ .data-\[size\=xxs\]\:bg-violet-700[data-size="xxs"] {
3493
+ background-color: var(--color-violet-700);
3494
+ }
3495
+
3496
+ .data-\[size\=xxs\]\:bg-yellow-700[data-size="xxs"] {
3497
+ background-color: var(--color-yellow-700);
3498
+ }
3499
+
3500
+ .data-\[state\=active\]\:bg-black[data-state="active"] {
3501
+ background-color: var(--color-black);
3502
+ }
3503
+
3504
+ .data-\[state\=active\]\:bg-white[data-state="active"] {
3505
+ background-color: var(--color-white);
3506
+ }
3507
+
3508
+ .data-\[state\=active\]\:text-blue-700[data-state="active"] {
3509
+ color: var(--color-blue-700);
3510
+ }
3511
+
3512
+ .data-\[state\=active\]\:shadow-xs[data-state="active"] {
3513
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
3514
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3515
+ }
3516
+
3517
+ .data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
3518
+ --tw-translate-x: calc(var(--spacing) * 5);
3519
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3520
+ }
3521
+
3522
+ .data-\[state\=checked\]\:border-blue-700[data-state="checked"] {
3523
+ border-color: var(--color-blue-700);
3524
+ }
3525
+
3526
+ .data-\[state\=checked\]\:bg-blue-700[data-state="checked"] {
3527
+ background-color: var(--color-blue-700);
3528
+ }
3529
+
3530
+ .data-\[state\=checked\]\:bg-gray-50[data-state="checked"] {
3531
+ background-color: var(--color-gray-50);
3532
+ }
3533
+
3534
+ .data-\[state\=checked\]\:bg-white[data-state="checked"] {
3535
+ background-color: var(--color-white);
3536
+ }
3537
+
3538
+ .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
3539
+ animation: var(--animate-accordion-up);
3540
+ }
3541
+
3542
+ .data-\[state\=closed\]\:duration-300[data-state="closed"] {
3543
+ --tw-duration: .3s;
3544
+ transition-duration: .3s;
3545
+ }
3546
+
3547
+ .data-\[state\=closed\]\:animate-out[data-state="closed"] {
3548
+ --tw-exit-opacity: initial;
3549
+ --tw-exit-scale: initial;
3550
+ --tw-exit-rotate: initial;
3551
+ --tw-exit-translate-x: initial;
3552
+ --tw-exit-translate-y: initial;
3553
+ animation-name: exit;
3554
+ animation-duration: .15s;
3555
+ }
3556
+
3557
+ .data-\[state\=closed\]\:duration-300[data-state="closed"] {
3558
+ animation-duration: .3s;
3559
+ }
3560
+
3561
+ .data-\[state\=closed\]\:fade-out[data-state="closed"], .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
3562
+ --tw-exit-opacity: 0;
3563
+ }
3564
+
3565
+ .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
3566
+ --tw-exit-opacity: .8;
3567
+ }
3568
+
3569
+ .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"], .data-\[state\=closed\]\:slide-out-to-bottom-\[100\%\][data-state="closed"] {
3570
+ --tw-exit-translate-y: 100%;
3571
+ }
3572
+
3573
+ .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
3574
+ --tw-exit-translate-x: -100%;
3575
+ }
3576
+
3577
+ .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
3578
+ --tw-exit-translate-x: 100%;
3579
+ }
3580
+
3581
+ .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
3582
+ --tw-exit-translate-y: -100%;
3583
+ }
3584
+
3585
+ .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
3586
+ --tw-exit-scale: .95;
3587
+ }
3588
+
3589
+ .data-\[state\=on\]\:border-blue-700[data-state="on"] {
3590
+ border-color: var(--color-blue-700);
3591
+ }
3592
+
3593
+ .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
3594
+ animation: var(--animate-accordion-down);
3595
+ }
3596
+
3597
+ .data-\[state\=open\]\:duration-500[data-state="open"] {
3598
+ --tw-duration: .5s;
3599
+ transition-duration: .5s;
3600
+ }
3601
+
3602
+ .data-\[state\=open\]\:animate-in[data-state="open"] {
3603
+ --tw-enter-opacity: initial;
3604
+ --tw-enter-scale: initial;
3605
+ --tw-enter-rotate: initial;
3606
+ --tw-enter-translate-x: initial;
3607
+ --tw-enter-translate-y: initial;
3608
+ animation-name: enter;
3609
+ animation-duration: .15s;
3610
+ }
3611
+
3612
+ .data-\[state\=open\]\:duration-500[data-state="open"] {
3613
+ animation-duration: .5s;
3614
+ }
3615
+
3616
+ .data-\[state\=open\]\:fade-in-0[data-state="open"] {
3617
+ --tw-enter-opacity: 0;
3618
+ }
3619
+
3620
+ .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"], .data-\[state\=open\]\:slide-in-from-bottom-\[100\%\][data-state="open"] {
3621
+ --tw-enter-translate-y: 100%;
3622
+ }
3623
+
3624
+ .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
3625
+ --tw-enter-translate-x: -100%;
3626
+ }
3627
+
3628
+ .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
3629
+ --tw-enter-translate-x: 100%;
3630
+ }
3631
+
3632
+ .data-\[state\=open\]\:slide-in-from-top[data-state="open"], .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
3633
+ --tw-enter-translate-y: -100%;
3634
+ }
3635
+
3636
+ .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
3637
+ --tw-enter-scale: .95;
3638
+ }
3639
+
3640
+ .data-\[state\=selected\]\:bg-gray-50[data-state="selected"] {
3641
+ background-color: var(--color-gray-50);
3642
+ }
3643
+
3644
+ .data-disabled\:data-\[state\=unchecked\]\:bg-gray-300[data-disabled][data-state="unchecked"] {
3645
+ background-color: var(--color-gray-300);
3646
+ }
3647
+
3648
+ .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
3649
+ --tw-translate-x: calc(var(--spacing) * 0);
3650
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3651
+ }
3652
+
3653
+ .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
3654
+ --tw-translate-x: var(--radix-toast-swipe-end-x);
3655
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3656
+ }
3657
+
3658
+ .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
3659
+ --tw-exit-opacity: initial;
3660
+ --tw-exit-scale: initial;
3661
+ --tw-exit-rotate: initial;
3662
+ --tw-exit-translate-x: initial;
3663
+ --tw-exit-translate-y: initial;
3664
+ animation-name: exit;
3665
+ animation-duration: .15s;
3666
+ }
3667
+
3668
+ .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
3669
+ --tw-translate-x: var(--radix-toast-swipe-move-x);
3670
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3671
+ }
3672
+
3673
+ .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
3674
+ transition-property: none;
3675
+ }
3676
+
3677
+ @media not all and (width >= 64rem) {
3678
+ .max-lg\:mt-8 {
3679
+ margin-top: calc(var(--spacing) * 8);
3680
+ }
3681
+
3682
+ .max-lg\:hidden {
3683
+ display: none;
3684
+ }
3685
+
3686
+ .max-lg\:h-\[250px\] {
3687
+ height: 250px;
3688
+ }
3689
+
3690
+ .max-lg\:w-full {
3691
+ width: 100%;
3692
+ }
3693
+
3694
+ .max-lg\:flex-col {
3695
+ flex-direction: column;
3696
+ }
3697
+ }
3698
+
3699
+ @media not all and (width >= 40rem) {
3700
+ .max-sm\:gap-4 {
3701
+ gap: calc(var(--spacing) * 4);
3702
+ }
3703
+
3704
+ .max-sm\:p-4 {
3705
+ padding: calc(var(--spacing) * 4);
3706
+ }
3707
+ }
3708
+
3709
+ @media (width >= 40rem) {
3710
+ .sm\:mt-0 {
3711
+ margin-top: calc(var(--spacing) * 0);
3712
+ }
3713
+
3714
+ .sm\:w-1\/2 {
3715
+ width: 50%;
3716
+ }
3717
+
3718
+ .sm\:max-w-md {
3719
+ max-width: var(--container-md);
3720
+ }
3721
+
3722
+ .sm\:max-w-sm {
3723
+ max-width: var(--container-sm);
3724
+ }
3725
+
3726
+ .sm\:flex-col {
3727
+ flex-direction: column;
3728
+ }
3729
+
3730
+ .sm\:flex-row {
3731
+ flex-direction: row;
3732
+ }
3733
+
3734
+ .sm\:justify-center {
3735
+ justify-content: center;
3736
+ }
3737
+
3738
+ .sm\:justify-end {
3739
+ justify-content: flex-end;
3740
+ }
3741
+
3742
+ .sm\:gap-3\.5 {
3743
+ gap: calc(var(--spacing) * 3.5);
3744
+ }
3745
+
3746
+ :where(.sm\:space-x-2 > :not(:last-child)) {
3747
+ --tw-space-x-reverse: 0;
3748
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
3749
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
3750
+ }
3751
+
3752
+ .sm\:data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"] {
3753
+ --tw-enter-translate-y: 100%;
3754
+ }
3755
+ }
3756
+
3757
+ @media (width >= 48rem) {
3758
+ .md\:block {
3759
+ display: block;
3760
+ }
3761
+
3762
+ .md\:h-\[550px\] {
3763
+ height: 550px;
3764
+ }
3765
+
3766
+ .md\:w-\[300px\] {
3767
+ width: 300px;
3768
+ }
3769
+
3770
+ .md\:w-\[334px\] {
3771
+ width: 334px;
3772
+ }
3773
+
3774
+ .md\:w-\[1000px\] {
3775
+ width: 1000px;
3776
+ }
3777
+
3778
+ .md\:w-auto {
3779
+ width: auto;
3780
+ }
3781
+
3782
+ .md\:w-full {
3783
+ width: 100%;
3784
+ }
3785
+
3786
+ .md\:w-screen {
3787
+ width: 100vw;
3788
+ }
3789
+
3790
+ .md\:max-w-\[90vw\] {
3791
+ max-width: 90vw;
3792
+ }
3793
+
3794
+ .md\:max-w-\[420px\] {
3795
+ max-width: 420px;
3796
+ }
3797
+
3798
+ .md\:min-w-\[500px\] {
3799
+ min-width: 500px;
3800
+ }
3801
+
3802
+ .md\:flex-row {
3803
+ flex-direction: row;
3804
+ }
3805
+
3806
+ .md\:items-center {
3807
+ align-items: center;
3808
+ }
3809
+
3810
+ .md\:justify-start {
3811
+ justify-content: flex-start;
3812
+ }
3813
+
3814
+ .md\:gap-0 {
3815
+ gap: calc(var(--spacing) * 0);
3816
+ }
3817
+
3818
+ .md\:gap-3\.5 {
3819
+ gap: calc(var(--spacing) * 3.5);
3820
+ }
3821
+
3822
+ .md\:gap-4 {
3823
+ gap: calc(var(--spacing) * 4);
3824
+ }
3825
+
3826
+ .md\:gap-8 {
3827
+ gap: calc(var(--spacing) * 8);
3828
+ }
3829
+
3830
+ :where(.md\:divide-y > :not(:last-child)) {
3831
+ --tw-divide-y-reverse: 0;
3832
+ border-bottom-style: var(--tw-border-style);
3833
+ border-top-style: var(--tw-border-style);
3834
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
3835
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
3836
+ }
3837
+
3838
+ .md\:border-0 {
3839
+ border-style: var(--tw-border-style);
3840
+ border-width: 0;
3841
+ }
3842
+
3843
+ .md\:bg-gray-50 {
3844
+ background-color: var(--color-gray-50);
3845
+ }
3846
+
3847
+ .md\:bg-transparent {
3848
+ background-color: #0000;
3849
+ }
3850
+
3851
+ .md\:p-0 {
3852
+ padding: calc(var(--spacing) * 0);
3853
+ }
3854
+
3855
+ .md\:p-4 {
3856
+ padding: calc(var(--spacing) * 4);
3857
+ }
3858
+
3859
+ .md\:p-6 {
3860
+ padding: calc(var(--spacing) * 6);
3861
+ }
3862
+
3863
+ .md\:p-8 {
3864
+ padding: calc(var(--spacing) * 8);
3865
+ }
3866
+ }
3867
+
3868
+ @media (width >= 64rem) {
3869
+ .lg\:flex-col {
3870
+ flex-direction: column;
3871
+ }
3872
+
3873
+ .lg\:items-center {
3874
+ align-items: center;
3875
+ }
3876
+
3877
+ .lg\:gap-2 {
3878
+ gap: calc(var(--spacing) * 2);
3879
+ }
3880
+
3881
+ .lg\:gap-3\.5 {
3882
+ gap: calc(var(--spacing) * 3.5);
3883
+ }
3884
+
3885
+ .lg\:gap-8 {
3886
+ gap: calc(var(--spacing) * 8);
3887
+ }
3888
+
3889
+ .lg\:rounded-lg {
3890
+ border-radius: var(--radius-lg);
3891
+ }
3892
+
3893
+ .lg\:border {
3894
+ border-style: var(--tw-border-style);
3895
+ border-width: 1px;
3896
+ }
3897
+
3898
+ .lg\:border-gray-200 {
3899
+ border-color: var(--color-gray-200);
3900
+ }
3901
+
3902
+ .lg\:bg-pattern {
3903
+ background-image: var(--background-image-pattern);
3904
+ }
3905
+
3906
+ .lg\:p-6 {
3907
+ padding: calc(var(--spacing) * 6);
3908
+ }
3909
+
3910
+ .lg\:text-center {
3911
+ text-align: center;
3912
+ }
3913
+
3914
+ .lg\:text-4xl {
3915
+ font-size: var(--text-4xl);
3916
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
3917
+ letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
3918
+ }
3919
+ }
3920
+
3921
+ @media (width >= 80rem) {
3922
+ .xl\:gap-3\.5 {
3923
+ gap: calc(var(--spacing) * 3.5);
3924
+ }
3925
+
3926
+ .xl\:rounded-none {
3927
+ border-radius: 0;
3928
+ }
3929
+ }
3930
+
3931
+ @media (width >= 96rem) {
3932
+ .\32 xl\:gap-3\.5 {
3933
+ gap: calc(var(--spacing) * 3.5);
3934
+ }
3935
+ }
3936
+
3937
+ .dark\:bg-white\/50:where(.dark-theme, .dark-theme *) {
3938
+ background-color: var(--color-white);
3939
+ }
3940
+
3941
+ @supports (color: color-mix(in lab, red, red)) {
3942
+ .dark\:bg-white\/50:where(.dark-theme, .dark-theme *) {
3943
+ background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
3944
+ }
3945
+ }
3946
+
3947
+ .dark\:fill-black:where(.dark-theme, .dark-theme *) {
3948
+ fill: var(--color-black);
3949
+ }
3950
+
3951
+ .dark\:text-black:where(.dark-theme, .dark-theme *), :is(.dark\:\*\:text-black:where(.dark-theme, .dark-theme *) > *) {
3952
+ color: var(--color-black);
3953
+ }
3954
+
3955
+ @media (hover: hover) {
3956
+ :is(.dark\:hover\:\*\:text-black:where(.dark-theme, .dark-theme *):hover > *) {
3957
+ color: var(--color-black);
3958
+ }
3959
+ }
3960
+
3961
+ :is(.dark\:focus\:\*\:text-black:where(.dark-theme, .dark-theme *):focus > *), .dark\:data-\[state\=active\]\:text-black:where(.dark-theme, .dark-theme *)[data-state="active"] {
3962
+ color: var(--color-black);
3963
+ }
3964
+
3965
+ .dark\:data-\[state\=active\]\:text-white:where(.dark-theme, .dark-theme *)[data-state="active"] {
3966
+ color: var(--color-white);
3967
+ }
3968
+
3969
+ .dark\:data-\[state\=checked\]\:bg-black:where(.dark-theme, .dark-theme *)[data-state="checked"] {
3970
+ background-color: var(--color-black);
3971
+ }
3972
+
3973
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
3974
+ padding-inline: calc(var(--spacing) * 2);
3975
+ }
3976
+
3977
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
3978
+ padding-block: calc(var(--spacing) * 1.5);
3979
+ }
3980
+
3981
+ .\[\&_\[cmdk-group-heading\]\]\:text-sm [cmdk-group-heading] {
3982
+ font-size: var(--text-sm);
3983
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3984
+ letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
3985
+ }
3986
+
3987
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
3988
+ --tw-font-weight: var(--font-weight-medium);
3989
+ font-weight: var(--font-weight-medium);
3990
+ }
3991
+
3992
+ .\[\&_\[cmdk-group-heading\]\]\:text-black [cmdk-group-heading] {
3993
+ color: var(--color-black);
3994
+ }
3995
+
3996
+ .\[\&_tr\]\:border-b tr {
3997
+ border-bottom-style: var(--tw-border-style);
3998
+ border-bottom-width: 1px;
3999
+ }
4000
+
4001
+ .\[\&_tr\:active\]\:bg-gray-50 tr:active {
4002
+ background-color: var(--color-gray-50);
4003
+ }
4004
+
4005
+ .\[\&_tr\:hover\]\:bg-gray-25 tr:hover {
4006
+ background-color: var(--color-gray-25);
4007
+ }
4008
+
4009
+ .\[\&_tr\:hover\:active\]\:bg-gray-50 tr:hover:active {
4010
+ background-color: var(--color-gray-50);
4011
+ }
4012
+
4013
+ .\[\&_tr\:last-child\]\:border-0 tr:last-child {
4014
+ border-style: var(--tw-border-style);
4015
+ border-width: 0;
4016
+ }
4017
+
4018
+ .aria-selected\:\[\&\.day-outside\]\:bg-blue-100\/50[aria-selected="true"].day-outside {
4019
+ background-color: var(--color-blue-100);
4020
+ }
4021
+
4022
+ @supports (color: color-mix(in lab, red, red)) {
4023
+ .aria-selected\:\[\&\.day-outside\]\:bg-blue-100\/50[aria-selected="true"].day-outside {
4024
+ background-color: color-mix(in oklab, var(--color-blue-100) 50%, transparent);
4025
+ }
4026
+ }
4027
+
4028
+ .\[\&\.day-range-end\]\:rounded-r-md.day-range-end, .aria-selected\:\[\&\.day-range-end\]\:rounded-r-md[aria-selected="true"].day-range-end {
4029
+ border-top-right-radius: var(--radius-md);
4030
+ border-bottom-right-radius: var(--radius-md);
4031
+ }
4032
+
4033
+ .\[\&\.day-range-start\]\:rounded-l-md.day-range-start {
4034
+ border-top-left-radius: var(--radius-md);
4035
+ border-bottom-left-radius: var(--radius-md);
4036
+ }
4037
+
4038
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
4039
+ padding-right: calc(var(--spacing) * 0);
4040
+ }
4041
+
4042
+ .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
4043
+ --tw-translate-y: 2px;
4044
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4045
+ }
4046
+
4047
+ .\[\&\>button\]\:w-full > button {
4048
+ width: 100%;
4049
+ }
4050
+
4051
+ .\[\&\>svg\]\:h-4 > svg {
4052
+ height: calc(var(--spacing) * 4);
4053
+ }
4054
+
4055
+ .\[\&\>svg\]\:w-auto > svg {
4056
+ width: auto;
4057
+ }
4058
+
4059
+ .\[\&\>svg\]\:text-black > svg {
4060
+ color: var(--color-black);
4061
+ }
4062
+
4063
+ .\[\&\>svg\]\:text-blue-700 > svg {
4064
+ color: var(--color-blue-700);
4065
+ }
4066
+
4067
+ .\[\&\>svg\]\:text-red-700 > svg {
4068
+ color: var(--color-red-700);
4069
+ }
4070
+
4071
+ .\[\&\>svg\]\:text-white > svg {
4072
+ color: var(--color-white);
4073
+ }
4074
+
4075
+ .dark\:\[\&\>svg\]\:text-black:where(.dark-theme, .dark-theme *) > svg {
4076
+ color: var(--color-black);
4077
+ }
4078
+ }
4079
+
4080
+ * {
4081
+ box-sizing: border-box;
4082
+ -webkit-font-smoothing: antialiased;
4083
+ }
4084
+
4085
+ :root, .light-theme {
4086
+ --color-white: #fff;
4087
+ --color-black: #121212;
4088
+ --color-gray-25: #fcfcfc;
4089
+ --color-gray-50: #f7f7f7;
4090
+ --color-gray-100: #f2f2f2;
4091
+ --color-gray-200: #ededed;
4092
+ --color-gray-300: #e8e8e8;
4093
+ --color-gray-400: #e3e3e3;
4094
+ --color-gray-500: #dbdbdb;
4095
+ --color-gray-600: #c7c7c7;
4096
+ --color-gray-700: #8f8f8f;
4097
+ --color-gray-800: #858585;
4098
+ --color-gray-900: #707070;
4099
+ --color-gray-1000: #171717;
4100
+ --color-blue-25: #fafcff;
4101
+ --color-blue-50: #f5f9ff;
4102
+ --color-blue-100: #f0f6ff;
4103
+ --color-blue-200: #d7e7fe;
4104
+ --color-blue-300: #c7deff;
4105
+ --color-blue-400: #b8d5ff;
4106
+ --color-blue-500: #85b8ff;
4107
+ --color-blue-600: #579dff;
4108
+ --color-blue-700: #006aff;
4109
+ --color-blue-800: #005bdb;
4110
+ --color-blue-900: #004db8;
4111
+ --color-blue-1000: #002252;
4112
+ --color-red-25: snow;
4113
+ --color-red-50: snow;
4114
+ --color-red-100: #fff0f0;
4115
+ --color-red-200: #ffe5e5;
4116
+ --color-red-300: #fdd8d8;
4117
+ --color-red-400: #f9c8c8;
4118
+ --color-red-500: #f3afb0;
4119
+ --color-red-600: #ea8f90;
4120
+ --color-red-700: #e5484d;
4121
+ --color-red-800: #db3d42;
4122
+ --color-red-900: #ce2c31;
4123
+ --color-red-1000: #391417;
4124
+ --color-amber-25: #fffcf6;
4125
+ --color-amber-50: #fffaf2;
4126
+ --color-amber-100: #fff9ed;
4127
+ --color-amber-200: #fff3de;
4128
+ --color-amber-300: #ffefd1;
4129
+ --color-amber-400: #ffe8bd;
4130
+ --color-amber-500: #ffdd9f;
4131
+ --color-amber-600: #ffcf77;
4132
+ --color-amber-700: #ffb224;
4133
+ --color-amber-800: #f9a710;
4134
+ --color-amber-900: #e4980c;
4135
+ --color-amber-1000: #4e2009;
4136
+ --color-green-25: #fbfefc;
4137
+ --color-green-50: #f3fcf5;
4138
+ --color-green-100: #ebfaf0;
4139
+ --color-green-200: #ddf3e4;
4140
+ --color-green-300: #ccebd7;
4141
+ --color-green-400: #b4dfc4;
4142
+ --color-green-500: #92ceac;
4143
+ --color-green-600: #5bb98b;
4144
+ --color-green-700: #30a66d;
4145
+ --color-green-800: #2a9865;
4146
+ --color-green-900: #18774c;
4147
+ --color-green-1000: #153226;
4148
+ --color-tomato-25: snow;
4149
+ --color-tomato-50: #fff6f5;
4150
+ --color-tomato-100: #fff1f0;
4151
+ --color-tomato-200: #ffe4e0;
4152
+ --color-tomato-300: #fdd8d3;
4153
+ --color-tomato-400: #fac6bd;
4154
+ --color-tomato-500: #f3aea0;
4155
+ --color-tomato-600: #ea9280;
4156
+ --color-tomato-700: #e54d2e;
4157
+ --color-tomato-800: #db4224;
4158
+ --color-tomato-900: #cc3314;
4159
+ --color-tomato-1000: #361811;
4160
+ --color-crimson-25: #fffafc;
4161
+ --color-crimson-50: #fff5fa;
4162
+ --color-crimson-100: #fef1f7;
4163
+ --color-crimson-200: #fce4ef;
4164
+ --color-crimson-300: #f9d7e6;
4165
+ --color-crimson-400: #f4c7dc;
4166
+ --color-crimson-500: #edabc7;
4167
+ --color-crimson-600: #e58fb2;
4168
+ --color-crimson-700: #ea3e83;
4169
+ --color-crimson-800: #e13378;
4170
+ --color-crimson-900: #d21e66;
4171
+ --color-crimson-1000: #3f0d1e;
4172
+ --color-pink-25: #fffafd;
4173
+ --color-pink-50: #fff5fb;
4174
+ --color-pink-100: #feecf7;
4175
+ --color-pink-200: #fce4f3;
4176
+ --color-pink-300: #f9d7eb;
4177
+ --color-pink-400: #f3c4e1;
4178
+ --color-pink-500: #ecacd3;
4179
+ --color-pink-600: #e28dc2;
4180
+ --color-pink-700: #d742a0;
4181
+ --color-pink-800: #d23297;
4182
+ --color-pink-900: #cd1d8d;
4183
+ --color-pink-1000: #3d0a2b;
4184
+ --color-plum-25: #fdfaff;
4185
+ --color-plum-50: #fffaff;
4186
+ --color-plum-100: #fceefc;
4187
+ --color-plum-200: #f9e6f9;
4188
+ --color-plum-300: #f3d7f4;
4189
+ --color-plum-400: #ecc9ee;
4190
+ --color-plum-500: #dfb0e3;
4191
+ --color-plum-600: #cf92d9;
4192
+ --color-plum-700: #ab4aba;
4193
+ --color-plum-800: #a43cb4;
4194
+ --color-plum-900: #9a2bab;
4195
+ --color-plum-1000: #340c3b;
4196
+ --color-purple-25: #fefbfe;
4197
+ --color-purple-50: #fdfaff;
4198
+ --color-purple-100: #f9f1fe;
4199
+ --color-purple-200: #f4e8fc;
4200
+ --color-purple-300: #eddcf9;
4201
+ --color-purple-400: #e4cdf4;
4202
+ --color-purple-500: #d4b5ed;
4203
+ --color-purple-600: #bf95e4;
4204
+ --color-purple-700: #8e4ec6;
4205
+ --color-purple-800: #8344bb;
4206
+ --color-purple-900: #793bb0;
4207
+ --color-purple-1000: #2b0e44;
4208
+ --color-violet-25: #fcfbfe;
4209
+ --color-violet-50: #fbfaff;
4210
+ --color-violet-100: #f3f0ff;
4211
+ --color-violet-200: #ebe7fe;
4212
+ --color-violet-300: #e4defc;
4213
+ --color-violet-400: #d5cdf9;
4214
+ --color-violet-500: #c5b9f3;
4215
+ --color-violet-600: #a898ec;
4216
+ --color-violet-700: #6d54cf;
4217
+ --color-violet-800: #634ec1;
4218
+ --color-violet-900: #5746af;
4219
+ --color-violet-1000: #1f1249;
4220
+ --color-indigo-25: #fcfcfd;
4221
+ --color-indigo-50: #fafbff;
4222
+ --color-indigo-100: #f0f4ff;
4223
+ --color-indigo-200: #e7edfe;
4224
+ --color-indigo-300: #d9e2fc;
4225
+ --color-indigo-400: #c8d5f9;
4226
+ --color-indigo-500: #adbff5;
4227
+ --color-indigo-600: #8fa6ef;
4228
+ --color-indigo-700: #3c61dd;
4229
+ --color-indigo-800: #385bcc;
4230
+ --color-indigo-900: #3451b2;
4231
+ --color-indigo-1000: #101d47;
4232
+ --color-cyan-25: #fbfdfe;
4233
+ --color-cyan-50: #f2fcfd;
4234
+ --color-cyan-100: #e9f9fb;
4235
+ --color-cyan-200: #daf4f7;
4236
+ --color-cyan-300: #c3e9ef;
4237
+ --color-cyan-400: #a8dee6;
4238
+ --color-cyan-500: #85cedb;
4239
+ --color-cyan-600: #3fb9cf;
4240
+ --color-cyan-700: #05a2c2;
4241
+ --color-cyan-800: #0895b4;
4242
+ --color-cyan-900: #0c7792;
4243
+ --color-cyan-1000: #04323e;
4244
+ --color-teal-25: #fbfefd;
4245
+ --color-teal-50: #f2fcfa;
4246
+ --color-teal-100: #e7f9f5;
4247
+ --color-teal-200: #d8f3ed;
4248
+ --color-teal-300: #c7ebe5;
4249
+ --color-teal-400: #afdfd7;
4250
+ --color-teal-500: #8dcec3;
4251
+ --color-teal-600: #55b9ac;
4252
+ --color-teal-700: #12a594;
4253
+ --color-teal-800: #0e9a8a;
4254
+ --color-teal-900: #067a6e;
4255
+ --color-teal-1000: #11322d;
4256
+ --color-grass-25: #fbfefb;
4257
+ --color-grass-50: #f3fcf3;
4258
+ --color-grass-100: #ebf9eb;
4259
+ --color-grass-200: #def2de;
4260
+ --color-grass-300: #cceacd;
4261
+ --color-grass-400: #b9dfbc;
4262
+ --color-grass-500: #96cf9b;
4263
+ --color-grass-600: #64b974;
4264
+ --color-grass-700: #45a557;
4265
+ --color-grass-800: #3d994f;
4266
+ --color-grass-900: #297a3a;
4267
+ --color-grass-1000: #1b311e;
4268
+ --color-brown-25: #fefcfb;
4269
+ --color-brown-50: #fcfaf7;
4270
+ --color-brown-100: #f9f2ec;
4271
+ --color-brown-200: #f4e8dc;
4272
+ --color-brown-300: #efddcd;
4273
+ --color-brown-400: #e8cdb5;
4274
+ --color-brown-500: #ddb997;
4275
+ --color-brown-600: #d09e71;
4276
+ --color-brown-700: #ad7f58;
4277
+ --color-brown-800: #a27653;
4278
+ --color-brown-900: #886349;
4279
+ --color-brown-1000: #3f2c22;
4280
+ --color-orange-25: #fefcfb;
4281
+ --color-orange-50: #fef9f6;
4282
+ --color-orange-100: #fff0e5;
4283
+ --color-orange-200: #ffe8d6;
4284
+ --color-orange-300: #ffdbc2;
4285
+ --color-orange-400: #ffcca8;
4286
+ --color-orange-500: #ffb280;
4287
+ --color-orange-600: #fa924c;
4288
+ --color-orange-700: #f76808;
4289
+ --color-orange-800: #eb5e00;
4290
+ --color-orange-900: #bd4b00;
4291
+ --color-orange-1000: #451e11;
4292
+ --color-sky-25: #fafeff;
4293
+ --color-sky-50: #f0fcff;
4294
+ --color-sky-100: #e5f9ff;
4295
+ --color-sky-200: #d3f3fd;
4296
+ --color-sky-300: #c3ecf9;
4297
+ --color-sky-400: #a2def1;
4298
+ --color-sky-500: #7bd0ea;
4299
+ --color-sky-600: #2ebee5;
4300
+ --color-sky-700: #68ddfd;
4301
+ --color-sky-800: #5dd3f4;
4302
+ --color-sky-900: #007aa3;
4303
+ --color-sky-1000: #003242;
4304
+ --color-mint-25: #fbfefe;
4305
+ --color-mint-50: #f1fefa;
4306
+ --color-mint-100: #e0fbf3;
4307
+ --color-mint-200: #d4f7ee;
4308
+ --color-mint-300: #c2efe4;
4309
+ --color-mint-400: #a5e4d4;
4310
+ --color-mint-500: #7dd4bf;
4311
+ --color-mint-600: #40c4aa;
4312
+ --color-mint-700: #70e1c8;
4313
+ --color-mint-800: #68d9c1;
4314
+ --color-mint-900: #147b6d;
4315
+ --color-mint-1000: #09342e;
4316
+ --color-lime-25: #fdfefb;
4317
+ --color-lime-50: #f6fcee;
4318
+ --color-lime-100: #eefadb;
4319
+ --color-lime-200: #e3f7c5;
4320
+ --color-lime-300: #d7f2b0;
4321
+ --color-lime-400: #cae996;
4322
+ --color-lime-500: #b1d16b;
4323
+ --color-lime-600: #94ba2c;
4324
+ --color-lime-700: #99d52a;
4325
+ --color-lime-800: #93c926;
4326
+ --color-lime-900: #5d770d;
4327
+ --color-lime-1000: #273409;
4328
+ --color-yellow-25: #fcfcf7;
4329
+ --color-yellow-50: #fffce5;
4330
+ --color-yellow-100: #fffbd1;
4331
+ --color-yellow-200: #fff8bd;
4332
+ --color-yellow-300: #fef2a4;
4333
+ --color-yellow-400: #f9e78b;
4334
+ --color-yellow-500: #efd26c;
4335
+ --color-yellow-600: #f5d90a;
4336
+ --color-yellow-700: #ebbc00;
4337
+ --color-yellow-800: #f5cc00;
4338
+ --color-yellow-900: #946800;
4339
+ --color-yellow-1000: #34280f;
4340
+ --color-gold-25: #fdfdfc;
4341
+ --color-gold-50: #fbfaf3;
4342
+ --color-gold-100: #f6f3ea;
4343
+ --color-gold-200: #eeeadd;
4344
+ --color-gold-300: #e6e0d1;
4345
+ --color-gold-400: #dad1be;
4346
+ --color-gold-500: #cbbda4;
4347
+ --color-gold-600: #b8a384;
4348
+ --color-gold-700: #968264;
4349
+ --color-gold-800: #8d7a5e;
4350
+ --color-gold-900: #776750;
4351
+ --color-gold-1000: #3b352b;
4352
+ --color-bronze-25: #fdfcfc;
4353
+ --color-bronze-50: #fdf8f7;
4354
+ --color-bronze-100: #f8f0ed;
4355
+ --color-bronze-200: #f2e8e3;
4356
+ --color-bronze-300: #eaddd7;
4357
+ --color-bronze-400: #e0cec7;
4358
+ --color-bronze-500: #d0b8af;
4359
+ --color-bronze-600: #be9f93;
4360
+ --color-bronze-700: #a18072;
4361
+ --color-bronze-800: #967669;
4362
+ --color-bronze-900: #846358;
4363
+ --color-bronze-1000: #44312c;
4364
+ }
4365
+
4366
+ .dark-theme {
4367
+ --color-white: #121212;
4368
+ --color-black: #fff;
4369
+ --color-gray-25: #171717;
4370
+ --color-gray-50: #1c1c1c;
4371
+ --color-gray-100: #242424;
4372
+ --color-gray-200: #292929;
4373
+ --color-gray-300: #2e2e2e;
4374
+ --color-gray-400: #333;
4375
+ --color-gray-500: #3d3d3d;
4376
+ --color-gray-600: #4f4f4f;
4377
+ --color-gray-700: #707070;
4378
+ --color-gray-800: #7d7d7d;
4379
+ --color-gray-900: #a1a1a1;
4380
+ --color-gray-1000: #ededed;
4381
+ --color-blue-25: #0f161f;
4382
+ --color-blue-50: #0f1c2e;
4383
+ --color-blue-100: #10233d;
4384
+ --color-blue-200: #102a4c;
4385
+ --color-blue-300: #0f2f57;
4386
+ --color-blue-400: #0d3868;
4387
+ --color-blue-500: #0a4380;
4388
+ --color-blue-600: #0954a5;
4389
+ --color-blue-700: #0091ff;
4390
+ --color-blue-800: #389fff;
4391
+ --color-blue-900: #52a8ff;
4392
+ --color-blue-1000: #ebf6ff;
4393
+ --color-red-25: #201315;
4394
+ --color-red-50: #291415;
4395
+ --color-red-100: #3a1719;
4396
+ --color-red-200: #471a1d;
4397
+ --color-red-300: #551b1f;
4398
+ --color-red-400: #671e21;
4399
+ --color-red-500: #832126;
4400
+ --color-red-600: #a82428;
4401
+ --color-red-700: #e5484d;
4402
+ --color-red-800: #f2545a;
4403
+ --color-red-900: #ff6166;
4404
+ --color-red-1000: #feecee;
4405
+ --color-amber-25: #1f1300;
4406
+ --color-amber-50: #291800;
4407
+ --color-amber-100: #331b00;
4408
+ --color-amber-200: #3d2100;
4409
+ --color-amber-300: #4d2a00;
4410
+ --color-amber-400: #573300;
4411
+ --color-amber-500: #6b4105;
4412
+ --color-amber-600: #804d00;
4413
+ --color-amber-700: #ffb224;
4414
+ --color-amber-800: #ffbb3d;
4415
+ --color-amber-900: #ffc457;
4416
+ --color-amber-1000: #fef3dc;
4417
+ --color-green-25: #0c1811;
4418
+ --color-green-50: #0b1d16;
4419
+ --color-green-100: #0f291e;
4420
+ --color-green-200: #113123;
4421
+ --color-green-300: #133929;
4422
+ --color-green-400: #164531;
4423
+ --color-green-500: #1b553b;
4424
+ --color-green-600: #226d49;
4425
+ --color-green-700: #30a66d;
4426
+ --color-green-800: #3caf77;
4427
+ --color-green-900: #4bc389;
4428
+ --color-green-1000: #e5fbea;
4429
+ --color-tomato-25: #1c1412;
4430
+ --color-tomato-50: #29130f;
4431
+ --color-tomato-100: #3a1713;
4432
+ --color-tomato-200: #481a14;
4433
+ --color-tomato-300: #561d15;
4434
+ --color-tomato-400: #642016;
4435
+ --color-tomato-500: #7f2315;
4436
+ --color-tomato-600: #a52b12;
4437
+ --color-tomato-700: #e54d2e;
4438
+ --color-tomato-800: #ec5d41;
4439
+ --color-tomato-900: #f16b50;
4440
+ --color-tomato-1000: #feefec;
4441
+ --color-crimson-25: #1e1519;
4442
+ --color-crimson-50: #28151d;
4443
+ --color-crimson-100: #3a1726;
4444
+ --color-crimson-200: #471a2d;
4445
+ --color-crimson-300: #551b33;
4446
+ --color-crimson-400: #631d3a;
4447
+ --color-crimson-500: #811d45;
4448
+ --color-crimson-600: #ae1955;
4449
+ --color-crimson-700: #ea3e83;
4450
+ --color-crimson-800: #f05189;
4451
+ --color-crimson-900: #f75f8f;
4452
+ --color-crimson-1000: #feecf4;
4453
+ --color-pink-25: #20131c;
4454
+ --color-pink-50: #281522;
4455
+ --color-pink-100: #3a182f;
4456
+ --color-pink-200: #461b38;
4457
+ --color-pink-300: #501b3f;
4458
+ --color-pink-400: #621d4a;
4459
+ --color-pink-500: #7c1d5b;
4460
+ --color-pink-600: #a51871;
4461
+ --color-pink-700: #d742a0;
4462
+ --color-pink-800: #e34aa8;
4463
+ --color-pink-900: #f65ab5;
4464
+ --color-pink-1000: #feecf7;
4465
+ --color-plum-25: #1c121c;
4466
+ --color-plum-50: #241424;
4467
+ --color-plum-100: #331a33;
4468
+ --color-plum-200: #3e1c3f;
4469
+ --color-plum-300: #48214a;
4470
+ --color-plum-400: #552659;
4471
+ --color-plum-500: #6b2e70;
4472
+ --color-plum-600: #883894;
4473
+ --color-plum-700: #ab4aba;
4474
+ --color-plum-800: #bc53c6;
4475
+ --color-plum-900: #d864d8;
4476
+ --color-plum-1000: #fbedfc;
4477
+ --color-purple-25: #1c151e;
4478
+ --color-purple-50: #231528;
4479
+ --color-purple-100: #2e1938;
4480
+ --color-purple-200: #3a1e48;
4481
+ --color-purple-300: #422154;
4482
+ --color-purple-400: #4f2768;
4483
+ --color-purple-500: #5f2e85;
4484
+ --color-purple-600: #7938b2;
4485
+ --color-purple-700: #8e4ec6;
4486
+ --color-purple-800: #9c5bd2;
4487
+ --color-purple-900: #bf7af0;
4488
+ --color-purple-1000: #f8edfc;
4489
+ --color-violet-25: #17151e;
4490
+ --color-violet-50: #1c172b;
4491
+ --color-violet-100: #241d3e;
4492
+ --color-violet-200: #2b224f;
4493
+ --color-violet-300: #32265e;
4494
+ --color-violet-400: #392c72;
4495
+ --color-violet-500: #443592;
4496
+ --color-violet-600: #5741c3;
4497
+ --color-violet-700: #6d54cf;
4498
+ --color-violet-800: #7b65dc;
4499
+ --color-violet-900: #9f8dfc;
4500
+ --color-violet-1000: #efecfe;
4501
+ --color-indigo-25: #131620;
4502
+ --color-indigo-50: #15192d;
4503
+ --color-indigo-100: #18203e;
4504
+ --color-indigo-200: #1c274f;
4505
+ --color-indigo-300: #1f2c5c;
4506
+ --color-indigo-400: #22336d;
4507
+ --color-indigo-500: #273f8b;
4508
+ --color-indigo-600: #2f4db1;
4509
+ --color-indigo-700: #3c61dd;
4510
+ --color-indigo-800: #5474e8;
4511
+ --color-indigo-900: #859dff;
4512
+ --color-indigo-1000: #edf0fd;
4513
+ --color-cyan-25: #07191d;
4514
+ --color-cyan-50: #061d23;
4515
+ --color-cyan-100: #072931;
4516
+ --color-cyan-200: #07303b;
4517
+ --color-cyan-300: #073945;
4518
+ --color-cyan-400: #064251;
4519
+ --color-cyan-500: #044f62;
4520
+ --color-cyan-600: #006680;
4521
+ --color-cyan-700: #05a2c2;
4522
+ --color-cyan-800: #00b1cc;
4523
+ --color-cyan-900: #00c1d6;
4524
+ --color-cyan-1000: #e0f8fa;
4525
+ --color-teal-25: #091a16;
4526
+ --color-teal-50: #04201b;
4527
+ --color-teal-100: #062822;
4528
+ --color-teal-200: #07312b;
4529
+ --color-teal-300: #083a33;
4530
+ --color-teal-400: #09443c;
4531
+ --color-teal-500: #0b564c;
4532
+ --color-teal-600: #0c6e63;
4533
+ --color-teal-700: #12a594;
4534
+ --color-teal-800: #10b2a2;
4535
+ --color-teal-900: #0ac7b4;
4536
+ --color-teal-1000: #e0faf4;
4537
+ --color-grass-25: #0c1811;
4538
+ --color-grass-50: #0f1f13;
4539
+ --color-grass-100: #142a1a;
4540
+ --color-grass-200: #16311e;
4541
+ --color-grass-300: #193921;
4542
+ --color-grass-400: #1d4427;
4543
+ --color-grass-500: #255631;
4544
+ --color-grass-600: #2f6f3b;
4545
+ --color-grass-700: #45a557;
4546
+ --color-grass-800: #55b466;
4547
+ --color-grass-900: #62c073;
4548
+ --color-grass-1000: #e5fbea;
4549
+ --color-brown-25: #1a1614;
4550
+ --color-brown-50: #211712;
4551
+ --color-brown-100: #2e201a;
4552
+ --color-brown-200: #35251d;
4553
+ --color-brown-300: #3f2c22;
4554
+ --color-brown-400: #483528;
4555
+ --color-brown-500: #5d4332;
4556
+ --color-brown-600: #775940;
4557
+ --color-brown-700: #ad7f58;
4558
+ --color-brown-800: #bd8c61;
4559
+ --color-brown-900: #dba270;
4560
+ --color-brown-1000: #faf0e5;
4561
+ --color-orange-25: #1e1106;
4562
+ --color-orange-50: #291300;
4563
+ --color-orange-100: #3a1b03;
4564
+ --color-orange-200: #431e04;
4565
+ --color-orange-300: #4d2205;
4566
+ --color-orange-400: #602a06;
4567
+ --color-orange-500: #763205;
4568
+ --color-orange-600: #943e00;
4569
+ --color-orange-700: #f76808;
4570
+ --color-orange-800: #ff7e29;
4571
+ --color-orange-900: #ff8b3d;
4572
+ --color-orange-1000: #feeadc;
4573
+ --color-sky-25: #0d1921;
4574
+ --color-sky-50: #071e2c;
4575
+ --color-sky-100: #082535;
4576
+ --color-sky-200: #082c40;
4577
+ --color-sky-300: #08344a;
4578
+ --color-sky-400: #083e59;
4579
+ --color-sky-500: #064a6a;
4580
+ --color-sky-600: #005d85;
4581
+ --color-sky-700: #68ddfd;
4582
+ --color-sky-800: #8ae8ff;
4583
+ --color-sky-900: #2fc8ee;
4584
+ --color-sky-1000: #ebf8ff;
4585
+ --color-mint-25: #071715;
4586
+ --color-mint-50: #051f1d;
4587
+ --color-mint-100: #052926;
4588
+ --color-mint-200: #042f2a;
4589
+ --color-mint-300: #033a34;
4590
+ --color-mint-400: #01463e;
4591
+ --color-mint-500: #00574b;
4592
+ --color-mint-600: #006b59;
4593
+ --color-mint-700: #70e1c8;
4594
+ --color-mint-800: #95f3d9;
4595
+ --color-mint-900: #25d0ab;
4596
+ --color-mint-1000: #e8fcf8;
4597
+ --color-lime-25: #141807;
4598
+ --color-lime-50: #171c08;
4599
+ --color-lime-100: #1e260d;
4600
+ --color-lime-200: #252e0f;
4601
+ --color-lime-300: #2b3711;
4602
+ --color-lime-400: #354314;
4603
+ --color-lime-500: #405115;
4604
+ --color-lime-600: #546916;
4605
+ --color-lime-700: #99d52a;
4606
+ --color-lime-800: #c4f042;
4607
+ --color-lime-900: #88bf22;
4608
+ --color-lime-1000: #f0fbdf;
4609
+ --color-yellow-25: #1a1300;
4610
+ --color-yellow-50: #241b00;
4611
+ --color-yellow-100: #2e2200;
4612
+ --color-yellow-200: #332600;
4613
+ --color-yellow-300: #3d2f00;
4614
+ --color-yellow-400: #473a00;
4615
+ --color-yellow-500: #574805;
4616
+ --color-yellow-600: #705e00;
4617
+ --color-yellow-700: #f5d90a;
4618
+ --color-yellow-800: #ffef5c;
4619
+ --color-yellow-900: #f0c000;
4620
+ --color-yellow-1000: #fffad1;
4621
+ --color-gold-25: #161512;
4622
+ --color-gold-50: #1d1b16;
4623
+ --color-gold-100: #26231c;
4624
+ --color-gold-200: #2c2920;
4625
+ --color-gold-300: #353027;
4626
+ --color-gold-400: #3f392c;
4627
+ --color-gold-500: #4f4636;
4628
+ --color-gold-600: #6b5d47;
4629
+ --color-gold-700: #968264;
4630
+ --color-gold-800: #a59173;
4631
+ --color-gold-900: #bfa888;
4632
+ --color-gold-1000: #f7f5e8;
4633
+ --color-bronze-25: #191514;
4634
+ --color-bronze-50: #201a18;
4635
+ --color-bronze-100: #29201e;
4636
+ --color-bronze-200: #332824;
4637
+ --color-bronze-300: #3c2f2a;
4638
+ --color-bronze-400: #453530;
4639
+ --color-bronze-500: #57443d;
4640
+ --color-bronze-600: #74594e;
4641
+ --color-bronze-700: #a18072;
4642
+ --color-bronze-800: #b08c7d;
4643
+ --color-bronze-900: #cca494;
4644
+ --color-bronze-1000: #f9ede7;
4645
+ }
4646
+
4647
+ .inter {
4648
+ font-family: Inter, sans-serif;
4649
+ }
4650
+
4651
+ @supports (font-variation-settings: normal) {
4652
+ .inter {
4653
+ font-family: Inter var, sans-serif;
4654
+ }
4655
+ }
4656
+
4657
+ .pulse-red-700 {
4658
+ animation: 2s infinite pulse-red-700;
4659
+ transform: scale(1);
4660
+ box-shadow: 0 0 #e5484d;
4661
+ }
4662
+
4663
+ @keyframes pulse-red-700 {
4664
+ 0% {
4665
+ transform: scale(.95);
4666
+ box-shadow: 0 0 #e5484db3;
4667
+ }
4668
+
4669
+ 70% {
4670
+ transform: scale(1);
4671
+ box-shadow: 0 0 0 6px #e5484d00;
4672
+ }
4673
+
4674
+ to {
4675
+ transform: scale(.95);
4676
+ box-shadow: 0 0 #e5484d00;
4677
+ }
4678
+ }
4679
+
4680
+ ::-webkit-scrollbar {
4681
+ width: 0;
4682
+ height: 0;
4683
+ display: none;
4684
+ }
4685
+
4686
+ @keyframes enter {
4687
+ 0% {
4688
+ opacity: var(--tw-enter-opacity, 1);
4689
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
4690
+ }
4691
+ }
4692
+
4693
+ @keyframes exit {
4694
+ to {
4695
+ opacity: var(--tw-exit-opacity, 1);
4696
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
4697
+ }
4698
+ }
4699
+
4700
+ @property --tw-translate-x {
4701
+ syntax: "*";
4702
+ inherits: false;
4703
+ initial-value: 0;
4704
+ }
4705
+
4706
+ @property --tw-translate-y {
4707
+ syntax: "*";
4708
+ inherits: false;
4709
+ initial-value: 0;
4710
+ }
4711
+
4712
+ @property --tw-translate-z {
4713
+ syntax: "*";
4714
+ inherits: false;
4715
+ initial-value: 0;
4716
+ }
4717
+
4718
+ @property --tw-scale-x {
4719
+ syntax: "*";
4720
+ inherits: false;
4721
+ initial-value: 1;
4722
+ }
4723
+
4724
+ @property --tw-scale-y {
4725
+ syntax: "*";
4726
+ inherits: false;
4727
+ initial-value: 1;
4728
+ }
4729
+
4730
+ @property --tw-scale-z {
4731
+ syntax: "*";
4732
+ inherits: false;
4733
+ initial-value: 1;
4734
+ }
4735
+
4736
+ @property --tw-rotate-x {
4737
+ syntax: "*";
4738
+ inherits: false
4739
+ }
4740
+
4741
+ @property --tw-rotate-y {
4742
+ syntax: "*";
4743
+ inherits: false
4744
+ }
4745
+
4746
+ @property --tw-rotate-z {
4747
+ syntax: "*";
4748
+ inherits: false
4749
+ }
4750
+
4751
+ @property --tw-skew-x {
4752
+ syntax: "*";
4753
+ inherits: false
4754
+ }
4755
+
4756
+ @property --tw-skew-y {
4757
+ syntax: "*";
4758
+ inherits: false
4759
+ }
4760
+
4761
+ @property --tw-space-y-reverse {
4762
+ syntax: "*";
4763
+ inherits: false;
4764
+ initial-value: 0;
4765
+ }
4766
+
4767
+ @property --tw-space-x-reverse {
4768
+ syntax: "*";
4769
+ inherits: false;
4770
+ initial-value: 0;
4771
+ }
4772
+
4773
+ @property --tw-divide-x-reverse {
4774
+ syntax: "*";
4775
+ inherits: false;
4776
+ initial-value: 0;
4777
+ }
4778
+
4779
+ @property --tw-border-style {
4780
+ syntax: "*";
4781
+ inherits: false;
4782
+ initial-value: solid;
4783
+ }
4784
+
4785
+ @property --tw-divide-y-reverse {
4786
+ syntax: "*";
4787
+ inherits: false;
4788
+ initial-value: 0;
4789
+ }
4790
+
4791
+ @property --tw-leading {
4792
+ syntax: "*";
4793
+ inherits: false
4794
+ }
4795
+
4796
+ @property --tw-font-weight {
4797
+ syntax: "*";
4798
+ inherits: false
4799
+ }
4800
+
4801
+ @property --tw-shadow {
4802
+ syntax: "*";
4803
+ inherits: false;
4804
+ initial-value: 0 0 #0000;
4805
+ }
4806
+
4807
+ @property --tw-shadow-color {
4808
+ syntax: "*";
4809
+ inherits: false
4810
+ }
4811
+
4812
+ @property --tw-shadow-alpha {
4813
+ syntax: "<percentage>";
4814
+ inherits: false;
4815
+ initial-value: 100%;
4816
+ }
4817
+
4818
+ @property --tw-inset-shadow {
4819
+ syntax: "*";
4820
+ inherits: false;
4821
+ initial-value: 0 0 #0000;
4822
+ }
4823
+
4824
+ @property --tw-inset-shadow-color {
4825
+ syntax: "*";
4826
+ inherits: false
4827
+ }
4828
+
4829
+ @property --tw-inset-shadow-alpha {
4830
+ syntax: "<percentage>";
4831
+ inherits: false;
4832
+ initial-value: 100%;
4833
+ }
4834
+
4835
+ @property --tw-ring-color {
4836
+ syntax: "*";
4837
+ inherits: false
4838
+ }
4839
+
4840
+ @property --tw-ring-shadow {
4841
+ syntax: "*";
4842
+ inherits: false;
4843
+ initial-value: 0 0 #0000;
4844
+ }
4845
+
4846
+ @property --tw-inset-ring-color {
4847
+ syntax: "*";
4848
+ inherits: false
4849
+ }
4850
+
4851
+ @property --tw-inset-ring-shadow {
4852
+ syntax: "*";
4853
+ inherits: false;
4854
+ initial-value: 0 0 #0000;
4855
+ }
4856
+
4857
+ @property --tw-ring-inset {
4858
+ syntax: "*";
4859
+ inherits: false
4860
+ }
4861
+
4862
+ @property --tw-ring-offset-width {
4863
+ syntax: "<length>";
4864
+ inherits: false;
4865
+ initial-value: 0;
4866
+ }
4867
+
4868
+ @property --tw-ring-offset-color {
4869
+ syntax: "*";
4870
+ inherits: false;
4871
+ initial-value: #fff;
4872
+ }
4873
+
4874
+ @property --tw-ring-offset-shadow {
4875
+ syntax: "*";
4876
+ inherits: false;
4877
+ initial-value: 0 0 #0000;
4878
+ }
4879
+
4880
+ @property --tw-outline-style {
4881
+ syntax: "*";
4882
+ inherits: false;
4883
+ initial-value: solid;
4884
+ }
4885
+
4886
+ @property --tw-blur {
4887
+ syntax: "*";
4888
+ inherits: false
4889
+ }
4890
+
4891
+ @property --tw-brightness {
4892
+ syntax: "*";
4893
+ inherits: false
4894
+ }
4895
+
4896
+ @property --tw-contrast {
4897
+ syntax: "*";
4898
+ inherits: false
4899
+ }
4900
+
4901
+ @property --tw-grayscale {
4902
+ syntax: "*";
4903
+ inherits: false
4904
+ }
4905
+
4906
+ @property --tw-hue-rotate {
4907
+ syntax: "*";
4908
+ inherits: false
4909
+ }
4910
+
4911
+ @property --tw-invert {
4912
+ syntax: "*";
4913
+ inherits: false
4914
+ }
4915
+
4916
+ @property --tw-opacity {
4917
+ syntax: "*";
4918
+ inherits: false
4919
+ }
4920
+
4921
+ @property --tw-saturate {
4922
+ syntax: "*";
4923
+ inherits: false
4924
+ }
4925
+
4926
+ @property --tw-sepia {
4927
+ syntax: "*";
4928
+ inherits: false
4929
+ }
4930
+
4931
+ @property --tw-drop-shadow {
4932
+ syntax: "*";
4933
+ inherits: false
4934
+ }
4935
+
4936
+ @property --tw-drop-shadow-color {
4937
+ syntax: "*";
4938
+ inherits: false
4939
+ }
4940
+
4941
+ @property --tw-drop-shadow-alpha {
4942
+ syntax: "<percentage>";
4943
+ inherits: false;
4944
+ initial-value: 100%;
4945
+ }
4946
+
4947
+ @property --tw-drop-shadow-size {
4948
+ syntax: "*";
4949
+ inherits: false
4950
+ }
4951
+
4952
+ @property --tw-backdrop-blur {
4953
+ syntax: "*";
4954
+ inherits: false
4955
+ }
4956
+
4957
+ @property --tw-backdrop-brightness {
4958
+ syntax: "*";
4959
+ inherits: false
4960
+ }
4961
+
4962
+ @property --tw-backdrop-contrast {
4963
+ syntax: "*";
4964
+ inherits: false
4965
+ }
4966
+
4967
+ @property --tw-backdrop-grayscale {
4968
+ syntax: "*";
4969
+ inherits: false
4970
+ }
4971
+
4972
+ @property --tw-backdrop-hue-rotate {
4973
+ syntax: "*";
4974
+ inherits: false
4975
+ }
4976
+
4977
+ @property --tw-backdrop-invert {
4978
+ syntax: "*";
4979
+ inherits: false
4980
+ }
4981
+
4982
+ @property --tw-backdrop-opacity {
4983
+ syntax: "*";
4984
+ inherits: false
4985
+ }
4986
+
4987
+ @property --tw-backdrop-saturate {
4988
+ syntax: "*";
4989
+ inherits: false
4990
+ }
4991
+
4992
+ @property --tw-backdrop-sepia {
4993
+ syntax: "*";
4994
+ inherits: false
4995
+ }
4996
+
4997
+ @property --tw-duration {
4998
+ syntax: "*";
4999
+ inherits: false
5000
+ }
5001
+
5002
+ @property --tw-ease {
5003
+ syntax: "*";
5004
+ inherits: false
5005
+ }
5006
+
5007
+ @keyframes spin {
5008
+ to {
5009
+ transform: rotate(360deg);
5010
+ }
5011
+ }
5012
+
5013
+ @keyframes pulse {
5014
+ 50% {
5015
+ opacity: .5;
5016
+ }
5017
+ }
5018
+
5019
+ @keyframes accordion-down {
5020
+ 0% {
5021
+ height: 0;
5022
+ }
5023
+
5024
+ to {
5025
+ height: var(--radix-accordion-content-height);
5026
+ }
5027
+ }
5028
+
5029
+ @keyframes accordion-up {
5030
+ 0% {
5031
+ height: var(--radix-accordion-content-height);
5032
+ }
5033
+
5034
+ to {
5035
+ height: 0;
5036
+ }
5037
+ }
5038
+
5039
+ @keyframes flash {
5040
+ 0% {
5041
+ opacity: .9;
5042
+ }
5043
+
5044
+ to {
5045
+ opacity: 0;
5046
+ }
5047
+ }