@retrivora-ai/rag-engine 2.0.4 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/src/index.css ADDED
@@ -0,0 +1,3956 @@
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-red-50: oklch(97.1% 0.013 17.38);
11
+ --color-red-200: oklch(88.5% 0.062 18.334);
12
+ --color-red-400: oklch(70.4% 0.191 22.216);
13
+ --color-red-500: oklch(63.7% 0.237 25.331);
14
+ --color-red-600: oklch(57.7% 0.245 27.325);
15
+ --color-orange-100: oklch(95.4% 0.038 75.164);
16
+ --color-orange-700: oklch(55.3% 0.195 38.402);
17
+ --color-orange-950: oklch(26.6% 0.079 36.259);
18
+ --color-amber-50: oklch(98.7% 0.022 95.277);
19
+ --color-amber-100: oklch(96.2% 0.059 95.617);
20
+ --color-amber-200: oklch(92.4% 0.12 95.746);
21
+ --color-amber-300: oklch(87.9% 0.169 91.605);
22
+ --color-amber-400: oklch(82.8% 0.189 84.429);
23
+ --color-amber-500: oklch(76.9% 0.188 70.08);
24
+ --color-amber-600: oklch(66.6% 0.179 58.318);
25
+ --color-amber-700: oklch(55.5% 0.163 48.998);
26
+ --color-amber-800: oklch(47.3% 0.137 46.201);
27
+ --color-amber-900: oklch(41.4% 0.112 45.904);
28
+ --color-amber-950: oklch(27.9% 0.077 45.635);
29
+ --color-emerald-50: oklch(97.9% 0.021 166.113);
30
+ --color-emerald-100: oklch(95% 0.052 163.051);
31
+ --color-emerald-200: oklch(90.5% 0.093 164.15);
32
+ --color-emerald-300: oklch(84.5% 0.143 164.978);
33
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
34
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
35
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
36
+ --color-emerald-700: oklch(50.8% 0.118 165.612);
37
+ --color-emerald-800: oklch(43.2% 0.095 166.913);
38
+ --color-emerald-900: oklch(37.8% 0.077 168.94);
39
+ --color-emerald-950: oklch(26.2% 0.051 172.552);
40
+ --color-cyan-50: oklch(98.4% 0.019 200.873);
41
+ --color-cyan-100: oklch(95.6% 0.045 203.388);
42
+ --color-cyan-200: oklch(91.7% 0.08 205.041);
43
+ --color-cyan-300: oklch(86.5% 0.127 207.078);
44
+ --color-cyan-400: oklch(78.9% 0.154 211.53);
45
+ --color-cyan-700: oklch(52% 0.105 223.128);
46
+ --color-cyan-800: oklch(45% 0.085 224.283);
47
+ --color-cyan-900: oklch(39.8% 0.07 227.392);
48
+ --color-cyan-950: oklch(30.2% 0.056 229.695);
49
+ --color-blue-50: oklch(97% 0.014 254.604);
50
+ --color-blue-100: oklch(93.2% 0.032 255.585);
51
+ --color-blue-200: oklch(88.2% 0.059 254.128);
52
+ --color-blue-300: oklch(80.9% 0.105 251.813);
53
+ --color-blue-400: oklch(70.7% 0.165 254.624);
54
+ --color-blue-500: oklch(62.3% 0.214 259.815);
55
+ --color-blue-600: oklch(54.6% 0.245 262.881);
56
+ --color-blue-700: oklch(48.8% 0.243 264.376);
57
+ --color-blue-800: oklch(42.4% 0.199 265.638);
58
+ --color-blue-900: oklch(37.9% 0.146 265.522);
59
+ --color-blue-950: oklch(28.2% 0.091 267.935);
60
+ --color-indigo-50: oklch(96.2% 0.018 272.314);
61
+ --color-indigo-100: oklch(93% 0.034 272.788);
62
+ --color-indigo-200: oklch(87% 0.065 274.039);
63
+ --color-indigo-300: oklch(78.5% 0.115 274.713);
64
+ --color-indigo-400: oklch(67.3% 0.182 276.935);
65
+ --color-indigo-500: oklch(58.5% 0.233 277.117);
66
+ --color-indigo-600: oklch(51.1% 0.262 276.966);
67
+ --color-indigo-700: oklch(45.7% 0.24 277.023);
68
+ --color-indigo-800: oklch(39.8% 0.195 277.366);
69
+ --color-indigo-900: oklch(35.9% 0.144 278.697);
70
+ --color-indigo-950: oklch(25.7% 0.09 281.288);
71
+ --color-violet-100: oklch(94.3% 0.029 294.588);
72
+ --color-violet-200: oklch(89.4% 0.057 293.283);
73
+ --color-violet-800: oklch(43.2% 0.232 292.759);
74
+ --color-violet-900: oklch(38% 0.189 293.745);
75
+ --color-purple-50: oklch(97.7% 0.014 308.299);
76
+ --color-purple-100: oklch(94.6% 0.033 307.174);
77
+ --color-purple-200: oklch(90.2% 0.063 306.703);
78
+ --color-purple-300: oklch(82.7% 0.119 306.383);
79
+ --color-purple-400: oklch(71.4% 0.203 305.504);
80
+ --color-purple-700: oklch(49.6% 0.265 301.924);
81
+ --color-purple-800: oklch(43.8% 0.218 303.724);
82
+ --color-purple-900: oklch(38.1% 0.176 304.987);
83
+ --color-purple-950: oklch(29.1% 0.149 302.717);
84
+ --color-pink-50: oklch(97.1% 0.014 343.198);
85
+ --color-pink-100: oklch(94.8% 0.028 342.258);
86
+ --color-pink-200: oklch(89.9% 0.061 343.231);
87
+ --color-pink-300: oklch(82.3% 0.12 346.018);
88
+ --color-pink-400: oklch(71.8% 0.202 349.761);
89
+ --color-pink-700: oklch(52.5% 0.223 3.958);
90
+ --color-pink-800: oklch(45.9% 0.187 3.815);
91
+ --color-pink-900: oklch(40.8% 0.153 2.432);
92
+ --color-pink-950: oklch(28.4% 0.109 3.907);
93
+ --color-rose-50: oklch(96.9% 0.015 12.422);
94
+ --color-rose-100: oklch(94.1% 0.03 12.58);
95
+ --color-rose-200: oklch(89.2% 0.058 10.001);
96
+ --color-rose-400: oklch(71.2% 0.194 13.428);
97
+ --color-rose-500: oklch(64.5% 0.246 16.439);
98
+ --color-rose-600: oklch(58.6% 0.253 17.585);
99
+ --color-slate-50: oklch(98.4% 0.003 247.858);
100
+ --color-slate-100: oklch(96.8% 0.007 247.896);
101
+ --color-slate-200: oklch(92.9% 0.013 255.508);
102
+ --color-slate-300: oklch(86.9% 0.022 252.894);
103
+ --color-slate-400: oklch(70.4% 0.04 256.788);
104
+ --color-slate-500: oklch(55.4% 0.046 257.417);
105
+ --color-slate-600: oklch(44.6% 0.043 257.281);
106
+ --color-slate-700: oklch(37.2% 0.044 257.287);
107
+ --color-slate-800: oklch(27.9% 0.041 260.031);
108
+ --color-slate-900: oklch(20.8% 0.042 265.755);
109
+ --color-slate-950: oklch(12.9% 0.042 264.695);
110
+ --color-gray-500: oklch(55.1% 0.027 264.364);
111
+ --color-black: #000;
112
+ --color-white: #fff;
113
+ --spacing: 0.25rem;
114
+ --container-xs: 20rem;
115
+ --container-md: 28rem;
116
+ --container-2xl: 42rem;
117
+ --container-4xl: 56rem;
118
+ --text-xs: 0.75rem;
119
+ --text-xs--line-height: calc(1 / 0.75);
120
+ --text-sm: 0.875rem;
121
+ --text-sm--line-height: calc(1.25 / 0.875);
122
+ --text-base: 1rem;
123
+ --text-base--line-height: calc(1.5 / 1);
124
+ --text-lg: 1.125rem;
125
+ --text-lg--line-height: calc(1.75 / 1.125);
126
+ --text-3xl: 1.875rem;
127
+ --text-3xl--line-height: calc(2.25 / 1.875);
128
+ --font-weight-medium: 500;
129
+ --font-weight-semibold: 600;
130
+ --font-weight-bold: 700;
131
+ --tracking-tight: -0.025em;
132
+ --tracking-wider: 0.05em;
133
+ --tracking-widest: 0.1em;
134
+ --leading-tight: 1.25;
135
+ --leading-relaxed: 1.625;
136
+ --radius-sm: 0.25rem;
137
+ --radius-md: 0.375rem;
138
+ --radius-lg: 0.5rem;
139
+ --radius-xl: 0.75rem;
140
+ --radius-2xl: 1rem;
141
+ --radius-3xl: 1.5rem;
142
+ --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
143
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
144
+ --animate-spin: spin 1s linear infinite;
145
+ --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
146
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
147
+ --animate-bounce: bounce 1s infinite;
148
+ --blur-sm: 8px;
149
+ --blur-md: 12px;
150
+ --blur-xl: 24px;
151
+ --default-transition-duration: 150ms;
152
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
153
+ --default-font-family: var(--font-sans);
154
+ --default-mono-font-family: var(--font-mono);
155
+ }
156
+ }
157
+ @layer base {
158
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
159
+ box-sizing: border-box;
160
+ margin: 0;
161
+ padding: 0;
162
+ border: 0 solid;
163
+ }
164
+ html, :host {
165
+ line-height: 1.5;
166
+ -webkit-text-size-adjust: 100%;
167
+ tab-size: 4;
168
+ 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");
169
+ font-feature-settings: var(--default-font-feature-settings, normal);
170
+ font-variation-settings: var(--default-font-variation-settings, normal);
171
+ -webkit-tap-highlight-color: transparent;
172
+ }
173
+ hr {
174
+ height: 0;
175
+ color: inherit;
176
+ border-top-width: 1px;
177
+ }
178
+ abbr:where([title]) {
179
+ -webkit-text-decoration: underline dotted;
180
+ text-decoration: underline dotted;
181
+ }
182
+ h1, h2, h3, h4, h5, h6 {
183
+ font-size: inherit;
184
+ font-weight: inherit;
185
+ }
186
+ a {
187
+ color: inherit;
188
+ -webkit-text-decoration: inherit;
189
+ text-decoration: inherit;
190
+ }
191
+ b, strong {
192
+ font-weight: bolder;
193
+ }
194
+ code, kbd, samp, pre {
195
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
196
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
197
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
198
+ font-size: 1em;
199
+ }
200
+ small {
201
+ font-size: 80%;
202
+ }
203
+ sub, sup {
204
+ font-size: 75%;
205
+ line-height: 0;
206
+ position: relative;
207
+ vertical-align: baseline;
208
+ }
209
+ sub {
210
+ bottom: -0.25em;
211
+ }
212
+ sup {
213
+ top: -0.5em;
214
+ }
215
+ table {
216
+ text-indent: 0;
217
+ border-color: inherit;
218
+ border-collapse: collapse;
219
+ }
220
+ :-moz-focusring {
221
+ outline: auto;
222
+ }
223
+ progress {
224
+ vertical-align: baseline;
225
+ }
226
+ summary {
227
+ display: list-item;
228
+ }
229
+ ol, ul, menu {
230
+ list-style: none;
231
+ }
232
+ img, svg, video, canvas, audio, iframe, embed, object {
233
+ display: block;
234
+ vertical-align: middle;
235
+ }
236
+ img, video {
237
+ max-width: 100%;
238
+ height: auto;
239
+ }
240
+ button, input, select, optgroup, textarea, ::file-selector-button {
241
+ font: inherit;
242
+ font-feature-settings: inherit;
243
+ font-variation-settings: inherit;
244
+ letter-spacing: inherit;
245
+ color: inherit;
246
+ border-radius: 0;
247
+ background-color: transparent;
248
+ opacity: 1;
249
+ }
250
+ :where(select:is([multiple], [size])) optgroup {
251
+ font-weight: bolder;
252
+ }
253
+ :where(select:is([multiple], [size])) optgroup option {
254
+ padding-inline-start: 20px;
255
+ }
256
+ ::file-selector-button {
257
+ margin-inline-end: 4px;
258
+ }
259
+ ::placeholder {
260
+ opacity: 1;
261
+ }
262
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
263
+ ::placeholder {
264
+ color: currentcolor;
265
+ @supports (color: color-mix(in lab, red, red)) {
266
+ color: color-mix(in oklab, currentcolor 50%, transparent);
267
+ }
268
+ }
269
+ }
270
+ textarea {
271
+ resize: vertical;
272
+ }
273
+ ::-webkit-search-decoration {
274
+ -webkit-appearance: none;
275
+ }
276
+ ::-webkit-date-and-time-value {
277
+ min-height: 1lh;
278
+ text-align: inherit;
279
+ }
280
+ ::-webkit-datetime-edit {
281
+ display: inline-flex;
282
+ }
283
+ ::-webkit-datetime-edit-fields-wrapper {
284
+ padding: 0;
285
+ }
286
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
287
+ padding-block: 0;
288
+ }
289
+ ::-webkit-calendar-picker-indicator {
290
+ line-height: 1;
291
+ }
292
+ :-moz-ui-invalid {
293
+ box-shadow: none;
294
+ }
295
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
296
+ appearance: button;
297
+ }
298
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
299
+ height: auto;
300
+ }
301
+ [hidden]:where(:not([hidden="until-found"])) {
302
+ display: none !important;
303
+ }
304
+ }
305
+ @layer utilities {
306
+ .pointer-events-auto {
307
+ pointer-events: auto;
308
+ }
309
+ .pointer-events-none {
310
+ pointer-events: none;
311
+ }
312
+ .absolute {
313
+ position: absolute;
314
+ }
315
+ .fixed {
316
+ position: fixed;
317
+ }
318
+ .relative {
319
+ position: relative;
320
+ }
321
+ .static {
322
+ position: static;
323
+ }
324
+ .inset-0 {
325
+ inset: calc(var(--spacing) * 0);
326
+ }
327
+ .-top-8 {
328
+ top: calc(var(--spacing) * -8);
329
+ }
330
+ .top-0 {
331
+ top: calc(var(--spacing) * 0);
332
+ }
333
+ .top-1\/2 {
334
+ top: calc(1 / 2 * 100%);
335
+ }
336
+ .top-2 {
337
+ top: calc(var(--spacing) * 2);
338
+ }
339
+ .top-4 {
340
+ top: calc(var(--spacing) * 4);
341
+ }
342
+ .-right-4 {
343
+ right: calc(var(--spacing) * -4);
344
+ }
345
+ .right-0 {
346
+ right: calc(var(--spacing) * 0);
347
+ }
348
+ .right-2 {
349
+ right: calc(var(--spacing) * 2);
350
+ }
351
+ .right-4 {
352
+ right: calc(var(--spacing) * 4);
353
+ }
354
+ .right-5 {
355
+ right: calc(var(--spacing) * 5);
356
+ }
357
+ .right-6 {
358
+ right: calc(var(--spacing) * 6);
359
+ }
360
+ .-bottom-1\.5 {
361
+ bottom: calc(var(--spacing) * -1.5);
362
+ }
363
+ .bottom-6 {
364
+ bottom: calc(var(--spacing) * 6);
365
+ }
366
+ .bottom-20 {
367
+ bottom: calc(var(--spacing) * 20);
368
+ }
369
+ .-left-4 {
370
+ left: calc(var(--spacing) * -4);
371
+ }
372
+ .left-0 {
373
+ left: calc(var(--spacing) * 0);
374
+ }
375
+ .left-1\/2 {
376
+ left: calc(1 / 2 * 100%);
377
+ }
378
+ .left-2 {
379
+ left: calc(var(--spacing) * 2);
380
+ }
381
+ .left-5 {
382
+ left: calc(var(--spacing) * 5);
383
+ }
384
+ .left-6 {
385
+ left: calc(var(--spacing) * 6);
386
+ }
387
+ .z-0 {
388
+ z-index: 0;
389
+ }
390
+ .z-10 {
391
+ z-index: 10;
392
+ }
393
+ .z-20 {
394
+ z-index: 20;
395
+ }
396
+ .z-50 {
397
+ z-index: 50;
398
+ }
399
+ .z-\[100\] {
400
+ z-index: 100;
401
+ }
402
+ .z-\[9998\] {
403
+ z-index: 9998;
404
+ }
405
+ .z-\[9999\] {
406
+ z-index: 9999;
407
+ }
408
+ .container {
409
+ width: 100%;
410
+ @media (width >= 40rem) {
411
+ max-width: 40rem;
412
+ }
413
+ @media (width >= 48rem) {
414
+ max-width: 48rem;
415
+ }
416
+ @media (width >= 64rem) {
417
+ max-width: 64rem;
418
+ }
419
+ @media (width >= 80rem) {
420
+ max-width: 80rem;
421
+ }
422
+ @media (width >= 96rem) {
423
+ max-width: 96rem;
424
+ }
425
+ }
426
+ .mx-1 {
427
+ margin-inline: calc(var(--spacing) * 1);
428
+ }
429
+ .mx-auto {
430
+ margin-inline: auto;
431
+ }
432
+ .my-1\.5 {
433
+ margin-block: calc(var(--spacing) * 1.5);
434
+ }
435
+ .my-2 {
436
+ margin-block: calc(var(--spacing) * 2);
437
+ }
438
+ .my-3 {
439
+ margin-block: calc(var(--spacing) * 3);
440
+ }
441
+ .my-4 {
442
+ margin-block: calc(var(--spacing) * 4);
443
+ }
444
+ .my-5 {
445
+ margin-block: calc(var(--spacing) * 5);
446
+ }
447
+ .my-6 {
448
+ margin-block: calc(var(--spacing) * 6);
449
+ }
450
+ .mt-0\.5 {
451
+ margin-top: calc(var(--spacing) * 0.5);
452
+ }
453
+ .mt-1 {
454
+ margin-top: calc(var(--spacing) * 1);
455
+ }
456
+ .mt-1\.5 {
457
+ margin-top: calc(var(--spacing) * 1.5);
458
+ }
459
+ .mt-2 {
460
+ margin-top: calc(var(--spacing) * 2);
461
+ }
462
+ .mt-3 {
463
+ margin-top: calc(var(--spacing) * 3);
464
+ }
465
+ .mt-4 {
466
+ margin-top: calc(var(--spacing) * 4);
467
+ }
468
+ .mt-6 {
469
+ margin-top: calc(var(--spacing) * 6);
470
+ }
471
+ .mt-8 {
472
+ margin-top: calc(var(--spacing) * 8);
473
+ }
474
+ .mr-2 {
475
+ margin-right: calc(var(--spacing) * 2);
476
+ }
477
+ .mb-0\.5 {
478
+ margin-bottom: calc(var(--spacing) * 0.5);
479
+ }
480
+ .mb-1 {
481
+ margin-bottom: calc(var(--spacing) * 1);
482
+ }
483
+ .mb-1\.5 {
484
+ margin-bottom: calc(var(--spacing) * 1.5);
485
+ }
486
+ .mb-2 {
487
+ margin-bottom: calc(var(--spacing) * 2);
488
+ }
489
+ .mb-3 {
490
+ margin-bottom: calc(var(--spacing) * 3);
491
+ }
492
+ .mb-4 {
493
+ margin-bottom: calc(var(--spacing) * 4);
494
+ }
495
+ .mb-6 {
496
+ margin-bottom: calc(var(--spacing) * 6);
497
+ }
498
+ .ml-1 {
499
+ margin-left: calc(var(--spacing) * 1);
500
+ }
501
+ .ml-1\.5 {
502
+ margin-left: calc(var(--spacing) * 1.5);
503
+ }
504
+ .ml-2 {
505
+ margin-left: calc(var(--spacing) * 2);
506
+ }
507
+ .ml-auto {
508
+ margin-left: auto;
509
+ }
510
+ .line-clamp-1 {
511
+ overflow: hidden;
512
+ display: -webkit-box;
513
+ -webkit-box-orient: vertical;
514
+ -webkit-line-clamp: 1;
515
+ }
516
+ .line-clamp-2 {
517
+ overflow: hidden;
518
+ display: -webkit-box;
519
+ -webkit-box-orient: vertical;
520
+ -webkit-line-clamp: 2;
521
+ }
522
+ .\!table {
523
+ display: table !important;
524
+ }
525
+ .\!table-cell {
526
+ display: table-cell !important;
527
+ }
528
+ .\!table-header-group {
529
+ display: table-header-group !important;
530
+ }
531
+ .\!table-row {
532
+ display: table-row !important;
533
+ }
534
+ .\!table-row-group {
535
+ display: table-row-group !important;
536
+ }
537
+ .block {
538
+ display: block;
539
+ }
540
+ .contents {
541
+ display: contents;
542
+ }
543
+ .flex {
544
+ display: flex;
545
+ }
546
+ .grid {
547
+ display: grid;
548
+ }
549
+ .hidden {
550
+ display: none;
551
+ }
552
+ .inline-block {
553
+ display: inline-block;
554
+ }
555
+ .inline-flex {
556
+ display: inline-flex;
557
+ }
558
+ .table {
559
+ display: table;
560
+ }
561
+ .aspect-\[4\/3\] {
562
+ aspect-ratio: 4/3;
563
+ }
564
+ .aspect-square {
565
+ aspect-ratio: 1 / 1;
566
+ }
567
+ .h-1 {
568
+ height: calc(var(--spacing) * 1);
569
+ }
570
+ .h-1\.5 {
571
+ height: calc(var(--spacing) * 1.5);
572
+ }
573
+ .h-2 {
574
+ height: calc(var(--spacing) * 2);
575
+ }
576
+ .h-2\.5 {
577
+ height: calc(var(--spacing) * 2.5);
578
+ }
579
+ .h-3 {
580
+ height: calc(var(--spacing) * 3);
581
+ }
582
+ .h-3\.5 {
583
+ height: calc(var(--spacing) * 3.5);
584
+ }
585
+ .h-4 {
586
+ height: calc(var(--spacing) * 4);
587
+ }
588
+ .h-5 {
589
+ height: calc(var(--spacing) * 5);
590
+ }
591
+ .h-6 {
592
+ height: calc(var(--spacing) * 6);
593
+ }
594
+ .h-7 {
595
+ height: calc(var(--spacing) * 7);
596
+ }
597
+ .h-8 {
598
+ height: calc(var(--spacing) * 8);
599
+ }
600
+ .h-9 {
601
+ height: calc(var(--spacing) * 9);
602
+ }
603
+ .h-12 {
604
+ height: calc(var(--spacing) * 12);
605
+ }
606
+ .h-14 {
607
+ height: calc(var(--spacing) * 14);
608
+ }
609
+ .h-16 {
610
+ height: calc(var(--spacing) * 16);
611
+ }
612
+ .h-28 {
613
+ height: calc(var(--spacing) * 28);
614
+ }
615
+ .h-32 {
616
+ height: calc(var(--spacing) * 32);
617
+ }
618
+ .h-40 {
619
+ height: calc(var(--spacing) * 40);
620
+ }
621
+ .h-\[400\%\] {
622
+ height: 400%;
623
+ }
624
+ .h-\[600px\] {
625
+ height: 600px;
626
+ }
627
+ .h-full {
628
+ height: 100%;
629
+ }
630
+ .max-h-24 {
631
+ max-height: calc(var(--spacing) * 24);
632
+ }
633
+ .max-h-32 {
634
+ max-height: calc(var(--spacing) * 32);
635
+ }
636
+ .max-h-40 {
637
+ max-height: calc(var(--spacing) * 40);
638
+ }
639
+ .max-h-56 {
640
+ max-height: calc(var(--spacing) * 56);
641
+ }
642
+ .max-h-60 {
643
+ max-height: calc(var(--spacing) * 60);
644
+ }
645
+ .max-h-64 {
646
+ max-height: calc(var(--spacing) * 64);
647
+ }
648
+ .max-h-\[320px\] {
649
+ max-height: 320px;
650
+ }
651
+ .max-h-\[400px\] {
652
+ max-height: 400px;
653
+ }
654
+ .min-h-0 {
655
+ min-height: calc(var(--spacing) * 0);
656
+ }
657
+ .min-h-\[300px\] {
658
+ min-height: 300px;
659
+ }
660
+ .min-h-screen {
661
+ min-height: 100vh;
662
+ }
663
+ .w-1\.5 {
664
+ width: calc(var(--spacing) * 1.5);
665
+ }
666
+ .w-2 {
667
+ width: calc(var(--spacing) * 2);
668
+ }
669
+ .w-2\.5 {
670
+ width: calc(var(--spacing) * 2.5);
671
+ }
672
+ .w-3 {
673
+ width: calc(var(--spacing) * 3);
674
+ }
675
+ .w-3\.5 {
676
+ width: calc(var(--spacing) * 3.5);
677
+ }
678
+ .w-4 {
679
+ width: calc(var(--spacing) * 4);
680
+ }
681
+ .w-5 {
682
+ width: calc(var(--spacing) * 5);
683
+ }
684
+ .w-6 {
685
+ width: calc(var(--spacing) * 6);
686
+ }
687
+ .w-7 {
688
+ width: calc(var(--spacing) * 7);
689
+ }
690
+ .w-8 {
691
+ width: calc(var(--spacing) * 8);
692
+ }
693
+ .w-9 {
694
+ width: calc(var(--spacing) * 9);
695
+ }
696
+ .w-12 {
697
+ width: calc(var(--spacing) * 12);
698
+ }
699
+ .w-14 {
700
+ width: calc(var(--spacing) * 14);
701
+ }
702
+ .w-16 {
703
+ width: calc(var(--spacing) * 16);
704
+ }
705
+ .w-20 {
706
+ width: calc(var(--spacing) * 20);
707
+ }
708
+ .w-28 {
709
+ width: calc(var(--spacing) * 28);
710
+ }
711
+ .w-36 {
712
+ width: calc(var(--spacing) * 36);
713
+ }
714
+ .w-40 {
715
+ width: calc(var(--spacing) * 40);
716
+ }
717
+ .w-44 {
718
+ width: calc(var(--spacing) * 44);
719
+ }
720
+ .w-\[400\%\] {
721
+ width: 400%;
722
+ }
723
+ .w-\[500px\] {
724
+ width: 500px;
725
+ }
726
+ .w-\[min\(88\%\,18rem\)\] {
727
+ width: min(88%, 18rem);
728
+ }
729
+ .w-full {
730
+ width: 100%;
731
+ }
732
+ .w-px {
733
+ width: 1px;
734
+ }
735
+ .max-w-2xl {
736
+ max-width: var(--container-2xl);
737
+ }
738
+ .max-w-4xl {
739
+ max-width: var(--container-4xl);
740
+ }
741
+ .max-w-\[90\%\] {
742
+ max-width: 90%;
743
+ }
744
+ .max-w-\[92\%\] {
745
+ max-width: 92%;
746
+ }
747
+ .max-w-\[94\%\] {
748
+ max-width: 94%;
749
+ }
750
+ .max-w-\[calc\(100vw-3rem\)\] {
751
+ max-width: calc(100vw - 3rem);
752
+ }
753
+ .max-w-full {
754
+ max-width: 100%;
755
+ }
756
+ .max-w-md {
757
+ max-width: var(--container-md);
758
+ }
759
+ .max-w-none {
760
+ max-width: none;
761
+ }
762
+ .max-w-xs {
763
+ max-width: var(--container-xs);
764
+ }
765
+ .min-w-0 {
766
+ min-width: calc(var(--spacing) * 0);
767
+ }
768
+ .min-w-\[11rem\] {
769
+ min-width: 11rem;
770
+ }
771
+ .min-w-\[400px\] {
772
+ min-width: 400px;
773
+ }
774
+ .flex-1 {
775
+ flex: 1;
776
+ }
777
+ .flex-shrink-0 {
778
+ flex-shrink: 0;
779
+ }
780
+ .flex-grow {
781
+ flex-grow: 1;
782
+ }
783
+ .border-collapse {
784
+ border-collapse: collapse;
785
+ }
786
+ .-translate-x-1\/2 {
787
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
788
+ translate: var(--tw-translate-x) var(--tw-translate-y);
789
+ }
790
+ .-translate-y-1\/2 {
791
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
792
+ translate: var(--tw-translate-x) var(--tw-translate-y);
793
+ }
794
+ .translate-y-0 {
795
+ --tw-translate-y: calc(var(--spacing) * 0);
796
+ translate: var(--tw-translate-x) var(--tw-translate-y);
797
+ }
798
+ .translate-y-4 {
799
+ --tw-translate-y: calc(var(--spacing) * 4);
800
+ translate: var(--tw-translate-x) var(--tw-translate-y);
801
+ }
802
+ .scale-90 {
803
+ --tw-scale-x: 90%;
804
+ --tw-scale-y: 90%;
805
+ --tw-scale-z: 90%;
806
+ scale: var(--tw-scale-x) var(--tw-scale-y);
807
+ }
808
+ .scale-95 {
809
+ --tw-scale-x: 95%;
810
+ --tw-scale-y: 95%;
811
+ --tw-scale-z: 95%;
812
+ scale: var(--tw-scale-x) var(--tw-scale-y);
813
+ }
814
+ .scale-100 {
815
+ --tw-scale-x: 100%;
816
+ --tw-scale-y: 100%;
817
+ --tw-scale-z: 100%;
818
+ scale: var(--tw-scale-x) var(--tw-scale-y);
819
+ }
820
+ .scale-110 {
821
+ --tw-scale-x: 110%;
822
+ --tw-scale-y: 110%;
823
+ --tw-scale-z: 110%;
824
+ scale: var(--tw-scale-x) var(--tw-scale-y);
825
+ }
826
+ .rotate-0 {
827
+ rotate: 0deg;
828
+ }
829
+ .rotate-45 {
830
+ rotate: 45deg;
831
+ }
832
+ .rotate-90 {
833
+ rotate: 90deg;
834
+ }
835
+ .transform {
836
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
837
+ }
838
+ .animate-\[pulse_1\.2s_infinite\] {
839
+ animation: pulse 1.2s infinite;
840
+ }
841
+ .animate-bounce {
842
+ animation: var(--animate-bounce);
843
+ }
844
+ .animate-ping {
845
+ animation: var(--animate-ping);
846
+ }
847
+ .animate-pulse {
848
+ animation: var(--animate-pulse);
849
+ }
850
+ .animate-spin {
851
+ animation: var(--animate-spin);
852
+ }
853
+ .cursor-not-allowed {
854
+ cursor: not-allowed;
855
+ }
856
+ .cursor-nw-resize {
857
+ cursor: nw-resize;
858
+ }
859
+ .cursor-pointer {
860
+ cursor: pointer;
861
+ }
862
+ .resize {
863
+ resize: both;
864
+ }
865
+ .resize-none {
866
+ resize: none;
867
+ }
868
+ .snap-x {
869
+ scroll-snap-type: x var(--tw-scroll-snap-strictness);
870
+ }
871
+ .snap-mandatory {
872
+ --tw-scroll-snap-strictness: mandatory;
873
+ }
874
+ .snap-start {
875
+ scroll-snap-align: start;
876
+ }
877
+ .scrollbar-thin {
878
+ scrollbar-width: thin;
879
+ }
880
+ .scrollbar-thumb-slate-200 {
881
+ --tw-scrollbar-thumb: var(--color-slate-200);
882
+ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
883
+ }
884
+ .scrollbar-track-transparent {
885
+ --tw-scrollbar-track: transparent;
886
+ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
887
+ }
888
+ .grid-cols-3 {
889
+ grid-template-columns: repeat(3, minmax(0, 1fr));
890
+ }
891
+ .flex-col {
892
+ flex-direction: column;
893
+ }
894
+ .flex-row {
895
+ flex-direction: row;
896
+ }
897
+ .flex-row-reverse {
898
+ flex-direction: row-reverse;
899
+ }
900
+ .flex-wrap {
901
+ flex-wrap: wrap;
902
+ }
903
+ .items-center {
904
+ align-items: center;
905
+ }
906
+ .items-end {
907
+ align-items: flex-end;
908
+ }
909
+ .items-start {
910
+ align-items: flex-start;
911
+ }
912
+ .justify-between {
913
+ justify-content: space-between;
914
+ }
915
+ .justify-center {
916
+ justify-content: center;
917
+ }
918
+ .justify-start {
919
+ justify-content: flex-start;
920
+ }
921
+ .gap-0\.5 {
922
+ gap: calc(var(--spacing) * 0.5);
923
+ }
924
+ .gap-1 {
925
+ gap: calc(var(--spacing) * 1);
926
+ }
927
+ .gap-1\.5 {
928
+ gap: calc(var(--spacing) * 1.5);
929
+ }
930
+ .gap-2 {
931
+ gap: calc(var(--spacing) * 2);
932
+ }
933
+ .gap-3 {
934
+ gap: calc(var(--spacing) * 3);
935
+ }
936
+ .gap-4 {
937
+ gap: calc(var(--spacing) * 4);
938
+ }
939
+ .space-y-0\.5 {
940
+ :where(& > :not(:last-child)) {
941
+ --tw-space-y-reverse: 0;
942
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
943
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
944
+ }
945
+ }
946
+ .space-y-1 {
947
+ :where(& > :not(:last-child)) {
948
+ --tw-space-y-reverse: 0;
949
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
950
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
951
+ }
952
+ }
953
+ .space-y-1\.5 {
954
+ :where(& > :not(:last-child)) {
955
+ --tw-space-y-reverse: 0;
956
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
957
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
958
+ }
959
+ }
960
+ .space-y-2 {
961
+ :where(& > :not(:last-child)) {
962
+ --tw-space-y-reverse: 0;
963
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
964
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
965
+ }
966
+ }
967
+ .space-y-3 {
968
+ :where(& > :not(:last-child)) {
969
+ --tw-space-y-reverse: 0;
970
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
971
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
972
+ }
973
+ }
974
+ .space-y-4 {
975
+ :where(& > :not(:last-child)) {
976
+ --tw-space-y-reverse: 0;
977
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
978
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
979
+ }
980
+ }
981
+ .space-y-5 {
982
+ :where(& > :not(:last-child)) {
983
+ --tw-space-y-reverse: 0;
984
+ margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
985
+ margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
986
+ }
987
+ }
988
+ .space-y-8 {
989
+ :where(& > :not(:last-child)) {
990
+ --tw-space-y-reverse: 0;
991
+ margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
992
+ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
993
+ }
994
+ }
995
+ .divide-y {
996
+ :where(& > :not(:last-child)) {
997
+ --tw-divide-y-reverse: 0;
998
+ border-bottom-style: var(--tw-border-style);
999
+ border-top-style: var(--tw-border-style);
1000
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1001
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1002
+ }
1003
+ }
1004
+ .divide-slate-100 {
1005
+ :where(& > :not(:last-child)) {
1006
+ border-color: var(--color-slate-100);
1007
+ }
1008
+ }
1009
+ .truncate {
1010
+ overflow: hidden;
1011
+ text-overflow: ellipsis;
1012
+ white-space: nowrap;
1013
+ }
1014
+ .overflow-auto {
1015
+ overflow: auto;
1016
+ }
1017
+ .overflow-hidden {
1018
+ overflow: hidden;
1019
+ }
1020
+ .overflow-x-auto {
1021
+ overflow-x: auto;
1022
+ }
1023
+ .overflow-y-auto {
1024
+ overflow-y: auto;
1025
+ }
1026
+ .rounded {
1027
+ border-radius: 0.25rem;
1028
+ }
1029
+ .rounded-2xl {
1030
+ border-radius: var(--radius-2xl);
1031
+ }
1032
+ .rounded-3xl {
1033
+ border-radius: var(--radius-3xl);
1034
+ }
1035
+ .rounded-\[2px\] {
1036
+ border-radius: 2px;
1037
+ }
1038
+ .rounded-full {
1039
+ border-radius: calc(infinity * 1px);
1040
+ }
1041
+ .rounded-lg {
1042
+ border-radius: var(--radius-lg);
1043
+ }
1044
+ .rounded-md {
1045
+ border-radius: var(--radius-md);
1046
+ }
1047
+ .rounded-none {
1048
+ border-radius: 0;
1049
+ }
1050
+ .rounded-sm {
1051
+ border-radius: var(--radius-sm);
1052
+ }
1053
+ .rounded-xl {
1054
+ border-radius: var(--radius-xl);
1055
+ }
1056
+ .rounded-t-md {
1057
+ border-top-left-radius: var(--radius-md);
1058
+ border-top-right-radius: var(--radius-md);
1059
+ }
1060
+ .rounded-tl-\[2px\] {
1061
+ border-top-left-radius: 2px;
1062
+ }
1063
+ .rounded-tl-sm {
1064
+ border-top-left-radius: var(--radius-sm);
1065
+ }
1066
+ .rounded-tr-sm {
1067
+ border-top-right-radius: var(--radius-sm);
1068
+ }
1069
+ .border {
1070
+ border-style: var(--tw-border-style);
1071
+ border-width: 1px;
1072
+ }
1073
+ .border-2 {
1074
+ border-style: var(--tw-border-style);
1075
+ border-width: 2px;
1076
+ }
1077
+ .border-t {
1078
+ border-top-style: var(--tw-border-style);
1079
+ border-top-width: 1px;
1080
+ }
1081
+ .border-t-2 {
1082
+ border-top-style: var(--tw-border-style);
1083
+ border-top-width: 2px;
1084
+ }
1085
+ .border-r {
1086
+ border-right-style: var(--tw-border-style);
1087
+ border-right-width: 1px;
1088
+ }
1089
+ .border-b {
1090
+ border-bottom-style: var(--tw-border-style);
1091
+ border-bottom-width: 1px;
1092
+ }
1093
+ .border-b-2 {
1094
+ border-bottom-style: var(--tw-border-style);
1095
+ border-bottom-width: 2px;
1096
+ }
1097
+ .border-l-2 {
1098
+ border-left-style: var(--tw-border-style);
1099
+ border-left-width: 2px;
1100
+ }
1101
+ .border-dashed {
1102
+ --tw-border-style: dashed;
1103
+ border-style: dashed;
1104
+ }
1105
+ .border-amber-100 {
1106
+ border-color: var(--color-amber-100);
1107
+ }
1108
+ .border-amber-200 {
1109
+ border-color: var(--color-amber-200);
1110
+ }
1111
+ .border-emerald-100 {
1112
+ border-color: var(--color-emerald-100);
1113
+ }
1114
+ .border-emerald-200 {
1115
+ border-color: var(--color-emerald-200);
1116
+ }
1117
+ .border-emerald-500 {
1118
+ border-color: var(--color-emerald-500);
1119
+ }
1120
+ .border-emerald-500\/20 {
1121
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
1122
+ @supports (color: color-mix(in lab, red, red)) {
1123
+ border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
1124
+ }
1125
+ }
1126
+ .border-indigo-200 {
1127
+ border-color: var(--color-indigo-200);
1128
+ }
1129
+ .border-indigo-500 {
1130
+ border-color: var(--color-indigo-500);
1131
+ }
1132
+ .border-red-200 {
1133
+ border-color: var(--color-red-200);
1134
+ }
1135
+ .border-rose-100 {
1136
+ border-color: var(--color-rose-100);
1137
+ }
1138
+ .border-rose-200 {
1139
+ border-color: var(--color-rose-200);
1140
+ }
1141
+ .border-slate-100 {
1142
+ border-color: var(--color-slate-100);
1143
+ }
1144
+ .border-slate-200 {
1145
+ border-color: var(--color-slate-200);
1146
+ }
1147
+ .border-slate-200\/50 {
1148
+ border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);
1149
+ @supports (color: color-mix(in lab, red, red)) {
1150
+ border-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);
1151
+ }
1152
+ }
1153
+ .border-slate-200\/60 {
1154
+ border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
1155
+ @supports (color: color-mix(in lab, red, red)) {
1156
+ border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
1157
+ }
1158
+ }
1159
+ .border-slate-200\/80 {
1160
+ border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
1161
+ @supports (color: color-mix(in lab, red, red)) {
1162
+ border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
1163
+ }
1164
+ }
1165
+ .border-slate-300 {
1166
+ border-color: var(--color-slate-300);
1167
+ }
1168
+ .border-slate-800 {
1169
+ border-color: var(--color-slate-800);
1170
+ }
1171
+ .border-transparent {
1172
+ border-color: transparent;
1173
+ }
1174
+ .border-white {
1175
+ border-color: var(--color-white);
1176
+ }
1177
+ .border-white\/5 {
1178
+ border-color: color-mix(in srgb, #fff 5%, transparent);
1179
+ @supports (color: color-mix(in lab, red, red)) {
1180
+ border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
1181
+ }
1182
+ }
1183
+ .border-white\/8 {
1184
+ border-color: color-mix(in srgb, #fff 8%, transparent);
1185
+ @supports (color: color-mix(in lab, red, red)) {
1186
+ border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
1187
+ }
1188
+ }
1189
+ .border-t-transparent {
1190
+ border-top-color: transparent;
1191
+ }
1192
+ .bg-\[\#0d0d1a\] {
1193
+ background-color: #0d0d1a;
1194
+ }
1195
+ .bg-\[\#080818\] {
1196
+ background-color: #080818;
1197
+ }
1198
+ .bg-amber-50 {
1199
+ background-color: var(--color-amber-50);
1200
+ }
1201
+ .bg-amber-100 {
1202
+ background-color: var(--color-amber-100);
1203
+ }
1204
+ .bg-amber-200 {
1205
+ background-color: var(--color-amber-200);
1206
+ }
1207
+ .bg-amber-500 {
1208
+ background-color: var(--color-amber-500);
1209
+ }
1210
+ .bg-amber-500\/80 {
1211
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
1212
+ @supports (color: color-mix(in lab, red, red)) {
1213
+ background-color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
1214
+ }
1215
+ }
1216
+ .bg-blue-50 {
1217
+ background-color: var(--color-blue-50);
1218
+ }
1219
+ .bg-blue-100 {
1220
+ background-color: var(--color-blue-100);
1221
+ }
1222
+ .bg-blue-200 {
1223
+ background-color: var(--color-blue-200);
1224
+ }
1225
+ .bg-cyan-50 {
1226
+ background-color: var(--color-cyan-50);
1227
+ }
1228
+ .bg-cyan-100 {
1229
+ background-color: var(--color-cyan-100);
1230
+ }
1231
+ .bg-cyan-200 {
1232
+ background-color: var(--color-cyan-200);
1233
+ }
1234
+ .bg-emerald-50 {
1235
+ background-color: var(--color-emerald-50);
1236
+ }
1237
+ .bg-emerald-50\/50 {
1238
+ background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
1239
+ @supports (color: color-mix(in lab, red, red)) {
1240
+ background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
1241
+ }
1242
+ }
1243
+ .bg-emerald-100 {
1244
+ background-color: var(--color-emerald-100);
1245
+ }
1246
+ .bg-emerald-200 {
1247
+ background-color: var(--color-emerald-200);
1248
+ }
1249
+ .bg-emerald-500 {
1250
+ background-color: var(--color-emerald-500);
1251
+ }
1252
+ .bg-emerald-500\/10 {
1253
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
1254
+ @supports (color: color-mix(in lab, red, red)) {
1255
+ background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
1256
+ }
1257
+ }
1258
+ .bg-emerald-500\/80 {
1259
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 80%, transparent);
1260
+ @supports (color: color-mix(in lab, red, red)) {
1261
+ background-color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent);
1262
+ }
1263
+ }
1264
+ .bg-indigo-50 {
1265
+ background-color: var(--color-indigo-50);
1266
+ }
1267
+ .bg-indigo-100 {
1268
+ background-color: var(--color-indigo-100);
1269
+ }
1270
+ .bg-indigo-500 {
1271
+ background-color: var(--color-indigo-500);
1272
+ }
1273
+ .bg-indigo-600 {
1274
+ background-color: var(--color-indigo-600);
1275
+ }
1276
+ .bg-orange-100 {
1277
+ background-color: var(--color-orange-100);
1278
+ }
1279
+ .bg-pink-50 {
1280
+ background-color: var(--color-pink-50);
1281
+ }
1282
+ .bg-pink-100 {
1283
+ background-color: var(--color-pink-100);
1284
+ }
1285
+ .bg-pink-200 {
1286
+ background-color: var(--color-pink-200);
1287
+ }
1288
+ .bg-purple-50 {
1289
+ background-color: var(--color-purple-50);
1290
+ }
1291
+ .bg-purple-100 {
1292
+ background-color: var(--color-purple-100);
1293
+ }
1294
+ .bg-purple-200 {
1295
+ background-color: var(--color-purple-200);
1296
+ }
1297
+ .bg-red-50 {
1298
+ background-color: var(--color-red-50);
1299
+ }
1300
+ .bg-red-500 {
1301
+ background-color: var(--color-red-500);
1302
+ }
1303
+ .bg-rose-50 {
1304
+ background-color: var(--color-rose-50);
1305
+ }
1306
+ .bg-rose-500 {
1307
+ background-color: var(--color-rose-500);
1308
+ }
1309
+ .bg-rose-500\/80 {
1310
+ background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 80%, transparent);
1311
+ @supports (color: color-mix(in lab, red, red)) {
1312
+ background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);
1313
+ }
1314
+ }
1315
+ .bg-slate-50 {
1316
+ background-color: var(--color-slate-50);
1317
+ }
1318
+ .bg-slate-50\/20 {
1319
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 20%, transparent);
1320
+ @supports (color: color-mix(in lab, red, red)) {
1321
+ background-color: color-mix(in oklab, var(--color-slate-50) 20%, transparent);
1322
+ }
1323
+ }
1324
+ .bg-slate-50\/50 {
1325
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
1326
+ @supports (color: color-mix(in lab, red, red)) {
1327
+ background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
1328
+ }
1329
+ }
1330
+ .bg-slate-100 {
1331
+ background-color: var(--color-slate-100);
1332
+ }
1333
+ .bg-slate-100\/50 {
1334
+ background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);
1335
+ @supports (color: color-mix(in lab, red, red)) {
1336
+ background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);
1337
+ }
1338
+ }
1339
+ .bg-slate-200 {
1340
+ background-color: var(--color-slate-200);
1341
+ }
1342
+ .bg-slate-400 {
1343
+ background-color: var(--color-slate-400);
1344
+ }
1345
+ .bg-slate-800 {
1346
+ background-color: var(--color-slate-800);
1347
+ }
1348
+ .bg-slate-900 {
1349
+ background-color: var(--color-slate-900);
1350
+ }
1351
+ .bg-slate-900\/50 {
1352
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
1353
+ @supports (color: color-mix(in lab, red, red)) {
1354
+ background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
1355
+ }
1356
+ }
1357
+ .bg-slate-900\/90 {
1358
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 90%, transparent);
1359
+ @supports (color: color-mix(in lab, red, red)) {
1360
+ background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent);
1361
+ }
1362
+ }
1363
+ .bg-slate-950 {
1364
+ background-color: var(--color-slate-950);
1365
+ }
1366
+ .bg-transparent {
1367
+ background-color: transparent;
1368
+ }
1369
+ .bg-violet-100 {
1370
+ background-color: var(--color-violet-100);
1371
+ }
1372
+ .bg-white {
1373
+ background-color: var(--color-white);
1374
+ }
1375
+ .bg-white\/60 {
1376
+ background-color: color-mix(in srgb, #fff 60%, transparent);
1377
+ @supports (color: color-mix(in lab, red, red)) {
1378
+ background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
1379
+ }
1380
+ }
1381
+ .bg-white\/90 {
1382
+ background-color: color-mix(in srgb, #fff 90%, transparent);
1383
+ @supports (color: color-mix(in lab, red, red)) {
1384
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
1385
+ }
1386
+ }
1387
+ .bg-gradient-to-br {
1388
+ --tw-gradient-position: to bottom right in oklab;
1389
+ background-image: linear-gradient(var(--tw-gradient-stops));
1390
+ }
1391
+ .from-slate-100 {
1392
+ --tw-gradient-from: var(--color-slate-100);
1393
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1394
+ }
1395
+ .to-slate-200 {
1396
+ --tw-gradient-to: var(--color-slate-200);
1397
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1398
+ }
1399
+ .object-cover {
1400
+ object-fit: cover;
1401
+ }
1402
+ .p-0\.5 {
1403
+ padding: calc(var(--spacing) * 0.5);
1404
+ }
1405
+ .p-1 {
1406
+ padding: calc(var(--spacing) * 1);
1407
+ }
1408
+ .p-1\.5 {
1409
+ padding: calc(var(--spacing) * 1.5);
1410
+ }
1411
+ .p-2 {
1412
+ padding: calc(var(--spacing) * 2);
1413
+ }
1414
+ .p-2\.5 {
1415
+ padding: calc(var(--spacing) * 2.5);
1416
+ }
1417
+ .p-3 {
1418
+ padding: calc(var(--spacing) * 3);
1419
+ }
1420
+ .p-4 {
1421
+ padding: calc(var(--spacing) * 4);
1422
+ }
1423
+ .p-6 {
1424
+ padding: calc(var(--spacing) * 6);
1425
+ }
1426
+ .p-8 {
1427
+ padding: calc(var(--spacing) * 8);
1428
+ }
1429
+ .p-10 {
1430
+ padding: calc(var(--spacing) * 10);
1431
+ }
1432
+ .px-1 {
1433
+ padding-inline: calc(var(--spacing) * 1);
1434
+ }
1435
+ .px-1\.5 {
1436
+ padding-inline: calc(var(--spacing) * 1.5);
1437
+ }
1438
+ .px-2 {
1439
+ padding-inline: calc(var(--spacing) * 2);
1440
+ }
1441
+ .px-2\.5 {
1442
+ padding-inline: calc(var(--spacing) * 2.5);
1443
+ }
1444
+ .px-3 {
1445
+ padding-inline: calc(var(--spacing) * 3);
1446
+ }
1447
+ .px-4 {
1448
+ padding-inline: calc(var(--spacing) * 4);
1449
+ }
1450
+ .px-5 {
1451
+ padding-inline: calc(var(--spacing) * 5);
1452
+ }
1453
+ .px-6 {
1454
+ padding-inline: calc(var(--spacing) * 6);
1455
+ }
1456
+ .py-0\.5 {
1457
+ padding-block: calc(var(--spacing) * 0.5);
1458
+ }
1459
+ .py-1 {
1460
+ padding-block: calc(var(--spacing) * 1);
1461
+ }
1462
+ .py-1\.5 {
1463
+ padding-block: calc(var(--spacing) * 1.5);
1464
+ }
1465
+ .py-2 {
1466
+ padding-block: calc(var(--spacing) * 2);
1467
+ }
1468
+ .py-2\.5 {
1469
+ padding-block: calc(var(--spacing) * 2.5);
1470
+ }
1471
+ .py-3 {
1472
+ padding-block: calc(var(--spacing) * 3);
1473
+ }
1474
+ .py-4 {
1475
+ padding-block: calc(var(--spacing) * 4);
1476
+ }
1477
+ .pt-1 {
1478
+ padding-top: calc(var(--spacing) * 1);
1479
+ }
1480
+ .pt-2 {
1481
+ padding-top: calc(var(--spacing) * 2);
1482
+ }
1483
+ .pr-1 {
1484
+ padding-right: calc(var(--spacing) * 1);
1485
+ }
1486
+ .pb-3 {
1487
+ padding-bottom: calc(var(--spacing) * 3);
1488
+ }
1489
+ .pb-4 {
1490
+ padding-bottom: calc(var(--spacing) * 4);
1491
+ }
1492
+ .pb-6 {
1493
+ padding-bottom: calc(var(--spacing) * 6);
1494
+ }
1495
+ .text-center {
1496
+ text-align: center;
1497
+ }
1498
+ .text-left {
1499
+ text-align: left;
1500
+ }
1501
+ .align-middle {
1502
+ vertical-align: middle;
1503
+ }
1504
+ .font-mono {
1505
+ font-family: var(--font-mono);
1506
+ }
1507
+ .text-3xl {
1508
+ font-size: var(--text-3xl);
1509
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1510
+ }
1511
+ .text-base {
1512
+ font-size: var(--text-base);
1513
+ line-height: var(--tw-leading, var(--text-base--line-height));
1514
+ }
1515
+ .text-lg {
1516
+ font-size: var(--text-lg);
1517
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1518
+ }
1519
+ .text-sm {
1520
+ font-size: var(--text-sm);
1521
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1522
+ }
1523
+ .text-xs {
1524
+ font-size: var(--text-xs);
1525
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1526
+ }
1527
+ .text-\[9px\] {
1528
+ font-size: 9px;
1529
+ }
1530
+ .text-\[10px\] {
1531
+ font-size: 10px;
1532
+ }
1533
+ .text-\[11px\] {
1534
+ font-size: 11px;
1535
+ }
1536
+ .text-\[12px\] {
1537
+ font-size: 12px;
1538
+ }
1539
+ .text-\[13px\] {
1540
+ font-size: 13px;
1541
+ }
1542
+ .leading-relaxed {
1543
+ --tw-leading: var(--leading-relaxed);
1544
+ line-height: var(--leading-relaxed);
1545
+ }
1546
+ .leading-tight {
1547
+ --tw-leading: var(--leading-tight);
1548
+ line-height: var(--leading-tight);
1549
+ }
1550
+ .font-bold {
1551
+ --tw-font-weight: var(--font-weight-bold);
1552
+ font-weight: var(--font-weight-bold);
1553
+ }
1554
+ .font-medium {
1555
+ --tw-font-weight: var(--font-weight-medium);
1556
+ font-weight: var(--font-weight-medium);
1557
+ }
1558
+ .font-semibold {
1559
+ --tw-font-weight: var(--font-weight-semibold);
1560
+ font-weight: var(--font-weight-semibold);
1561
+ }
1562
+ .tracking-tight {
1563
+ --tw-tracking: var(--tracking-tight);
1564
+ letter-spacing: var(--tracking-tight);
1565
+ }
1566
+ .tracking-wider {
1567
+ --tw-tracking: var(--tracking-wider);
1568
+ letter-spacing: var(--tracking-wider);
1569
+ }
1570
+ .tracking-widest {
1571
+ --tw-tracking: var(--tracking-widest);
1572
+ letter-spacing: var(--tracking-widest);
1573
+ }
1574
+ .break-words {
1575
+ overflow-wrap: break-word;
1576
+ }
1577
+ .whitespace-nowrap {
1578
+ white-space: nowrap;
1579
+ }
1580
+ .whitespace-pre {
1581
+ white-space: pre;
1582
+ }
1583
+ .whitespace-pre-line {
1584
+ white-space: pre-line;
1585
+ }
1586
+ .whitespace-pre-wrap {
1587
+ white-space: pre-wrap;
1588
+ }
1589
+ .text-amber-400 {
1590
+ color: var(--color-amber-400);
1591
+ }
1592
+ .text-amber-500 {
1593
+ color: var(--color-amber-500);
1594
+ }
1595
+ .text-amber-600 {
1596
+ color: var(--color-amber-600);
1597
+ }
1598
+ .text-amber-700 {
1599
+ color: var(--color-amber-700);
1600
+ }
1601
+ .text-amber-800 {
1602
+ color: var(--color-amber-800);
1603
+ }
1604
+ .text-amber-900 {
1605
+ color: var(--color-amber-900);
1606
+ }
1607
+ .text-amber-950 {
1608
+ color: var(--color-amber-950);
1609
+ }
1610
+ .text-blue-600 {
1611
+ color: var(--color-blue-600);
1612
+ }
1613
+ .text-blue-700 {
1614
+ color: var(--color-blue-700);
1615
+ }
1616
+ .text-blue-800 {
1617
+ color: var(--color-blue-800);
1618
+ }
1619
+ .text-blue-950 {
1620
+ color: var(--color-blue-950);
1621
+ }
1622
+ .text-cyan-700 {
1623
+ color: var(--color-cyan-700);
1624
+ }
1625
+ .text-cyan-800 {
1626
+ color: var(--color-cyan-800);
1627
+ }
1628
+ .text-cyan-950 {
1629
+ color: var(--color-cyan-950);
1630
+ }
1631
+ .text-emerald-400 {
1632
+ color: var(--color-emerald-400);
1633
+ }
1634
+ .text-emerald-500 {
1635
+ color: var(--color-emerald-500);
1636
+ }
1637
+ .text-emerald-500\/70 {
1638
+ color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
1639
+ @supports (color: color-mix(in lab, red, red)) {
1640
+ color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
1641
+ }
1642
+ }
1643
+ .text-emerald-600 {
1644
+ color: var(--color-emerald-600);
1645
+ }
1646
+ .text-emerald-700 {
1647
+ color: var(--color-emerald-700);
1648
+ }
1649
+ .text-emerald-800 {
1650
+ color: var(--color-emerald-800);
1651
+ }
1652
+ .text-emerald-950 {
1653
+ color: var(--color-emerald-950);
1654
+ }
1655
+ .text-gray-500 {
1656
+ color: var(--color-gray-500);
1657
+ }
1658
+ .text-indigo-200\/85 {
1659
+ color: color-mix(in srgb, oklch(87% 0.065 274.039) 85%, transparent);
1660
+ @supports (color: color-mix(in lab, red, red)) {
1661
+ color: color-mix(in oklab, var(--color-indigo-200) 85%, transparent);
1662
+ }
1663
+ }
1664
+ .text-indigo-400 {
1665
+ color: var(--color-indigo-400);
1666
+ }
1667
+ .text-indigo-500 {
1668
+ color: var(--color-indigo-500);
1669
+ }
1670
+ .text-indigo-600 {
1671
+ color: var(--color-indigo-600);
1672
+ }
1673
+ .text-indigo-900 {
1674
+ color: var(--color-indigo-900);
1675
+ }
1676
+ .text-indigo-950 {
1677
+ color: var(--color-indigo-950);
1678
+ }
1679
+ .text-orange-950 {
1680
+ color: var(--color-orange-950);
1681
+ }
1682
+ .text-pink-700 {
1683
+ color: var(--color-pink-700);
1684
+ }
1685
+ .text-pink-800 {
1686
+ color: var(--color-pink-800);
1687
+ }
1688
+ .text-pink-950 {
1689
+ color: var(--color-pink-950);
1690
+ }
1691
+ .text-purple-700 {
1692
+ color: var(--color-purple-700);
1693
+ }
1694
+ .text-purple-800 {
1695
+ color: var(--color-purple-800);
1696
+ }
1697
+ .text-purple-950 {
1698
+ color: var(--color-purple-950);
1699
+ }
1700
+ .text-red-500 {
1701
+ color: var(--color-red-500);
1702
+ }
1703
+ .text-red-600 {
1704
+ color: var(--color-red-600);
1705
+ }
1706
+ .text-rose-400 {
1707
+ color: var(--color-rose-400);
1708
+ }
1709
+ .text-rose-500 {
1710
+ color: var(--color-rose-500);
1711
+ }
1712
+ .text-rose-600 {
1713
+ color: var(--color-rose-600);
1714
+ }
1715
+ .text-slate-100 {
1716
+ color: var(--color-slate-100);
1717
+ }
1718
+ .text-slate-200 {
1719
+ color: var(--color-slate-200);
1720
+ }
1721
+ .text-slate-300 {
1722
+ color: var(--color-slate-300);
1723
+ }
1724
+ .text-slate-400 {
1725
+ color: var(--color-slate-400);
1726
+ }
1727
+ .text-slate-500 {
1728
+ color: var(--color-slate-500);
1729
+ }
1730
+ .text-slate-600 {
1731
+ color: var(--color-slate-600);
1732
+ }
1733
+ .text-slate-700 {
1734
+ color: var(--color-slate-700);
1735
+ }
1736
+ .text-slate-800 {
1737
+ color: var(--color-slate-800);
1738
+ }
1739
+ .text-slate-900 {
1740
+ color: var(--color-slate-900);
1741
+ }
1742
+ .text-violet-900 {
1743
+ color: var(--color-violet-900);
1744
+ }
1745
+ .text-white {
1746
+ color: var(--color-white);
1747
+ }
1748
+ .text-white\/25 {
1749
+ color: color-mix(in srgb, #fff 25%, transparent);
1750
+ @supports (color: color-mix(in lab, red, red)) {
1751
+ color: color-mix(in oklab, var(--color-white) 25%, transparent);
1752
+ }
1753
+ }
1754
+ .text-white\/35 {
1755
+ color: color-mix(in srgb, #fff 35%, transparent);
1756
+ @supports (color: color-mix(in lab, red, red)) {
1757
+ color: color-mix(in oklab, var(--color-white) 35%, transparent);
1758
+ }
1759
+ }
1760
+ .lowercase {
1761
+ text-transform: lowercase;
1762
+ }
1763
+ .uppercase {
1764
+ text-transform: uppercase;
1765
+ }
1766
+ .italic {
1767
+ font-style: italic;
1768
+ }
1769
+ .tabular-nums {
1770
+ --tw-numeric-spacing: tabular-nums;
1771
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1772
+ }
1773
+ .antialiased {
1774
+ -webkit-font-smoothing: antialiased;
1775
+ -moz-osx-font-smoothing: grayscale;
1776
+ }
1777
+ .placeholder-slate-400 {
1778
+ &::placeholder {
1779
+ color: var(--color-slate-400);
1780
+ }
1781
+ }
1782
+ .opacity-0 {
1783
+ opacity: 0%;
1784
+ }
1785
+ .opacity-20 {
1786
+ opacity: 20%;
1787
+ }
1788
+ .opacity-30 {
1789
+ opacity: 30%;
1790
+ }
1791
+ .opacity-100 {
1792
+ opacity: 100%;
1793
+ }
1794
+ .shadow-2xl {
1795
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1796
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1797
+ }
1798
+ .shadow-lg {
1799
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1800
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1801
+ }
1802
+ .shadow-md {
1803
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1804
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1805
+ }
1806
+ .shadow-sm {
1807
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1808
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1809
+ }
1810
+ .shadow-xl {
1811
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1812
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1813
+ }
1814
+ .ring {
1815
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1816
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1817
+ }
1818
+ .ring-1 {
1819
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1820
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1821
+ }
1822
+ .ring-2 {
1823
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1824
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1825
+ }
1826
+ .shadow-rose-500\/20 {
1827
+ --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
1828
+ @supports (color: color-mix(in lab, red, red)) {
1829
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1830
+ }
1831
+ }
1832
+ .ring-slate-200\/80 {
1833
+ --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
1834
+ @supports (color: color-mix(in lab, red, red)) {
1835
+ --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
1836
+ }
1837
+ }
1838
+ .ring-offset-1 {
1839
+ --tw-ring-offset-width: 1px;
1840
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1841
+ }
1842
+ .ring-offset-transparent {
1843
+ --tw-ring-offset-color: transparent;
1844
+ }
1845
+ .drop-shadow-2xl {
1846
+ --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
1847
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
1848
+ 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,);
1849
+ }
1850
+ .filter {
1851
+ 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,);
1852
+ }
1853
+ .backdrop-blur-md {
1854
+ --tw-backdrop-blur: blur(var(--blur-md));
1855
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1856
+ 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,);
1857
+ }
1858
+ .backdrop-blur-sm {
1859
+ --tw-backdrop-blur: blur(var(--blur-sm));
1860
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1861
+ 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,);
1862
+ }
1863
+ .backdrop-blur-xl {
1864
+ --tw-backdrop-blur: blur(var(--blur-xl));
1865
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1866
+ 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,);
1867
+ }
1868
+ .transition-all {
1869
+ transition-property: all;
1870
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1871
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1872
+ }
1873
+ .transition-colors {
1874
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1875
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1876
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1877
+ }
1878
+ .transition-opacity {
1879
+ transition-property: opacity;
1880
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1881
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1882
+ }
1883
+ .transition-shadow {
1884
+ transition-property: box-shadow;
1885
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1886
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1887
+ }
1888
+ .transition-transform {
1889
+ transition-property: transform, translate, scale, rotate;
1890
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1891
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1892
+ }
1893
+ .duration-200 {
1894
+ --tw-duration: 200ms;
1895
+ transition-duration: 200ms;
1896
+ }
1897
+ .duration-300 {
1898
+ --tw-duration: 300ms;
1899
+ transition-duration: 300ms;
1900
+ }
1901
+ .duration-500 {
1902
+ --tw-duration: 500ms;
1903
+ transition-duration: 500ms;
1904
+ }
1905
+ .duration-700 {
1906
+ --tw-duration: 700ms;
1907
+ transition-duration: 700ms;
1908
+ }
1909
+ .ease-in-out {
1910
+ --tw-ease: var(--ease-in-out);
1911
+ transition-timing-function: var(--ease-in-out);
1912
+ }
1913
+ .outline-none {
1914
+ --tw-outline-style: none;
1915
+ outline-style: none;
1916
+ }
1917
+ .select-none {
1918
+ -webkit-user-select: none;
1919
+ user-select: none;
1920
+ }
1921
+ .select-text {
1922
+ -webkit-user-select: text;
1923
+ user-select: text;
1924
+ }
1925
+ .\[animation-delay\:0ms\] {
1926
+ animation-delay: 0ms;
1927
+ }
1928
+ .\[animation-delay\:150ms\] {
1929
+ animation-delay: 150ms;
1930
+ }
1931
+ .\[animation-delay\:300ms\] {
1932
+ animation-delay: 300ms;
1933
+ }
1934
+ .group-hover\:scale-100 {
1935
+ &:is(:where(.group):hover *) {
1936
+ @media (hover: hover) {
1937
+ --tw-scale-x: 100%;
1938
+ --tw-scale-y: 100%;
1939
+ --tw-scale-z: 100%;
1940
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1941
+ }
1942
+ }
1943
+ }
1944
+ .group-hover\:scale-105 {
1945
+ &:is(:where(.group):hover *) {
1946
+ @media (hover: hover) {
1947
+ --tw-scale-x: 105%;
1948
+ --tw-scale-y: 105%;
1949
+ --tw-scale-z: 105%;
1950
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1951
+ }
1952
+ }
1953
+ }
1954
+ .group-hover\:animate-\[gradientMove_3\.5s_ease-in-out_infinite_alternate\] {
1955
+ &:is(:where(.group):hover *) {
1956
+ @media (hover: hover) {
1957
+ animation: gradientMove 3.5s ease-in-out infinite alternate;
1958
+ }
1959
+ }
1960
+ }
1961
+ .group-hover\:animate-\[shapeshift_5s_ease-in-out_infinite_forwards\] {
1962
+ &:is(:where(.group):hover *) {
1963
+ @media (hover: hover) {
1964
+ animation: shapeshift 5s ease-in-out infinite forwards;
1965
+ }
1966
+ }
1967
+ }
1968
+ .group-hover\:rounded-none {
1969
+ &:is(:where(.group):hover *) {
1970
+ @media (hover: hover) {
1971
+ border-radius: 0;
1972
+ }
1973
+ }
1974
+ }
1975
+ .group-hover\:border-slate-500 {
1976
+ &:is(:where(.group):hover *) {
1977
+ @media (hover: hover) {
1978
+ border-color: var(--color-slate-500);
1979
+ }
1980
+ }
1981
+ }
1982
+ .group-hover\:opacity-100 {
1983
+ &:is(:where(.group):hover *) {
1984
+ @media (hover: hover) {
1985
+ opacity: 100%;
1986
+ }
1987
+ }
1988
+ }
1989
+ .focus-within\:border-slate-300 {
1990
+ &:focus-within {
1991
+ border-color: var(--color-slate-300);
1992
+ }
1993
+ }
1994
+ .hover\:scale-105 {
1995
+ &:hover {
1996
+ @media (hover: hover) {
1997
+ --tw-scale-x: 105%;
1998
+ --tw-scale-y: 105%;
1999
+ --tw-scale-z: 105%;
2000
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2001
+ }
2002
+ }
2003
+ }
2004
+ .hover\:scale-110 {
2005
+ &:hover {
2006
+ @media (hover: hover) {
2007
+ --tw-scale-x: 110%;
2008
+ --tw-scale-y: 110%;
2009
+ --tw-scale-z: 110%;
2010
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2011
+ }
2012
+ }
2013
+ }
2014
+ .hover\:scale-\[1\.01\] {
2015
+ &:hover {
2016
+ @media (hover: hover) {
2017
+ scale: 1.01;
2018
+ }
2019
+ }
2020
+ }
2021
+ .hover\:scale-\[1\.02\] {
2022
+ &:hover {
2023
+ @media (hover: hover) {
2024
+ scale: 1.02;
2025
+ }
2026
+ }
2027
+ }
2028
+ .hover\:border-emerald-200 {
2029
+ &:hover {
2030
+ @media (hover: hover) {
2031
+ border-color: var(--color-emerald-200);
2032
+ }
2033
+ }
2034
+ }
2035
+ .hover\:border-rose-200 {
2036
+ &:hover {
2037
+ @media (hover: hover) {
2038
+ border-color: var(--color-rose-200);
2039
+ }
2040
+ }
2041
+ }
2042
+ .hover\:border-slate-300 {
2043
+ &:hover {
2044
+ @media (hover: hover) {
2045
+ border-color: var(--color-slate-300);
2046
+ }
2047
+ }
2048
+ }
2049
+ .hover\:border-slate-300\/60 {
2050
+ &:hover {
2051
+ @media (hover: hover) {
2052
+ border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 60%, transparent);
2053
+ @supports (color: color-mix(in lab, red, red)) {
2054
+ border-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent);
2055
+ }
2056
+ }
2057
+ }
2058
+ }
2059
+ .hover\:border-slate-800 {
2060
+ &:hover {
2061
+ @media (hover: hover) {
2062
+ border-color: var(--color-slate-800);
2063
+ }
2064
+ }
2065
+ }
2066
+ .hover\:bg-emerald-50 {
2067
+ &:hover {
2068
+ @media (hover: hover) {
2069
+ background-color: var(--color-emerald-50);
2070
+ }
2071
+ }
2072
+ }
2073
+ .hover\:bg-rose-50 {
2074
+ &:hover {
2075
+ @media (hover: hover) {
2076
+ background-color: var(--color-rose-50);
2077
+ }
2078
+ }
2079
+ }
2080
+ .hover\:bg-rose-600 {
2081
+ &:hover {
2082
+ @media (hover: hover) {
2083
+ background-color: var(--color-rose-600);
2084
+ }
2085
+ }
2086
+ }
2087
+ .hover\:bg-slate-50\/60 {
2088
+ &:hover {
2089
+ @media (hover: hover) {
2090
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
2091
+ @supports (color: color-mix(in lab, red, red)) {
2092
+ background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
2093
+ }
2094
+ }
2095
+ }
2096
+ }
2097
+ .hover\:bg-slate-50\/70 {
2098
+ &:hover {
2099
+ @media (hover: hover) {
2100
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
2101
+ @supports (color: color-mix(in lab, red, red)) {
2102
+ background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
2103
+ }
2104
+ }
2105
+ }
2106
+ }
2107
+ .hover\:bg-slate-100 {
2108
+ &:hover {
2109
+ @media (hover: hover) {
2110
+ background-color: var(--color-slate-100);
2111
+ }
2112
+ }
2113
+ }
2114
+ .hover\:bg-slate-200 {
2115
+ &:hover {
2116
+ @media (hover: hover) {
2117
+ background-color: var(--color-slate-200);
2118
+ }
2119
+ }
2120
+ }
2121
+ .hover\:bg-slate-800 {
2122
+ &:hover {
2123
+ @media (hover: hover) {
2124
+ background-color: var(--color-slate-800);
2125
+ }
2126
+ }
2127
+ }
2128
+ .hover\:bg-white {
2129
+ &:hover {
2130
+ @media (hover: hover) {
2131
+ background-color: var(--color-white);
2132
+ }
2133
+ }
2134
+ }
2135
+ .hover\:bg-white\/5 {
2136
+ &:hover {
2137
+ @media (hover: hover) {
2138
+ background-color: color-mix(in srgb, #fff 5%, transparent);
2139
+ @supports (color: color-mix(in lab, red, red)) {
2140
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
2141
+ }
2142
+ }
2143
+ }
2144
+ }
2145
+ .hover\:text-blue-500 {
2146
+ &:hover {
2147
+ @media (hover: hover) {
2148
+ color: var(--color-blue-500);
2149
+ }
2150
+ }
2151
+ }
2152
+ .hover\:text-emerald-400 {
2153
+ &:hover {
2154
+ @media (hover: hover) {
2155
+ color: var(--color-emerald-400);
2156
+ }
2157
+ }
2158
+ }
2159
+ .hover\:text-emerald-500 {
2160
+ &:hover {
2161
+ @media (hover: hover) {
2162
+ color: var(--color-emerald-500);
2163
+ }
2164
+ }
2165
+ }
2166
+ .hover\:text-indigo-300 {
2167
+ &:hover {
2168
+ @media (hover: hover) {
2169
+ color: var(--color-indigo-300);
2170
+ }
2171
+ }
2172
+ }
2173
+ .hover\:text-indigo-500 {
2174
+ &:hover {
2175
+ @media (hover: hover) {
2176
+ color: var(--color-indigo-500);
2177
+ }
2178
+ }
2179
+ }
2180
+ .hover\:text-rose-500 {
2181
+ &:hover {
2182
+ @media (hover: hover) {
2183
+ color: var(--color-rose-500);
2184
+ }
2185
+ }
2186
+ }
2187
+ .hover\:text-slate-600 {
2188
+ &:hover {
2189
+ @media (hover: hover) {
2190
+ color: var(--color-slate-600);
2191
+ }
2192
+ }
2193
+ }
2194
+ .hover\:text-slate-900 {
2195
+ &:hover {
2196
+ @media (hover: hover) {
2197
+ color: var(--color-slate-900);
2198
+ }
2199
+ }
2200
+ }
2201
+ .hover\:text-white\/80 {
2202
+ &:hover {
2203
+ @media (hover: hover) {
2204
+ color: color-mix(in srgb, #fff 80%, transparent);
2205
+ @supports (color: color-mix(in lab, red, red)) {
2206
+ color: color-mix(in oklab, var(--color-white) 80%, transparent);
2207
+ }
2208
+ }
2209
+ }
2210
+ }
2211
+ .hover\:opacity-90 {
2212
+ &:hover {
2213
+ @media (hover: hover) {
2214
+ opacity: 90%;
2215
+ }
2216
+ }
2217
+ }
2218
+ .hover\:shadow-lg {
2219
+ &:hover {
2220
+ @media (hover: hover) {
2221
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2222
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2223
+ }
2224
+ }
2225
+ }
2226
+ .hover\:shadow-md {
2227
+ &:hover {
2228
+ @media (hover: hover) {
2229
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2230
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2231
+ }
2232
+ }
2233
+ }
2234
+ .focus\:border-emerald-500 {
2235
+ &:focus {
2236
+ border-color: var(--color-emerald-500);
2237
+ }
2238
+ }
2239
+ .focus\:ring-blue-500 {
2240
+ &:focus {
2241
+ --tw-ring-color: var(--color-blue-500);
2242
+ }
2243
+ }
2244
+ .active\:scale-95 {
2245
+ &:active {
2246
+ --tw-scale-x: 95%;
2247
+ --tw-scale-y: 95%;
2248
+ --tw-scale-z: 95%;
2249
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2250
+ }
2251
+ }
2252
+ .active\:scale-\[0\.98\] {
2253
+ &:active {
2254
+ scale: 0.98;
2255
+ }
2256
+ }
2257
+ .disabled\:cursor-not-allowed {
2258
+ &:disabled {
2259
+ cursor: not-allowed;
2260
+ }
2261
+ }
2262
+ .disabled\:opacity-30 {
2263
+ &:disabled {
2264
+ opacity: 30%;
2265
+ }
2266
+ }
2267
+ .disabled\:opacity-50 {
2268
+ &:disabled {
2269
+ opacity: 50%;
2270
+ }
2271
+ }
2272
+ .disabled\:hover\:scale-100 {
2273
+ &:disabled {
2274
+ &:hover {
2275
+ @media (hover: hover) {
2276
+ --tw-scale-x: 100%;
2277
+ --tw-scale-y: 100%;
2278
+ --tw-scale-z: 100%;
2279
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2280
+ }
2281
+ }
2282
+ }
2283
+ }
2284
+ .disabled\:active\:scale-100 {
2285
+ &:disabled {
2286
+ &:active {
2287
+ --tw-scale-x: 100%;
2288
+ --tw-scale-y: 100%;
2289
+ --tw-scale-z: 100%;
2290
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2291
+ }
2292
+ }
2293
+ }
2294
+ .sm\:grid-cols-2 {
2295
+ @media (width >= 40rem) {
2296
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2297
+ }
2298
+ }
2299
+ .md\:p-12 {
2300
+ @media (width >= 48rem) {
2301
+ padding: calc(var(--spacing) * 12);
2302
+ }
2303
+ }
2304
+ .md\:opacity-0 {
2305
+ @media (width >= 48rem) {
2306
+ opacity: 0%;
2307
+ }
2308
+ }
2309
+ .md\:group-hover\/carousel\:opacity-100 {
2310
+ @media (width >= 48rem) {
2311
+ &:is(:where(.group\/carousel):hover *) {
2312
+ @media (hover: hover) {
2313
+ opacity: 100%;
2314
+ }
2315
+ }
2316
+ }
2317
+ }
2318
+ .dark\:scrollbar-thumb-white\/10 {
2319
+ @media (prefers-color-scheme: dark) {
2320
+ --tw-scrollbar-thumb: color-mix(in srgb, #fff 10%, transparent);
2321
+ @supports (color: color-mix(in lab, red, red)) {
2322
+ --tw-scrollbar-thumb: color-mix(in oklab, var(--color-white) 10%, transparent);
2323
+ }
2324
+ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
2325
+ }
2326
+ }
2327
+ .dark\:divide-white\/5 {
2328
+ @media (prefers-color-scheme: dark) {
2329
+ :where(& > :not(:last-child)) {
2330
+ border-color: color-mix(in srgb, #fff 5%, transparent);
2331
+ @supports (color: color-mix(in lab, red, red)) {
2332
+ border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
2333
+ }
2334
+ }
2335
+ }
2336
+ }
2337
+ .dark\:border-amber-400\/20 {
2338
+ @media (prefers-color-scheme: dark) {
2339
+ border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
2340
+ @supports (color: color-mix(in lab, red, red)) {
2341
+ border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
2342
+ }
2343
+ }
2344
+ }
2345
+ .dark\:border-amber-500\/20 {
2346
+ @media (prefers-color-scheme: dark) {
2347
+ border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
2348
+ @supports (color: color-mix(in lab, red, red)) {
2349
+ border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
2350
+ }
2351
+ }
2352
+ }
2353
+ .dark\:border-emerald-400\/20 {
2354
+ @media (prefers-color-scheme: dark) {
2355
+ border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
2356
+ @supports (color: color-mix(in lab, red, red)) {
2357
+ border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
2358
+ }
2359
+ }
2360
+ }
2361
+ .dark\:border-emerald-500\/20 {
2362
+ @media (prefers-color-scheme: dark) {
2363
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
2364
+ @supports (color: color-mix(in lab, red, red)) {
2365
+ border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
2366
+ }
2367
+ }
2368
+ }
2369
+ .dark\:border-emerald-500\/25 {
2370
+ @media (prefers-color-scheme: dark) {
2371
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
2372
+ @supports (color: color-mix(in lab, red, red)) {
2373
+ border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
2374
+ }
2375
+ }
2376
+ }
2377
+ .dark\:border-indigo-500\/20 {
2378
+ @media (prefers-color-scheme: dark) {
2379
+ border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
2380
+ @supports (color: color-mix(in lab, red, red)) {
2381
+ border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
2382
+ }
2383
+ }
2384
+ }
2385
+ .dark\:border-red-500\/20 {
2386
+ @media (prefers-color-scheme: dark) {
2387
+ border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
2388
+ @supports (color: color-mix(in lab, red, red)) {
2389
+ border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
2390
+ }
2391
+ }
2392
+ }
2393
+ .dark\:border-rose-400\/20 {
2394
+ @media (prefers-color-scheme: dark) {
2395
+ border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
2396
+ @supports (color: color-mix(in lab, red, red)) {
2397
+ border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
2398
+ }
2399
+ }
2400
+ }
2401
+ .dark\:border-rose-500\/20 {
2402
+ @media (prefers-color-scheme: dark) {
2403
+ border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
2404
+ @supports (color: color-mix(in lab, red, red)) {
2405
+ border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
2406
+ }
2407
+ }
2408
+ }
2409
+ .dark\:border-rose-500\/25 {
2410
+ @media (prefers-color-scheme: dark) {
2411
+ border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);
2412
+ @supports (color: color-mix(in lab, red, red)) {
2413
+ border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);
2414
+ }
2415
+ }
2416
+ }
2417
+ .dark\:border-slate-700 {
2418
+ @media (prefers-color-scheme: dark) {
2419
+ border-color: var(--color-slate-700);
2420
+ }
2421
+ }
2422
+ .dark\:border-slate-800 {
2423
+ @media (prefers-color-scheme: dark) {
2424
+ border-color: var(--color-slate-800);
2425
+ }
2426
+ }
2427
+ .dark\:border-white\/5 {
2428
+ @media (prefers-color-scheme: dark) {
2429
+ border-color: color-mix(in srgb, #fff 5%, transparent);
2430
+ @supports (color: color-mix(in lab, red, red)) {
2431
+ border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
2432
+ }
2433
+ }
2434
+ }
2435
+ .dark\:border-white\/8 {
2436
+ @media (prefers-color-scheme: dark) {
2437
+ border-color: color-mix(in srgb, #fff 8%, transparent);
2438
+ @supports (color: color-mix(in lab, red, red)) {
2439
+ border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
2440
+ }
2441
+ }
2442
+ }
2443
+ .dark\:border-white\/10 {
2444
+ @media (prefers-color-scheme: dark) {
2445
+ border-color: color-mix(in srgb, #fff 10%, transparent);
2446
+ @supports (color: color-mix(in lab, red, red)) {
2447
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2448
+ }
2449
+ }
2450
+ }
2451
+ .dark\:border-white\/20 {
2452
+ @media (prefers-color-scheme: dark) {
2453
+ border-color: color-mix(in srgb, #fff 20%, transparent);
2454
+ @supports (color: color-mix(in lab, red, red)) {
2455
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
2456
+ }
2457
+ }
2458
+ }
2459
+ .dark\:bg-\[\#0f0f1a\] {
2460
+ @media (prefers-color-scheme: dark) {
2461
+ background-color: #0f0f1a;
2462
+ }
2463
+ }
2464
+ .dark\:bg-\[\#0f0f1a\]\/90 {
2465
+ @media (prefers-color-scheme: dark) {
2466
+ background-color: color-mix(in oklab, #0f0f1a 90%, transparent);
2467
+ }
2468
+ }
2469
+ .dark\:bg-\[\#080811\] {
2470
+ @media (prefers-color-scheme: dark) {
2471
+ background-color: #080811;
2472
+ }
2473
+ }
2474
+ .dark\:bg-amber-400\/10 {
2475
+ @media (prefers-color-scheme: dark) {
2476
+ background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
2477
+ @supports (color: color-mix(in lab, red, red)) {
2478
+ background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
2479
+ }
2480
+ }
2481
+ }
2482
+ .dark\:bg-amber-500\/10 {
2483
+ @media (prefers-color-scheme: dark) {
2484
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
2485
+ @supports (color: color-mix(in lab, red, red)) {
2486
+ background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
2487
+ }
2488
+ }
2489
+ }
2490
+ .dark\:bg-amber-700\/40 {
2491
+ @media (prefers-color-scheme: dark) {
2492
+ background-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 40%, transparent);
2493
+ @supports (color: color-mix(in lab, red, red)) {
2494
+ background-color: color-mix(in oklab, var(--color-amber-700) 40%, transparent);
2495
+ }
2496
+ }
2497
+ }
2498
+ .dark\:bg-amber-800\/30 {
2499
+ @media (prefers-color-scheme: dark) {
2500
+ background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent);
2501
+ @supports (color: color-mix(in lab, red, red)) {
2502
+ background-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);
2503
+ }
2504
+ }
2505
+ }
2506
+ .dark\:bg-amber-900\/20 {
2507
+ @media (prefers-color-scheme: dark) {
2508
+ background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
2509
+ @supports (color: color-mix(in lab, red, red)) {
2510
+ background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
2511
+ }
2512
+ }
2513
+ }
2514
+ .dark\:bg-amber-950\/40 {
2515
+ @media (prefers-color-scheme: dark) {
2516
+ background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);
2517
+ @supports (color: color-mix(in lab, red, red)) {
2518
+ background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
2519
+ }
2520
+ }
2521
+ }
2522
+ .dark\:bg-black\/30 {
2523
+ @media (prefers-color-scheme: dark) {
2524
+ background-color: color-mix(in srgb, #000 30%, transparent);
2525
+ @supports (color: color-mix(in lab, red, red)) {
2526
+ background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
2527
+ }
2528
+ }
2529
+ }
2530
+ .dark\:bg-black\/60 {
2531
+ @media (prefers-color-scheme: dark) {
2532
+ background-color: color-mix(in srgb, #000 60%, transparent);
2533
+ @supports (color: color-mix(in lab, red, red)) {
2534
+ background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
2535
+ }
2536
+ }
2537
+ }
2538
+ .dark\:bg-blue-700\/40 {
2539
+ @media (prefers-color-scheme: dark) {
2540
+ background-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 40%, transparent);
2541
+ @supports (color: color-mix(in lab, red, red)) {
2542
+ background-color: color-mix(in oklab, var(--color-blue-700) 40%, transparent);
2543
+ }
2544
+ }
2545
+ }
2546
+ .dark\:bg-blue-900\/20 {
2547
+ @media (prefers-color-scheme: dark) {
2548
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
2549
+ @supports (color: color-mix(in lab, red, red)) {
2550
+ background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
2551
+ }
2552
+ }
2553
+ }
2554
+ .dark\:bg-blue-950\/40 {
2555
+ @media (prefers-color-scheme: dark) {
2556
+ background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
2557
+ @supports (color: color-mix(in lab, red, red)) {
2558
+ background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
2559
+ }
2560
+ }
2561
+ }
2562
+ .dark\:bg-cyan-700\/40 {
2563
+ @media (prefers-color-scheme: dark) {
2564
+ background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 40%, transparent);
2565
+ @supports (color: color-mix(in lab, red, red)) {
2566
+ background-color: color-mix(in oklab, var(--color-cyan-700) 40%, transparent);
2567
+ }
2568
+ }
2569
+ }
2570
+ .dark\:bg-cyan-900\/20 {
2571
+ @media (prefers-color-scheme: dark) {
2572
+ background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);
2573
+ @supports (color: color-mix(in lab, red, red)) {
2574
+ background-color: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);
2575
+ }
2576
+ }
2577
+ }
2578
+ .dark\:bg-cyan-950\/40 {
2579
+ @media (prefers-color-scheme: dark) {
2580
+ background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 40%, transparent);
2581
+ @supports (color: color-mix(in lab, red, red)) {
2582
+ background-color: color-mix(in oklab, var(--color-cyan-950) 40%, transparent);
2583
+ }
2584
+ }
2585
+ }
2586
+ .dark\:bg-emerald-400 {
2587
+ @media (prefers-color-scheme: dark) {
2588
+ background-color: var(--color-emerald-400);
2589
+ }
2590
+ }
2591
+ .dark\:bg-emerald-400\/10 {
2592
+ @media (prefers-color-scheme: dark) {
2593
+ background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
2594
+ @supports (color: color-mix(in lab, red, red)) {
2595
+ background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
2596
+ }
2597
+ }
2598
+ }
2599
+ .dark\:bg-emerald-500\/5 {
2600
+ @media (prefers-color-scheme: dark) {
2601
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
2602
+ @supports (color: color-mix(in lab, red, red)) {
2603
+ background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
2604
+ }
2605
+ }
2606
+ }
2607
+ .dark\:bg-emerald-500\/10 {
2608
+ @media (prefers-color-scheme: dark) {
2609
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
2610
+ @supports (color: color-mix(in lab, red, red)) {
2611
+ background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
2612
+ }
2613
+ }
2614
+ }
2615
+ .dark\:bg-emerald-700\/40 {
2616
+ @media (prefers-color-scheme: dark) {
2617
+ background-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 40%, transparent);
2618
+ @supports (color: color-mix(in lab, red, red)) {
2619
+ background-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent);
2620
+ }
2621
+ }
2622
+ }
2623
+ .dark\:bg-emerald-800\/40 {
2624
+ @media (prefers-color-scheme: dark) {
2625
+ background-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent);
2626
+ @supports (color: color-mix(in lab, red, red)) {
2627
+ background-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);
2628
+ }
2629
+ }
2630
+ }
2631
+ .dark\:bg-emerald-900\/20 {
2632
+ @media (prefers-color-scheme: dark) {
2633
+ background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
2634
+ @supports (color: color-mix(in lab, red, red)) {
2635
+ background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
2636
+ }
2637
+ }
2638
+ }
2639
+ .dark\:bg-emerald-950\/40 {
2640
+ @media (prefers-color-scheme: dark) {
2641
+ background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent);
2642
+ @supports (color: color-mix(in lab, red, red)) {
2643
+ background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
2644
+ }
2645
+ }
2646
+ }
2647
+ .dark\:bg-indigo-400 {
2648
+ @media (prefers-color-scheme: dark) {
2649
+ background-color: var(--color-indigo-400);
2650
+ }
2651
+ }
2652
+ .dark\:bg-indigo-500\/10 {
2653
+ @media (prefers-color-scheme: dark) {
2654
+ background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
2655
+ @supports (color: color-mix(in lab, red, red)) {
2656
+ background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
2657
+ }
2658
+ }
2659
+ }
2660
+ .dark\:bg-indigo-700\/40 {
2661
+ @media (prefers-color-scheme: dark) {
2662
+ background-color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 40%, transparent);
2663
+ @supports (color: color-mix(in lab, red, red)) {
2664
+ background-color: color-mix(in oklab, var(--color-indigo-700) 40%, transparent);
2665
+ }
2666
+ }
2667
+ }
2668
+ .dark\:bg-indigo-800\/30 {
2669
+ @media (prefers-color-scheme: dark) {
2670
+ background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 30%, transparent);
2671
+ @supports (color: color-mix(in lab, red, red)) {
2672
+ background-color: color-mix(in oklab, var(--color-indigo-800) 30%, transparent);
2673
+ }
2674
+ }
2675
+ }
2676
+ .dark\:bg-indigo-900\/30 {
2677
+ @media (prefers-color-scheme: dark) {
2678
+ background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
2679
+ @supports (color: color-mix(in lab, red, red)) {
2680
+ background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
2681
+ }
2682
+ }
2683
+ }
2684
+ .dark\:bg-orange-700\/40 {
2685
+ @media (prefers-color-scheme: dark) {
2686
+ background-color: color-mix(in srgb, oklch(55.3% 0.195 38.402) 40%, transparent);
2687
+ @supports (color: color-mix(in lab, red, red)) {
2688
+ background-color: color-mix(in oklab, var(--color-orange-700) 40%, transparent);
2689
+ }
2690
+ }
2691
+ }
2692
+ .dark\:bg-pink-700\/40 {
2693
+ @media (prefers-color-scheme: dark) {
2694
+ background-color: color-mix(in srgb, oklch(52.5% 0.223 3.958) 40%, transparent);
2695
+ @supports (color: color-mix(in lab, red, red)) {
2696
+ background-color: color-mix(in oklab, var(--color-pink-700) 40%, transparent);
2697
+ }
2698
+ }
2699
+ }
2700
+ .dark\:bg-pink-800\/30 {
2701
+ @media (prefers-color-scheme: dark) {
2702
+ background-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 30%, transparent);
2703
+ @supports (color: color-mix(in lab, red, red)) {
2704
+ background-color: color-mix(in oklab, var(--color-pink-800) 30%, transparent);
2705
+ }
2706
+ }
2707
+ }
2708
+ .dark\:bg-pink-900\/20 {
2709
+ @media (prefers-color-scheme: dark) {
2710
+ background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
2711
+ @supports (color: color-mix(in lab, red, red)) {
2712
+ background-color: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
2713
+ }
2714
+ }
2715
+ }
2716
+ .dark\:bg-pink-950\/40 {
2717
+ @media (prefers-color-scheme: dark) {
2718
+ background-color: color-mix(in srgb, oklch(28.4% 0.109 3.907) 40%, transparent);
2719
+ @supports (color: color-mix(in lab, red, red)) {
2720
+ background-color: color-mix(in oklab, var(--color-pink-950) 40%, transparent);
2721
+ }
2722
+ }
2723
+ }
2724
+ .dark\:bg-purple-700\/40 {
2725
+ @media (prefers-color-scheme: dark) {
2726
+ background-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 40%, transparent);
2727
+ @supports (color: color-mix(in lab, red, red)) {
2728
+ background-color: color-mix(in oklab, var(--color-purple-700) 40%, transparent);
2729
+ }
2730
+ }
2731
+ }
2732
+ .dark\:bg-purple-800\/40 {
2733
+ @media (prefers-color-scheme: dark) {
2734
+ background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 40%, transparent);
2735
+ @supports (color: color-mix(in lab, red, red)) {
2736
+ background-color: color-mix(in oklab, var(--color-purple-800) 40%, transparent);
2737
+ }
2738
+ }
2739
+ }
2740
+ .dark\:bg-purple-900\/20 {
2741
+ @media (prefers-color-scheme: dark) {
2742
+ background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
2743
+ @supports (color: color-mix(in lab, red, red)) {
2744
+ background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
2745
+ }
2746
+ }
2747
+ }
2748
+ .dark\:bg-purple-950\/40 {
2749
+ @media (prefers-color-scheme: dark) {
2750
+ background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 40%, transparent);
2751
+ @supports (color: color-mix(in lab, red, red)) {
2752
+ background-color: color-mix(in oklab, var(--color-purple-950) 40%, transparent);
2753
+ }
2754
+ }
2755
+ }
2756
+ .dark\:bg-red-500\/10 {
2757
+ @media (prefers-color-scheme: dark) {
2758
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
2759
+ @supports (color: color-mix(in lab, red, red)) {
2760
+ background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
2761
+ }
2762
+ }
2763
+ }
2764
+ .dark\:bg-rose-400\/10 {
2765
+ @media (prefers-color-scheme: dark) {
2766
+ background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
2767
+ @supports (color: color-mix(in lab, red, red)) {
2768
+ background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
2769
+ }
2770
+ }
2771
+ }
2772
+ .dark\:bg-rose-500\/10 {
2773
+ @media (prefers-color-scheme: dark) {
2774
+ background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
2775
+ @supports (color: color-mix(in lab, red, red)) {
2776
+ background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
2777
+ }
2778
+ }
2779
+ }
2780
+ .dark\:bg-slate-700 {
2781
+ @media (prefers-color-scheme: dark) {
2782
+ background-color: var(--color-slate-700);
2783
+ }
2784
+ }
2785
+ .dark\:bg-slate-800 {
2786
+ @media (prefers-color-scheme: dark) {
2787
+ background-color: var(--color-slate-800);
2788
+ }
2789
+ }
2790
+ .dark\:bg-slate-900 {
2791
+ @media (prefers-color-scheme: dark) {
2792
+ background-color: var(--color-slate-900);
2793
+ }
2794
+ }
2795
+ .dark\:bg-slate-900\/50 {
2796
+ @media (prefers-color-scheme: dark) {
2797
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
2798
+ @supports (color: color-mix(in lab, red, red)) {
2799
+ background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
2800
+ }
2801
+ }
2802
+ }
2803
+ .dark\:bg-slate-900\/60 {
2804
+ @media (prefers-color-scheme: dark) {
2805
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
2806
+ @supports (color: color-mix(in lab, red, red)) {
2807
+ background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
2808
+ }
2809
+ }
2810
+ }
2811
+ .dark\:bg-slate-900\/80 {
2812
+ @media (prefers-color-scheme: dark) {
2813
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
2814
+ @supports (color: color-mix(in lab, red, red)) {
2815
+ background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
2816
+ }
2817
+ }
2818
+ }
2819
+ .dark\:bg-slate-950 {
2820
+ @media (prefers-color-scheme: dark) {
2821
+ background-color: var(--color-slate-950);
2822
+ }
2823
+ }
2824
+ .dark\:bg-transparent {
2825
+ @media (prefers-color-scheme: dark) {
2826
+ background-color: transparent;
2827
+ }
2828
+ }
2829
+ .dark\:bg-violet-800\/30 {
2830
+ @media (prefers-color-scheme: dark) {
2831
+ background-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 30%, transparent);
2832
+ @supports (color: color-mix(in lab, red, red)) {
2833
+ background-color: color-mix(in oklab, var(--color-violet-800) 30%, transparent);
2834
+ }
2835
+ }
2836
+ }
2837
+ .dark\:bg-white\/3 {
2838
+ @media (prefers-color-scheme: dark) {
2839
+ background-color: color-mix(in srgb, #fff 3%, transparent);
2840
+ @supports (color: color-mix(in lab, red, red)) {
2841
+ background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
2842
+ }
2843
+ }
2844
+ }
2845
+ .dark\:bg-white\/5 {
2846
+ @media (prefers-color-scheme: dark) {
2847
+ background-color: color-mix(in srgb, #fff 5%, transparent);
2848
+ @supports (color: color-mix(in lab, red, red)) {
2849
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
2850
+ }
2851
+ }
2852
+ }
2853
+ .dark\:bg-white\/8 {
2854
+ @media (prefers-color-scheme: dark) {
2855
+ background-color: color-mix(in srgb, #fff 8%, transparent);
2856
+ @supports (color: color-mix(in lab, red, red)) {
2857
+ background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
2858
+ }
2859
+ }
2860
+ }
2861
+ .dark\:bg-white\/10 {
2862
+ @media (prefers-color-scheme: dark) {
2863
+ background-color: color-mix(in srgb, #fff 10%, transparent);
2864
+ @supports (color: color-mix(in lab, red, red)) {
2865
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2866
+ }
2867
+ }
2868
+ }
2869
+ .dark\:bg-white\/60 {
2870
+ @media (prefers-color-scheme: dark) {
2871
+ background-color: color-mix(in srgb, #fff 60%, transparent);
2872
+ @supports (color: color-mix(in lab, red, red)) {
2873
+ background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
2874
+ }
2875
+ }
2876
+ }
2877
+ .dark\:from-white\/10 {
2878
+ @media (prefers-color-scheme: dark) {
2879
+ --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
2880
+ @supports (color: color-mix(in lab, red, red)) {
2881
+ --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
2882
+ }
2883
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2884
+ }
2885
+ }
2886
+ .dark\:to-white\/5 {
2887
+ @media (prefers-color-scheme: dark) {
2888
+ --tw-gradient-to: color-mix(in srgb, #fff 5%, transparent);
2889
+ @supports (color: color-mix(in lab, red, red)) {
2890
+ --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent);
2891
+ }
2892
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2893
+ }
2894
+ }
2895
+ .dark\:text-amber-100 {
2896
+ @media (prefers-color-scheme: dark) {
2897
+ color: var(--color-amber-100);
2898
+ }
2899
+ }
2900
+ .dark\:text-amber-200 {
2901
+ @media (prefers-color-scheme: dark) {
2902
+ color: var(--color-amber-200);
2903
+ }
2904
+ }
2905
+ .dark\:text-amber-300 {
2906
+ @media (prefers-color-scheme: dark) {
2907
+ color: var(--color-amber-300);
2908
+ }
2909
+ }
2910
+ .dark\:text-amber-400 {
2911
+ @media (prefers-color-scheme: dark) {
2912
+ color: var(--color-amber-400);
2913
+ }
2914
+ }
2915
+ .dark\:text-blue-100 {
2916
+ @media (prefers-color-scheme: dark) {
2917
+ color: var(--color-blue-100);
2918
+ }
2919
+ }
2920
+ .dark\:text-blue-300 {
2921
+ @media (prefers-color-scheme: dark) {
2922
+ color: var(--color-blue-300);
2923
+ }
2924
+ }
2925
+ .dark\:text-blue-400 {
2926
+ @media (prefers-color-scheme: dark) {
2927
+ color: var(--color-blue-400);
2928
+ }
2929
+ }
2930
+ .dark\:text-cyan-100 {
2931
+ @media (prefers-color-scheme: dark) {
2932
+ color: var(--color-cyan-100);
2933
+ }
2934
+ }
2935
+ .dark\:text-cyan-300 {
2936
+ @media (prefers-color-scheme: dark) {
2937
+ color: var(--color-cyan-300);
2938
+ }
2939
+ }
2940
+ .dark\:text-cyan-400 {
2941
+ @media (prefers-color-scheme: dark) {
2942
+ color: var(--color-cyan-400);
2943
+ }
2944
+ }
2945
+ .dark\:text-emerald-100 {
2946
+ @media (prefers-color-scheme: dark) {
2947
+ color: var(--color-emerald-100);
2948
+ }
2949
+ }
2950
+ .dark\:text-emerald-300 {
2951
+ @media (prefers-color-scheme: dark) {
2952
+ color: var(--color-emerald-300);
2953
+ }
2954
+ }
2955
+ .dark\:text-emerald-400 {
2956
+ @media (prefers-color-scheme: dark) {
2957
+ color: var(--color-emerald-400);
2958
+ }
2959
+ }
2960
+ .dark\:text-emerald-500\/50 {
2961
+ @media (prefers-color-scheme: dark) {
2962
+ color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
2963
+ @supports (color: color-mix(in lab, red, red)) {
2964
+ color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
2965
+ }
2966
+ }
2967
+ }
2968
+ .dark\:text-indigo-100 {
2969
+ @media (prefers-color-scheme: dark) {
2970
+ color: var(--color-indigo-100);
2971
+ }
2972
+ }
2973
+ .dark\:text-indigo-200 {
2974
+ @media (prefers-color-scheme: dark) {
2975
+ color: var(--color-indigo-200);
2976
+ }
2977
+ }
2978
+ .dark\:text-indigo-400 {
2979
+ @media (prefers-color-scheme: dark) {
2980
+ color: var(--color-indigo-400);
2981
+ }
2982
+ }
2983
+ .dark\:text-indigo-400\/70 {
2984
+ @media (prefers-color-scheme: dark) {
2985
+ color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent);
2986
+ @supports (color: color-mix(in lab, red, red)) {
2987
+ color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent);
2988
+ }
2989
+ }
2990
+ }
2991
+ .dark\:text-orange-100 {
2992
+ @media (prefers-color-scheme: dark) {
2993
+ color: var(--color-orange-100);
2994
+ }
2995
+ }
2996
+ .dark\:text-pink-100 {
2997
+ @media (prefers-color-scheme: dark) {
2998
+ color: var(--color-pink-100);
2999
+ }
3000
+ }
3001
+ .dark\:text-pink-300 {
3002
+ @media (prefers-color-scheme: dark) {
3003
+ color: var(--color-pink-300);
3004
+ }
3005
+ }
3006
+ .dark\:text-pink-400 {
3007
+ @media (prefers-color-scheme: dark) {
3008
+ color: var(--color-pink-400);
3009
+ }
3010
+ }
3011
+ .dark\:text-purple-100 {
3012
+ @media (prefers-color-scheme: dark) {
3013
+ color: var(--color-purple-100);
3014
+ }
3015
+ }
3016
+ .dark\:text-purple-300 {
3017
+ @media (prefers-color-scheme: dark) {
3018
+ color: var(--color-purple-300);
3019
+ }
3020
+ }
3021
+ .dark\:text-purple-400 {
3022
+ @media (prefers-color-scheme: dark) {
3023
+ color: var(--color-purple-400);
3024
+ }
3025
+ }
3026
+ .dark\:text-red-400 {
3027
+ @media (prefers-color-scheme: dark) {
3028
+ color: var(--color-red-400);
3029
+ }
3030
+ }
3031
+ .dark\:text-rose-400 {
3032
+ @media (prefers-color-scheme: dark) {
3033
+ color: var(--color-rose-400);
3034
+ }
3035
+ }
3036
+ .dark\:text-slate-100 {
3037
+ @media (prefers-color-scheme: dark) {
3038
+ color: var(--color-slate-100);
3039
+ }
3040
+ }
3041
+ .dark\:text-slate-300 {
3042
+ @media (prefers-color-scheme: dark) {
3043
+ color: var(--color-slate-300);
3044
+ }
3045
+ }
3046
+ .dark\:text-slate-400 {
3047
+ @media (prefers-color-scheme: dark) {
3048
+ color: var(--color-slate-400);
3049
+ }
3050
+ }
3051
+ .dark\:text-violet-200 {
3052
+ @media (prefers-color-scheme: dark) {
3053
+ color: var(--color-violet-200);
3054
+ }
3055
+ }
3056
+ .dark\:text-white {
3057
+ @media (prefers-color-scheme: dark) {
3058
+ color: var(--color-white);
3059
+ }
3060
+ }
3061
+ .dark\:text-white\/20 {
3062
+ @media (prefers-color-scheme: dark) {
3063
+ color: color-mix(in srgb, #fff 20%, transparent);
3064
+ @supports (color: color-mix(in lab, red, red)) {
3065
+ color: color-mix(in oklab, var(--color-white) 20%, transparent);
3066
+ }
3067
+ }
3068
+ }
3069
+ .dark\:text-white\/30 {
3070
+ @media (prefers-color-scheme: dark) {
3071
+ color: color-mix(in srgb, #fff 30%, transparent);
3072
+ @supports (color: color-mix(in lab, red, red)) {
3073
+ color: color-mix(in oklab, var(--color-white) 30%, transparent);
3074
+ }
3075
+ }
3076
+ }
3077
+ .dark\:text-white\/40 {
3078
+ @media (prefers-color-scheme: dark) {
3079
+ color: color-mix(in srgb, #fff 40%, transparent);
3080
+ @supports (color: color-mix(in lab, red, red)) {
3081
+ color: color-mix(in oklab, var(--color-white) 40%, transparent);
3082
+ }
3083
+ }
3084
+ }
3085
+ .dark\:text-white\/50 {
3086
+ @media (prefers-color-scheme: dark) {
3087
+ color: color-mix(in srgb, #fff 50%, transparent);
3088
+ @supports (color: color-mix(in lab, red, red)) {
3089
+ color: color-mix(in oklab, var(--color-white) 50%, transparent);
3090
+ }
3091
+ }
3092
+ }
3093
+ .dark\:text-white\/60 {
3094
+ @media (prefers-color-scheme: dark) {
3095
+ color: color-mix(in srgb, #fff 60%, transparent);
3096
+ @supports (color: color-mix(in lab, red, red)) {
3097
+ color: color-mix(in oklab, var(--color-white) 60%, transparent);
3098
+ }
3099
+ }
3100
+ }
3101
+ .dark\:text-white\/70 {
3102
+ @media (prefers-color-scheme: dark) {
3103
+ color: color-mix(in srgb, #fff 70%, transparent);
3104
+ @supports (color: color-mix(in lab, red, red)) {
3105
+ color: color-mix(in oklab, var(--color-white) 70%, transparent);
3106
+ }
3107
+ }
3108
+ }
3109
+ .dark\:text-white\/75 {
3110
+ @media (prefers-color-scheme: dark) {
3111
+ color: color-mix(in srgb, #fff 75%, transparent);
3112
+ @supports (color: color-mix(in lab, red, red)) {
3113
+ color: color-mix(in oklab, var(--color-white) 75%, transparent);
3114
+ }
3115
+ }
3116
+ }
3117
+ .dark\:text-white\/80 {
3118
+ @media (prefers-color-scheme: dark) {
3119
+ color: color-mix(in srgb, #fff 80%, transparent);
3120
+ @supports (color: color-mix(in lab, red, red)) {
3121
+ color: color-mix(in oklab, var(--color-white) 80%, transparent);
3122
+ }
3123
+ }
3124
+ }
3125
+ .dark\:text-white\/90 {
3126
+ @media (prefers-color-scheme: dark) {
3127
+ color: color-mix(in srgb, #fff 90%, transparent);
3128
+ @supports (color: color-mix(in lab, red, red)) {
3129
+ color: color-mix(in oklab, var(--color-white) 90%, transparent);
3130
+ }
3131
+ }
3132
+ }
3133
+ .dark\:placeholder-white\/30 {
3134
+ @media (prefers-color-scheme: dark) {
3135
+ &::placeholder {
3136
+ color: color-mix(in srgb, #fff 30%, transparent);
3137
+ @supports (color: color-mix(in lab, red, red)) {
3138
+ color: color-mix(in oklab, var(--color-white) 30%, transparent);
3139
+ }
3140
+ }
3141
+ }
3142
+ }
3143
+ .dark\:ring-white\/10 {
3144
+ @media (prefers-color-scheme: dark) {
3145
+ --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
3146
+ @supports (color: color-mix(in lab, red, red)) {
3147
+ --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
3148
+ }
3149
+ }
3150
+ }
3151
+ .dark\:group-hover\:border-white\/50 {
3152
+ @media (prefers-color-scheme: dark) {
3153
+ &:is(:where(.group):hover *) {
3154
+ @media (hover: hover) {
3155
+ border-color: color-mix(in srgb, #fff 50%, transparent);
3156
+ @supports (color: color-mix(in lab, red, red)) {
3157
+ border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
3158
+ }
3159
+ }
3160
+ }
3161
+ }
3162
+ }
3163
+ .dark\:focus-within\:border-white\/20 {
3164
+ @media (prefers-color-scheme: dark) {
3165
+ &:focus-within {
3166
+ border-color: color-mix(in srgb, #fff 20%, transparent);
3167
+ @supports (color: color-mix(in lab, red, red)) {
3168
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
3169
+ }
3170
+ }
3171
+ }
3172
+ }
3173
+ .dark\:hover\:border-emerald-500\/20 {
3174
+ @media (prefers-color-scheme: dark) {
3175
+ &:hover {
3176
+ @media (hover: hover) {
3177
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
3178
+ @supports (color: color-mix(in lab, red, red)) {
3179
+ border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
3180
+ }
3181
+ }
3182
+ }
3183
+ }
3184
+ }
3185
+ .dark\:hover\:border-rose-500\/20 {
3186
+ @media (prefers-color-scheme: dark) {
3187
+ &:hover {
3188
+ @media (hover: hover) {
3189
+ border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
3190
+ @supports (color: color-mix(in lab, red, red)) {
3191
+ border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
3192
+ }
3193
+ }
3194
+ }
3195
+ }
3196
+ }
3197
+ .dark\:hover\:border-white\/15 {
3198
+ @media (prefers-color-scheme: dark) {
3199
+ &:hover {
3200
+ @media (hover: hover) {
3201
+ border-color: color-mix(in srgb, #fff 15%, transparent);
3202
+ @supports (color: color-mix(in lab, red, red)) {
3203
+ border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
3204
+ }
3205
+ }
3206
+ }
3207
+ }
3208
+ }
3209
+ .dark\:hover\:border-white\/20 {
3210
+ @media (prefers-color-scheme: dark) {
3211
+ &:hover {
3212
+ @media (hover: hover) {
3213
+ border-color: color-mix(in srgb, #fff 20%, transparent);
3214
+ @supports (color: color-mix(in lab, red, red)) {
3215
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
3216
+ }
3217
+ }
3218
+ }
3219
+ }
3220
+ }
3221
+ .dark\:hover\:bg-emerald-500\/10 {
3222
+ @media (prefers-color-scheme: dark) {
3223
+ &:hover {
3224
+ @media (hover: hover) {
3225
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
3226
+ @supports (color: color-mix(in lab, red, red)) {
3227
+ background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
3228
+ }
3229
+ }
3230
+ }
3231
+ }
3232
+ }
3233
+ .dark\:hover\:bg-rose-500\/10 {
3234
+ @media (prefers-color-scheme: dark) {
3235
+ &:hover {
3236
+ @media (hover: hover) {
3237
+ background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
3238
+ @supports (color: color-mix(in lab, red, red)) {
3239
+ background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
3240
+ }
3241
+ }
3242
+ }
3243
+ }
3244
+ }
3245
+ .dark\:hover\:bg-white\/5 {
3246
+ @media (prefers-color-scheme: dark) {
3247
+ &:hover {
3248
+ @media (hover: hover) {
3249
+ background-color: color-mix(in srgb, #fff 5%, transparent);
3250
+ @supports (color: color-mix(in lab, red, red)) {
3251
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
3252
+ }
3253
+ }
3254
+ }
3255
+ }
3256
+ }
3257
+ .dark\:hover\:bg-white\/10 {
3258
+ @media (prefers-color-scheme: dark) {
3259
+ &:hover {
3260
+ @media (hover: hover) {
3261
+ background-color: color-mix(in srgb, #fff 10%, transparent);
3262
+ @supports (color: color-mix(in lab, red, red)) {
3263
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
3264
+ }
3265
+ }
3266
+ }
3267
+ }
3268
+ }
3269
+ .dark\:hover\:bg-white\/20 {
3270
+ @media (prefers-color-scheme: dark) {
3271
+ &:hover {
3272
+ @media (hover: hover) {
3273
+ background-color: color-mix(in srgb, #fff 20%, transparent);
3274
+ @supports (color: color-mix(in lab, red, red)) {
3275
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
3276
+ }
3277
+ }
3278
+ }
3279
+ }
3280
+ }
3281
+ .dark\:hover\:text-blue-400 {
3282
+ @media (prefers-color-scheme: dark) {
3283
+ &:hover {
3284
+ @media (hover: hover) {
3285
+ color: var(--color-blue-400);
3286
+ }
3287
+ }
3288
+ }
3289
+ }
3290
+ .dark\:hover\:text-emerald-400 {
3291
+ @media (prefers-color-scheme: dark) {
3292
+ &:hover {
3293
+ @media (hover: hover) {
3294
+ color: var(--color-emerald-400);
3295
+ }
3296
+ }
3297
+ }
3298
+ }
3299
+ .dark\:hover\:text-indigo-300 {
3300
+ @media (prefers-color-scheme: dark) {
3301
+ &:hover {
3302
+ @media (hover: hover) {
3303
+ color: var(--color-indigo-300);
3304
+ }
3305
+ }
3306
+ }
3307
+ }
3308
+ .dark\:hover\:text-indigo-400 {
3309
+ @media (prefers-color-scheme: dark) {
3310
+ &:hover {
3311
+ @media (hover: hover) {
3312
+ color: var(--color-indigo-400);
3313
+ }
3314
+ }
3315
+ }
3316
+ }
3317
+ .dark\:hover\:text-rose-400 {
3318
+ @media (prefers-color-scheme: dark) {
3319
+ &:hover {
3320
+ @media (hover: hover) {
3321
+ color: var(--color-rose-400);
3322
+ }
3323
+ }
3324
+ }
3325
+ }
3326
+ .dark\:hover\:text-white\/60 {
3327
+ @media (prefers-color-scheme: dark) {
3328
+ &:hover {
3329
+ @media (hover: hover) {
3330
+ color: color-mix(in srgb, #fff 60%, transparent);
3331
+ @supports (color: color-mix(in lab, red, red)) {
3332
+ color: color-mix(in oklab, var(--color-white) 60%, transparent);
3333
+ }
3334
+ }
3335
+ }
3336
+ }
3337
+ }
3338
+ .dark\:hover\:text-white\/70 {
3339
+ @media (prefers-color-scheme: dark) {
3340
+ &:hover {
3341
+ @media (hover: hover) {
3342
+ color: color-mix(in srgb, #fff 70%, transparent);
3343
+ @supports (color: color-mix(in lab, red, red)) {
3344
+ color: color-mix(in oklab, var(--color-white) 70%, transparent);
3345
+ }
3346
+ }
3347
+ }
3348
+ }
3349
+ }
3350
+ .dark\:hover\:text-white\/80 {
3351
+ @media (prefers-color-scheme: dark) {
3352
+ &:hover {
3353
+ @media (hover: hover) {
3354
+ color: color-mix(in srgb, #fff 80%, transparent);
3355
+ @supports (color: color-mix(in lab, red, red)) {
3356
+ color: color-mix(in oklab, var(--color-white) 80%, transparent);
3357
+ }
3358
+ }
3359
+ }
3360
+ }
3361
+ }
3362
+ .dark\:hover\:text-white\/90 {
3363
+ @media (prefers-color-scheme: dark) {
3364
+ &:hover {
3365
+ @media (hover: hover) {
3366
+ color: color-mix(in srgb, #fff 90%, transparent);
3367
+ @supports (color: color-mix(in lab, red, red)) {
3368
+ color: color-mix(in oklab, var(--color-white) 90%, transparent);
3369
+ }
3370
+ }
3371
+ }
3372
+ }
3373
+ }
3374
+ }
3375
+ @layer base {
3376
+ :root {
3377
+ --star: shape(evenodd from 50% 24.787%,
3378
+ curve by 7.143% 18.016% with 0% 0% / 2.9725% 13.814%,
3379
+ curve by 17.882% 7.197% with 4.171% 4.2025% / 17.882% 7.197%,
3380
+ curve by -17.882% 8.6765% with 0% 0% / -13.711% 4.474%,
3381
+ curve by -7.143% 16.5365% with -4.1705% 4.202% / -7.143% 16.5365%,
3382
+ curve by -8.6115% -16.5365% with 0% 0% / -4.441% -12.3345%,
3383
+ curve by -16.4135% -8.6765% with -4.171% -4.2025% / -16.4135% -8.6765%,
3384
+ curve by 16.4135% -7.197% with 0% 0% / 12.2425% -2.9945%,
3385
+ curve by 8.6115% -18.016% with 4.1705% -4.202% / 8.6115% -18.016%,
3386
+ close);
3387
+ --flower: shape(evenodd from 17.9665% 82.0335%,
3388
+ curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%,
3389
+ curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%,
3390
+ curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%,
3391
+ curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%,
3392
+ curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%,
3393
+ curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%,
3394
+ curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%,
3395
+ curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%,
3396
+ curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%,
3397
+ curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%,
3398
+ curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%,
3399
+ curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%,
3400
+ close);
3401
+ --hexagon: shape(evenodd from 6.47% 67.001%,
3402
+ curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%,
3403
+ curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%,
3404
+ curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%,
3405
+ curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%,
3406
+ curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%,
3407
+ curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%,
3408
+ curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%,
3409
+ curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%,
3410
+ curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%,
3411
+ curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%,
3412
+ curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%,
3413
+ curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%,
3414
+ close);
3415
+ --cylinder: shape(evenodd from 10.5845% 59.7305%,
3416
+ curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%,
3417
+ curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%,
3418
+ curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%,
3419
+ curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%,
3420
+ curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%,
3421
+ curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%,
3422
+ curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%,
3423
+ curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%,
3424
+ curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%,
3425
+ curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%,
3426
+ curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%,
3427
+ curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%,
3428
+ close);
3429
+ --circle: shape(evenodd from 13.482% 79.505%,
3430
+ curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%,
3431
+ curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%,
3432
+ curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%,
3433
+ curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%,
3434
+ curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%,
3435
+ curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%,
3436
+ curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%,
3437
+ curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%,
3438
+ curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%,
3439
+ curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%,
3440
+ curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%,
3441
+ curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%,
3442
+ close);
3443
+ --heart: shape(evenodd from 51.311% 83.603%,
3444
+ curve by -8.333% -20.508% with -14.104% -4.287% / -16.406% -16.185%,
3445
+ curve by -4.271% -37.41% with -5.419% -9.658% / -6.815% -22.733%,
3446
+ curve by 13.589% -33.586% with 3.982% -7.448% / 8.411% -15.994%,
3447
+ curve by 28.187% -21.985% with 4.029% -4.29% / 4.029% -4.29%,
3448
+ curve by 33.835% 0.721% with 9.618% 4.647% / 22.541% 9.618%,
3449
+ curve by 37.596% 21.304% with 3.306% 13.266% / 7.589% 24.251%,
3450
+ curve by 21.985% 43.613% with -4.208% 3.982% / -15.994% 8.411%,
3451
+ curve by 0.721% 37.596% with -7.448% 4.029% / -15.994% 8.411%,
3452
+ curve by -16.185% 28.187% with -9.658% 5.419% / -22.733% 6.815%,
3453
+ curve by -37.41% 4.271% with -4.29% 4.029% / -4.29% 4.029%,
3454
+ curve by -33.586% -13.589% with -7.448% 3.982% / -15.994% 8.411%,
3455
+ curve by -28.187% -32.094% with -4.029% 4.029% / -4.029% 4.029%,
3456
+ close);
3457
+ --spiral: shape(evenodd from 13.347% 30.885%,
3458
+ curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%,
3459
+ curve by -20.309% 16.907% with -7.146% -1.332% / -9.016% -2.812%,
3460
+ curve by -25.848% -13.087% with -7.017% -7.46% / -9.941% -15.041%,
3461
+ curve by 10.154% -25.731% with 2.473% -6.063% / 7.163% -10.656%,
3462
+ curve by 31.473% -7.963% with 8.814% 2.403% / 13.84% 8.748%,
3463
+ curve by 16.526% 20.487% with -4.058% 1.502% / -9.51% 3.304%,
3464
+ curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%,
3465
+ close);
3466
+ --sun: shape(evenodd from 12.758% 22.039%,
3467
+ curve by 2.2585% 27.561% with 4.517% 18.961% / 2.2585% 27.561%,
3468
+ curve by 3.187% -11.541% with 2.2585% -8.483% / 4.7615% -12.541%,
3469
+ curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%,
3470
+ curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%,
3471
+ curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%,
3472
+ curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%,
3473
+ curve by 19.814% -34.731% with 0% 0% / -3.187% 11.541%,
3474
+ curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%,
3475
+ curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%,
3476
+ curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%,
3477
+ curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%,
3478
+ close);
3479
+ --star2: shape(open from 28.947% 47.744%,
3480
+ curve by 24.042% -2.139% with 0% 0% / -24.042% 2.139%,
3481
+ curve by 4.208% -25.165% with 4.208% -25.165% / 4.208% -25.165%,
3482
+ curve by 2.341% -18.447% with 0% 0% / 1.888% -1.438%,
3483
+ curve by 32.355% 1.085% with 0% 0% / 25.984% 1.085%,
3484
+ curve by -4.655% 25.165% with 0% 0% / -4.655% 25.165%,
3485
+ curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
3486
+ curve by 2.566% -4.208% with 0% 0% / 2.072% -1.639%,
3487
+ curve by 30.069% 1.085% with 0% 0% / 24.156% 1.085%,
3488
+ curve by -2.791% 25.165% with 0% 0% / -2.791% 25.165%,
3489
+ curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
3490
+ curve by 2.116% -4.208% with 0% 0% / 1.659% -1.557%,
3491
+ close);
3492
+ --tri-star: shape(open from 25% 25%,
3493
+ curve by 25% 25% with 0% 0% / 25% 25%,
3494
+ close);
3495
+ }
3496
+ }
3497
+ @property --tw-translate-x {
3498
+ syntax: "*";
3499
+ inherits: false;
3500
+ initial-value: 0;
3501
+ }
3502
+ @property --tw-translate-y {
3503
+ syntax: "*";
3504
+ inherits: false;
3505
+ initial-value: 0;
3506
+ }
3507
+ @property --tw-translate-z {
3508
+ syntax: "*";
3509
+ inherits: false;
3510
+ initial-value: 0;
3511
+ }
3512
+ @property --tw-scale-x {
3513
+ syntax: "*";
3514
+ inherits: false;
3515
+ initial-value: 1;
3516
+ }
3517
+ @property --tw-scale-y {
3518
+ syntax: "*";
3519
+ inherits: false;
3520
+ initial-value: 1;
3521
+ }
3522
+ @property --tw-scale-z {
3523
+ syntax: "*";
3524
+ inherits: false;
3525
+ initial-value: 1;
3526
+ }
3527
+ @property --tw-rotate-x {
3528
+ syntax: "*";
3529
+ inherits: false;
3530
+ }
3531
+ @property --tw-rotate-y {
3532
+ syntax: "*";
3533
+ inherits: false;
3534
+ }
3535
+ @property --tw-rotate-z {
3536
+ syntax: "*";
3537
+ inherits: false;
3538
+ }
3539
+ @property --tw-skew-x {
3540
+ syntax: "*";
3541
+ inherits: false;
3542
+ }
3543
+ @property --tw-skew-y {
3544
+ syntax: "*";
3545
+ inherits: false;
3546
+ }
3547
+ @property --tw-scroll-snap-strictness {
3548
+ syntax: "*";
3549
+ inherits: false;
3550
+ initial-value: proximity;
3551
+ }
3552
+ @property --tw-scrollbar-thumb {
3553
+ syntax: "<color>";
3554
+ inherits: false;
3555
+ initial-value: #0000;
3556
+ }
3557
+ @property --tw-scrollbar-track {
3558
+ syntax: "<color>";
3559
+ inherits: false;
3560
+ initial-value: #0000;
3561
+ }
3562
+ @property --tw-space-y-reverse {
3563
+ syntax: "*";
3564
+ inherits: false;
3565
+ initial-value: 0;
3566
+ }
3567
+ @property --tw-divide-y-reverse {
3568
+ syntax: "*";
3569
+ inherits: false;
3570
+ initial-value: 0;
3571
+ }
3572
+ @property --tw-border-style {
3573
+ syntax: "*";
3574
+ inherits: false;
3575
+ initial-value: solid;
3576
+ }
3577
+ @property --tw-gradient-position {
3578
+ syntax: "*";
3579
+ inherits: false;
3580
+ }
3581
+ @property --tw-gradient-from {
3582
+ syntax: "<color>";
3583
+ inherits: false;
3584
+ initial-value: #0000;
3585
+ }
3586
+ @property --tw-gradient-via {
3587
+ syntax: "<color>";
3588
+ inherits: false;
3589
+ initial-value: #0000;
3590
+ }
3591
+ @property --tw-gradient-to {
3592
+ syntax: "<color>";
3593
+ inherits: false;
3594
+ initial-value: #0000;
3595
+ }
3596
+ @property --tw-gradient-stops {
3597
+ syntax: "*";
3598
+ inherits: false;
3599
+ }
3600
+ @property --tw-gradient-via-stops {
3601
+ syntax: "*";
3602
+ inherits: false;
3603
+ }
3604
+ @property --tw-gradient-from-position {
3605
+ syntax: "<length-percentage>";
3606
+ inherits: false;
3607
+ initial-value: 0%;
3608
+ }
3609
+ @property --tw-gradient-via-position {
3610
+ syntax: "<length-percentage>";
3611
+ inherits: false;
3612
+ initial-value: 50%;
3613
+ }
3614
+ @property --tw-gradient-to-position {
3615
+ syntax: "<length-percentage>";
3616
+ inherits: false;
3617
+ initial-value: 100%;
3618
+ }
3619
+ @property --tw-leading {
3620
+ syntax: "*";
3621
+ inherits: false;
3622
+ }
3623
+ @property --tw-font-weight {
3624
+ syntax: "*";
3625
+ inherits: false;
3626
+ }
3627
+ @property --tw-tracking {
3628
+ syntax: "*";
3629
+ inherits: false;
3630
+ }
3631
+ @property --tw-ordinal {
3632
+ syntax: "*";
3633
+ inherits: false;
3634
+ }
3635
+ @property --tw-slashed-zero {
3636
+ syntax: "*";
3637
+ inherits: false;
3638
+ }
3639
+ @property --tw-numeric-figure {
3640
+ syntax: "*";
3641
+ inherits: false;
3642
+ }
3643
+ @property --tw-numeric-spacing {
3644
+ syntax: "*";
3645
+ inherits: false;
3646
+ }
3647
+ @property --tw-numeric-fraction {
3648
+ syntax: "*";
3649
+ inherits: false;
3650
+ }
3651
+ @property --tw-shadow {
3652
+ syntax: "*";
3653
+ inherits: false;
3654
+ initial-value: 0 0 #0000;
3655
+ }
3656
+ @property --tw-shadow-color {
3657
+ syntax: "*";
3658
+ inherits: false;
3659
+ }
3660
+ @property --tw-shadow-alpha {
3661
+ syntax: "<percentage>";
3662
+ inherits: false;
3663
+ initial-value: 100%;
3664
+ }
3665
+ @property --tw-inset-shadow {
3666
+ syntax: "*";
3667
+ inherits: false;
3668
+ initial-value: 0 0 #0000;
3669
+ }
3670
+ @property --tw-inset-shadow-color {
3671
+ syntax: "*";
3672
+ inherits: false;
3673
+ }
3674
+ @property --tw-inset-shadow-alpha {
3675
+ syntax: "<percentage>";
3676
+ inherits: false;
3677
+ initial-value: 100%;
3678
+ }
3679
+ @property --tw-ring-color {
3680
+ syntax: "*";
3681
+ inherits: false;
3682
+ }
3683
+ @property --tw-ring-shadow {
3684
+ syntax: "*";
3685
+ inherits: false;
3686
+ initial-value: 0 0 #0000;
3687
+ }
3688
+ @property --tw-inset-ring-color {
3689
+ syntax: "*";
3690
+ inherits: false;
3691
+ }
3692
+ @property --tw-inset-ring-shadow {
3693
+ syntax: "*";
3694
+ inherits: false;
3695
+ initial-value: 0 0 #0000;
3696
+ }
3697
+ @property --tw-ring-inset {
3698
+ syntax: "*";
3699
+ inherits: false;
3700
+ }
3701
+ @property --tw-ring-offset-width {
3702
+ syntax: "<length>";
3703
+ inherits: false;
3704
+ initial-value: 0px;
3705
+ }
3706
+ @property --tw-ring-offset-color {
3707
+ syntax: "*";
3708
+ inherits: false;
3709
+ initial-value: #fff;
3710
+ }
3711
+ @property --tw-ring-offset-shadow {
3712
+ syntax: "*";
3713
+ inherits: false;
3714
+ initial-value: 0 0 #0000;
3715
+ }
3716
+ @property --tw-blur {
3717
+ syntax: "*";
3718
+ inherits: false;
3719
+ }
3720
+ @property --tw-brightness {
3721
+ syntax: "*";
3722
+ inherits: false;
3723
+ }
3724
+ @property --tw-contrast {
3725
+ syntax: "*";
3726
+ inherits: false;
3727
+ }
3728
+ @property --tw-grayscale {
3729
+ syntax: "*";
3730
+ inherits: false;
3731
+ }
3732
+ @property --tw-hue-rotate {
3733
+ syntax: "*";
3734
+ inherits: false;
3735
+ }
3736
+ @property --tw-invert {
3737
+ syntax: "*";
3738
+ inherits: false;
3739
+ }
3740
+ @property --tw-opacity {
3741
+ syntax: "*";
3742
+ inherits: false;
3743
+ }
3744
+ @property --tw-saturate {
3745
+ syntax: "*";
3746
+ inherits: false;
3747
+ }
3748
+ @property --tw-sepia {
3749
+ syntax: "*";
3750
+ inherits: false;
3751
+ }
3752
+ @property --tw-drop-shadow {
3753
+ syntax: "*";
3754
+ inherits: false;
3755
+ }
3756
+ @property --tw-drop-shadow-color {
3757
+ syntax: "*";
3758
+ inherits: false;
3759
+ }
3760
+ @property --tw-drop-shadow-alpha {
3761
+ syntax: "<percentage>";
3762
+ inherits: false;
3763
+ initial-value: 100%;
3764
+ }
3765
+ @property --tw-drop-shadow-size {
3766
+ syntax: "*";
3767
+ inherits: false;
3768
+ }
3769
+ @property --tw-backdrop-blur {
3770
+ syntax: "*";
3771
+ inherits: false;
3772
+ }
3773
+ @property --tw-backdrop-brightness {
3774
+ syntax: "*";
3775
+ inherits: false;
3776
+ }
3777
+ @property --tw-backdrop-contrast {
3778
+ syntax: "*";
3779
+ inherits: false;
3780
+ }
3781
+ @property --tw-backdrop-grayscale {
3782
+ syntax: "*";
3783
+ inherits: false;
3784
+ }
3785
+ @property --tw-backdrop-hue-rotate {
3786
+ syntax: "*";
3787
+ inherits: false;
3788
+ }
3789
+ @property --tw-backdrop-invert {
3790
+ syntax: "*";
3791
+ inherits: false;
3792
+ }
3793
+ @property --tw-backdrop-opacity {
3794
+ syntax: "*";
3795
+ inherits: false;
3796
+ }
3797
+ @property --tw-backdrop-saturate {
3798
+ syntax: "*";
3799
+ inherits: false;
3800
+ }
3801
+ @property --tw-backdrop-sepia {
3802
+ syntax: "*";
3803
+ inherits: false;
3804
+ }
3805
+ @property --tw-duration {
3806
+ syntax: "*";
3807
+ inherits: false;
3808
+ }
3809
+ @property --tw-ease {
3810
+ syntax: "*";
3811
+ inherits: false;
3812
+ }
3813
+ @keyframes spin {
3814
+ to {
3815
+ transform: rotate(360deg);
3816
+ }
3817
+ }
3818
+ @keyframes ping {
3819
+ 75%, 100% {
3820
+ transform: scale(2);
3821
+ opacity: 0;
3822
+ }
3823
+ }
3824
+ @keyframes pulse {
3825
+ 50% {
3826
+ opacity: 0.5;
3827
+ }
3828
+ }
3829
+ @keyframes bounce {
3830
+ 0%, 100% {
3831
+ transform: translateY(-25%);
3832
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
3833
+ }
3834
+ 50% {
3835
+ transform: none;
3836
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
3837
+ }
3838
+ }
3839
+ @keyframes shapeshift {
3840
+ 0% {
3841
+ clip-path: var(--circle);
3842
+ rotate: 0turn;
3843
+ }
3844
+ 25% {
3845
+ clip-path: var(--flower);
3846
+ }
3847
+ 50% {
3848
+ clip-path: var(--cylinder);
3849
+ }
3850
+ 75% {
3851
+ clip-path: var(--hexagon);
3852
+ }
3853
+ 100% {
3854
+ clip-path: var(--circle);
3855
+ rotate: 1turn;
3856
+ }
3857
+ 120% {
3858
+ clip-path: var(--flower);
3859
+ }
3860
+ 140% {
3861
+ clip-path: var(--cylinder);
3862
+ }
3863
+ 160% {
3864
+ clip-path: var(--hexagon);
3865
+ }
3866
+ 180% {
3867
+ clip-path: var(--circle);
3868
+ rotate: 1turn;
3869
+ }
3870
+ }
3871
+ @keyframes gradientMove {
3872
+ 0% {
3873
+ translate: 0 0;
3874
+ }
3875
+ 100% {
3876
+ translate: -75% -75%;
3877
+ }
3878
+ }
3879
+ @layer properties {
3880
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
3881
+ *, ::before, ::after, ::backdrop {
3882
+ --tw-translate-x: 0;
3883
+ --tw-translate-y: 0;
3884
+ --tw-translate-z: 0;
3885
+ --tw-scale-x: 1;
3886
+ --tw-scale-y: 1;
3887
+ --tw-scale-z: 1;
3888
+ --tw-rotate-x: initial;
3889
+ --tw-rotate-y: initial;
3890
+ --tw-rotate-z: initial;
3891
+ --tw-skew-x: initial;
3892
+ --tw-skew-y: initial;
3893
+ --tw-scroll-snap-strictness: proximity;
3894
+ --tw-scrollbar-thumb: #0000;
3895
+ --tw-scrollbar-track: #0000;
3896
+ --tw-space-y-reverse: 0;
3897
+ --tw-divide-y-reverse: 0;
3898
+ --tw-border-style: solid;
3899
+ --tw-gradient-position: initial;
3900
+ --tw-gradient-from: #0000;
3901
+ --tw-gradient-via: #0000;
3902
+ --tw-gradient-to: #0000;
3903
+ --tw-gradient-stops: initial;
3904
+ --tw-gradient-via-stops: initial;
3905
+ --tw-gradient-from-position: 0%;
3906
+ --tw-gradient-via-position: 50%;
3907
+ --tw-gradient-to-position: 100%;
3908
+ --tw-leading: initial;
3909
+ --tw-font-weight: initial;
3910
+ --tw-tracking: initial;
3911
+ --tw-ordinal: initial;
3912
+ --tw-slashed-zero: initial;
3913
+ --tw-numeric-figure: initial;
3914
+ --tw-numeric-spacing: initial;
3915
+ --tw-numeric-fraction: initial;
3916
+ --tw-shadow: 0 0 #0000;
3917
+ --tw-shadow-color: initial;
3918
+ --tw-shadow-alpha: 100%;
3919
+ --tw-inset-shadow: 0 0 #0000;
3920
+ --tw-inset-shadow-color: initial;
3921
+ --tw-inset-shadow-alpha: 100%;
3922
+ --tw-ring-color: initial;
3923
+ --tw-ring-shadow: 0 0 #0000;
3924
+ --tw-inset-ring-color: initial;
3925
+ --tw-inset-ring-shadow: 0 0 #0000;
3926
+ --tw-ring-inset: initial;
3927
+ --tw-ring-offset-width: 0px;
3928
+ --tw-ring-offset-color: #fff;
3929
+ --tw-ring-offset-shadow: 0 0 #0000;
3930
+ --tw-blur: initial;
3931
+ --tw-brightness: initial;
3932
+ --tw-contrast: initial;
3933
+ --tw-grayscale: initial;
3934
+ --tw-hue-rotate: initial;
3935
+ --tw-invert: initial;
3936
+ --tw-opacity: initial;
3937
+ --tw-saturate: initial;
3938
+ --tw-sepia: initial;
3939
+ --tw-drop-shadow: initial;
3940
+ --tw-drop-shadow-color: initial;
3941
+ --tw-drop-shadow-alpha: 100%;
3942
+ --tw-drop-shadow-size: initial;
3943
+ --tw-backdrop-blur: initial;
3944
+ --tw-backdrop-brightness: initial;
3945
+ --tw-backdrop-contrast: initial;
3946
+ --tw-backdrop-grayscale: initial;
3947
+ --tw-backdrop-hue-rotate: initial;
3948
+ --tw-backdrop-invert: initial;
3949
+ --tw-backdrop-opacity: initial;
3950
+ --tw-backdrop-saturate: initial;
3951
+ --tw-backdrop-sepia: initial;
3952
+ --tw-duration: initial;
3953
+ --tw-ease: initial;
3954
+ }
3955
+ }
3956
+ }