@vaneui/ui 0.0.14 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/all.css DELETED
@@ -1,2438 +0,0 @@
1
- /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
7
- 'Noto Color Emoji';
8
- --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
9
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
10
- monospace;
11
- --color-red-50: oklch(97.1% 0.013 17.38);
12
- --color-red-100: oklch(93.6% 0.032 17.717);
13
- --color-red-200: oklch(88.5% 0.062 18.334);
14
- --color-red-500: oklch(63.7% 0.237 25.331);
15
- --color-red-600: oklch(57.7% 0.245 27.325);
16
- --color-red-700: oklch(50.5% 0.213 27.518);
17
- --color-red-800: oklch(44.4% 0.177 26.899);
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-600: oklch(66.6% 0.179 58.318);
22
- --color-amber-700: oklch(55.5% 0.163 48.998);
23
- --color-amber-800: oklch(47.3% 0.137 46.201);
24
- --color-yellow-50: oklch(98.7% 0.026 102.212);
25
- --color-green-50: oklch(98.2% 0.018 155.826);
26
- --color-green-300: oklch(87.1% 0.15 154.449);
27
- --color-green-400: oklch(79.2% 0.209 151.711);
28
- --color-green-500: oklch(72.3% 0.219 149.579);
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-600: oklch(59.6% 0.145 163.225);
33
- --color-emerald-700: oklch(50.8% 0.118 165.612);
34
- --color-emerald-800: oklch(43.2% 0.095 166.913);
35
- --color-cyan-50: oklch(98.4% 0.019 200.873);
36
- --color-cyan-100: oklch(95.6% 0.045 203.388);
37
- --color-cyan-200: oklch(91.7% 0.08 205.041);
38
- --color-cyan-600: oklch(60.9% 0.126 221.723);
39
- --color-cyan-700: oklch(52% 0.105 223.128);
40
- --color-cyan-800: oklch(45% 0.085 224.283);
41
- --color-blue-50: oklch(97% 0.014 254.604);
42
- --color-blue-100: oklch(93.2% 0.032 255.585);
43
- --color-blue-200: oklch(88.2% 0.059 254.128);
44
- --color-blue-500: oklch(62.3% 0.214 259.815);
45
- --color-blue-600: oklch(54.6% 0.245 262.881);
46
- --color-blue-700: oklch(48.8% 0.243 264.376);
47
- --color-blue-800: oklch(42.4% 0.199 265.638);
48
- --color-blue-900: oklch(37.9% 0.146 265.522);
49
- --color-indigo-50: oklch(96.2% 0.018 272.314);
50
- --color-indigo-200: oklch(87% 0.065 274.039);
51
- --color-indigo-500: oklch(58.5% 0.233 277.117);
52
- --color-indigo-600: oklch(51.1% 0.262 276.966);
53
- --color-indigo-700: oklch(45.7% 0.24 277.023);
54
- --color-rose-50: oklch(96.9% 0.015 12.422);
55
- --color-rose-100: oklch(94.1% 0.03 12.58);
56
- --color-rose-200: oklch(89.2% 0.058 10.001);
57
- --color-rose-600: oklch(58.6% 0.253 17.585);
58
- --color-rose-700: oklch(51.4% 0.222 16.935);
59
- --color-rose-800: oklch(45.5% 0.188 13.697);
60
- --color-slate-100: oklch(96.8% 0.007 247.896);
61
- --color-slate-200: oklch(92.9% 0.013 255.508);
62
- --color-gray-50: oklch(98.5% 0.002 247.839);
63
- --color-gray-100: oklch(96.7% 0.003 264.542);
64
- --color-gray-200: oklch(92.8% 0.006 264.531);
65
- --color-gray-300: oklch(87.2% 0.01 258.338);
66
- --color-gray-400: oklch(70.7% 0.022 261.325);
67
- --color-gray-500: oklch(55.1% 0.027 264.364);
68
- --color-gray-600: oklch(44.6% 0.03 256.802);
69
- --color-gray-700: oklch(37.3% 0.034 259.733);
70
- --color-gray-800: oklch(27.8% 0.033 256.848);
71
- --color-gray-900: oklch(21% 0.034 264.665);
72
- --color-gray-950: oklch(13% 0.028 261.692);
73
- --color-white: #fff;
74
- --spacing: 0.25rem;
75
- --container-3xs: 16rem;
76
- --container-xl: 36rem;
77
- --container-3xl: 48rem;
78
- --container-4xl: 56rem;
79
- --container-5xl: 64rem;
80
- --container-6xl: 72rem;
81
- --container-7xl: 80rem;
82
- --text-xs: 0.75rem;
83
- --text-xs--line-height: calc(1 / 0.75);
84
- --text-sm: 0.875rem;
85
- --text-sm--line-height: calc(1.25 / 0.875);
86
- --text-base: 1rem;
87
- --text-base--line-height: calc(1.5 / 1);
88
- --text-lg: 1.125rem;
89
- --text-lg--line-height: calc(1.75 / 1.125);
90
- --text-xl: 1.25rem;
91
- --text-xl--line-height: calc(1.75 / 1.25);
92
- --text-2xl: 1.5rem;
93
- --text-2xl--line-height: calc(2 / 1.5);
94
- --text-3xl: 1.875rem;
95
- --text-3xl--line-height: calc(2.25 / 1.875);
96
- --text-4xl: 2.25rem;
97
- --text-4xl--line-height: calc(2.5 / 2.25);
98
- --text-5xl: 3rem;
99
- --text-5xl--line-height: 1;
100
- --text-6xl: 3.75rem;
101
- --text-6xl--line-height: 1;
102
- --text-7xl: 4.5rem;
103
- --text-7xl--line-height: 1;
104
- --font-weight-thin: 100;
105
- --font-weight-extralight: 200;
106
- --font-weight-light: 300;
107
- --font-weight-normal: 400;
108
- --font-weight-medium: 500;
109
- --font-weight-semibold: 600;
110
- --font-weight-bold: 700;
111
- --font-weight-extrabold: 800;
112
- --font-weight-black: 900;
113
- --tracking-tighter: -0.05em;
114
- --tracking-wider: 0.05em;
115
- --radius-xs: 0.125rem;
116
- --radius-sm: 0.25rem;
117
- --radius-md: 0.375rem;
118
- --radius-lg: 0.5rem;
119
- --radius-xl: 0.75rem;
120
- --radius-2xl: 1rem;
121
- --radius-3xl: 1.5rem;
122
- --blur-sm: 8px;
123
- --blur-md: 12px;
124
- --default-transition-duration: 150ms;
125
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
126
- }
127
- }
128
- @layer utilities {
129
- .absolute {
130
- position: absolute;
131
- }
132
- .fixed {
133
- position: fixed;
134
- }
135
- .relative {
136
- position: relative;
137
- }
138
- .static {
139
- position: static;
140
- }
141
- .sticky {
142
- position: sticky;
143
- }
144
- .inset-0 {
145
- inset: calc(var(--spacing) * 0);
146
- }
147
- .top-\[calc\(36px\+\(var\(--spacing\)\*6\)\)\] {
148
- top: calc(36px + (var(--spacing) * 6));
149
- }
150
- .z-0 {
151
- z-index: 0;
152
- }
153
- .z-10 {
154
- z-index: 10;
155
- }
156
- .z-20 {
157
- z-index: 20;
158
- }
159
- .z-40 {
160
- z-index: 40;
161
- }
162
- .order-1 {
163
- order: 1;
164
- }
165
- .container {
166
- width: 100%;
167
- @media (width >= 40rem) {
168
- max-width: 40rem;
169
- }
170
- @media (width >= 48rem) {
171
- max-width: 48rem;
172
- }
173
- @media (width >= 64rem) {
174
- max-width: 64rem;
175
- }
176
- @media (width >= 80rem) {
177
- max-width: 80rem;
178
- }
179
- @media (width >= 96rem) {
180
- max-width: 96rem;
181
- }
182
- }
183
- .m-0 {
184
- margin: calc(var(--spacing) * 0);
185
- }
186
- .mx-auto {
187
- margin-inline: auto;
188
- }
189
- .mt-2 {
190
- margin-top: calc(var(--spacing) * 2);
191
- }
192
- .mt-4 {
193
- margin-top: calc(var(--spacing) * 4);
194
- }
195
- .mt-12 {
196
- margin-top: calc(var(--spacing) * 12);
197
- }
198
- .mt-\[calc\(36px\+\(var\(--spacing\)\*6\)\)\] {
199
- margin-top: calc(36px + (var(--spacing) * 6));
200
- }
201
- .mr-2 {
202
- margin-right: calc(var(--spacing) * 2);
203
- }
204
- .mr-3 {
205
- margin-right: calc(var(--spacing) * 3);
206
- }
207
- .mb-2 {
208
- margin-bottom: calc(var(--spacing) * 2);
209
- }
210
- .mb-4 {
211
- margin-bottom: calc(var(--spacing) * 4);
212
- }
213
- .mb-6 {
214
- margin-bottom: calc(var(--spacing) * 6);
215
- }
216
- .mb-12 {
217
- margin-bottom: calc(var(--spacing) * 12);
218
- }
219
- .ml-1 {
220
- margin-left: calc(var(--spacing) * 1);
221
- }
222
- .flex {
223
- display: flex;
224
- }
225
- .grid {
226
- display: grid;
227
- }
228
- .inline {
229
- display: inline;
230
- }
231
- .inline-flex {
232
- display: inline-flex;
233
- }
234
- .h-5 {
235
- height: calc(var(--spacing) * 5);
236
- }
237
- .h-6 {
238
- height: calc(var(--spacing) * 6);
239
- }
240
- .h-12 {
241
- height: calc(var(--spacing) * 12);
242
- }
243
- .h-\[36px\] {
244
- height: 36px;
245
- }
246
- .h-fit {
247
- height: fit-content;
248
- }
249
- .h-full {
250
- height: 100%;
251
- }
252
- .h-px {
253
- height: 1px;
254
- }
255
- .max-h-\[calc\(100dvh-36px-\(var\(--spacing\)\*6\)\)\] {
256
- max-height: calc(100dvh - 36px - (var(--spacing) * 6));
257
- }
258
- .min-h-screen {
259
- min-height: 100vh;
260
- }
261
- .w-5 {
262
- width: calc(var(--spacing) * 5);
263
- }
264
- .w-6 {
265
- width: calc(var(--spacing) * 6);
266
- }
267
- .w-12 {
268
- width: calc(var(--spacing) * 12);
269
- }
270
- .w-44 {
271
- width: calc(var(--spacing) * 44);
272
- }
273
- .w-\[36px\] {
274
- width: 36px;
275
- }
276
- .w-fit {
277
- width: fit-content;
278
- }
279
- .w-full {
280
- width: 100%;
281
- }
282
- .max-w-1\/2 {
283
- max-width: calc(1/2 * 100%);
284
- }
285
- .max-w-3xl {
286
- max-width: var(--container-3xl);
287
- }
288
- .max-w-4xl {
289
- max-width: var(--container-4xl);
290
- }
291
- .max-w-5xl {
292
- max-width: var(--container-5xl);
293
- }
294
- .max-w-6xl {
295
- max-width: var(--container-6xl);
296
- }
297
- .max-w-7xl {
298
- max-width: var(--container-7xl);
299
- }
300
- .max-w-full {
301
- max-width: 100%;
302
- }
303
- .max-w-xl {
304
- max-width: var(--container-xl);
305
- }
306
- .min-w-3xs {
307
- min-width: var(--container-3xs);
308
- }
309
- .min-w-44 {
310
- min-width: calc(var(--spacing) * 44);
311
- }
312
- .min-w-full {
313
- min-width: 100%;
314
- }
315
- .flex-1 {
316
- flex: 1;
317
- }
318
- .flex-grow {
319
- flex-grow: 1;
320
- }
321
- .transform {
322
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
323
- }
324
- .cursor-pointer {
325
- cursor: pointer;
326
- }
327
- .list-inside {
328
- list-style-position: inside;
329
- }
330
- .list-disc {
331
- list-style-type: disc;
332
- }
333
- .grid-cols-1 {
334
- grid-template-columns: repeat(1, minmax(0, 1fr));
335
- }
336
- .grid-cols-2 {
337
- grid-template-columns: repeat(2, minmax(0, 1fr));
338
- }
339
- .flex-col {
340
- flex-direction: column;
341
- }
342
- .flex-col-reverse {
343
- flex-direction: column-reverse;
344
- }
345
- .flex-row {
346
- flex-direction: row;
347
- }
348
- .flex-row-reverse {
349
- flex-direction: row-reverse;
350
- }
351
- .flex-nowrap {
352
- flex-wrap: nowrap;
353
- }
354
- .flex-wrap {
355
- flex-wrap: wrap;
356
- }
357
- .flex-wrap-reverse {
358
- flex-wrap: wrap-reverse;
359
- }
360
- .items-baseline {
361
- align-items: baseline;
362
- }
363
- .items-center {
364
- align-items: center;
365
- }
366
- .items-end {
367
- align-items: flex-end;
368
- }
369
- .items-start {
370
- align-items: flex-start;
371
- }
372
- .items-stretch {
373
- align-items: stretch;
374
- }
375
- .justify-around {
376
- justify-content: space-around;
377
- }
378
- .justify-baseline {
379
- justify-content: baseline;
380
- }
381
- .justify-between {
382
- justify-content: space-between;
383
- }
384
- .justify-center {
385
- justify-content: center;
386
- }
387
- .justify-end {
388
- justify-content: flex-end;
389
- }
390
- .justify-evenly {
391
- justify-content: space-evenly;
392
- }
393
- .justify-start {
394
- justify-content: flex-start;
395
- }
396
- .justify-stretch {
397
- justify-content: stretch;
398
- }
399
- .gap-0 {
400
- gap: calc(var(--spacing) * 0);
401
- }
402
- .gap-1 {
403
- gap: calc(var(--spacing) * 1);
404
- }
405
- .gap-1\.5 {
406
- gap: calc(var(--spacing) * 1.5);
407
- }
408
- .gap-2 {
409
- gap: calc(var(--spacing) * 2);
410
- }
411
- .gap-2\.5 {
412
- gap: calc(var(--spacing) * 2.5);
413
- }
414
- .gap-3 {
415
- gap: calc(var(--spacing) * 3);
416
- }
417
- .gap-4 {
418
- gap: calc(var(--spacing) * 4);
419
- }
420
- .gap-5 {
421
- gap: calc(var(--spacing) * 5);
422
- }
423
- .gap-6 {
424
- gap: calc(var(--spacing) * 6);
425
- }
426
- .gap-8 {
427
- gap: calc(var(--spacing) * 8);
428
- }
429
- .gap-10 {
430
- gap: calc(var(--spacing) * 10);
431
- }
432
- .gap-12 {
433
- gap: calc(var(--spacing) * 12);
434
- }
435
- .gap-16 {
436
- gap: calc(var(--spacing) * 16);
437
- }
438
- .space-y-1 {
439
- :where(& > :not(:last-child)) {
440
- --tw-space-y-reverse: 0;
441
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
442
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
443
- }
444
- }
445
- .space-y-4 {
446
- :where(& > :not(:last-child)) {
447
- --tw-space-y-reverse: 0;
448
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
449
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
450
- }
451
- }
452
- .divide-y {
453
- :where(& > :not(:last-child)) {
454
- --tw-divide-y-reverse: 0;
455
- border-bottom-style: var(--tw-border-style);
456
- border-top-style: var(--tw-border-style);
457
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
458
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
459
- }
460
- }
461
- .divide-gray-200 {
462
- :where(& > :not(:last-child)) {
463
- border-color: var(--color-gray-200);
464
- }
465
- }
466
- .overflow-auto {
467
- overflow: auto;
468
- }
469
- .overflow-hidden {
470
- overflow: hidden;
471
- }
472
- .overflow-visible {
473
- overflow: visible;
474
- }
475
- .overflow-x-auto {
476
- overflow-x: auto;
477
- }
478
- .overflow-y-auto {
479
- overflow-y: auto;
480
- }
481
- .rounded {
482
- border-radius: 0.25rem;
483
- }
484
- .rounded-2xl {
485
- border-radius: var(--radius-2xl);
486
- }
487
- .rounded-3xl {
488
- border-radius: var(--radius-3xl);
489
- }
490
- .rounded-full {
491
- border-radius: calc(infinity * 1px);
492
- }
493
- .rounded-lg {
494
- border-radius: var(--radius-lg);
495
- }
496
- .rounded-md {
497
- border-radius: var(--radius-md);
498
- }
499
- .rounded-none {
500
- border-radius: 0;
501
- }
502
- .rounded-sm {
503
- border-radius: var(--radius-sm);
504
- }
505
- .rounded-xl {
506
- border-radius: var(--radius-xl);
507
- }
508
- .rounded-xs {
509
- border-radius: var(--radius-xs);
510
- }
511
- .border {
512
- border-style: var(--tw-border-style);
513
- border-width: 1px;
514
- }
515
- .border-0 {
516
- border-style: var(--tw-border-style);
517
- border-width: 0px;
518
- }
519
- .border-8 {
520
- border-style: var(--tw-border-style);
521
- border-width: 8px;
522
- }
523
- .border-x {
524
- border-inline-style: var(--tw-border-style);
525
- border-inline-width: 1px;
526
- }
527
- .border-t {
528
- border-top-style: var(--tw-border-style);
529
- border-top-width: 1px;
530
- }
531
- .border-r {
532
- border-right-style: var(--tw-border-style);
533
- border-right-width: 1px;
534
- }
535
- .border-b {
536
- border-bottom-style: var(--tw-border-style);
537
- border-bottom-width: 1px;
538
- }
539
- .border-l {
540
- border-left-style: var(--tw-border-style);
541
- border-left-width: 1px;
542
- }
543
- .border-none {
544
- --tw-border-style: none;
545
- border-style: none;
546
- }
547
- .border-\(--border-color-accent\) {
548
- border-color: var(--border-color-accent);
549
- }
550
- .border-\(--border-color-danger\) {
551
- border-color: var(--border-color-danger);
552
- }
553
- .border-\(--border-color-default\) {
554
- border-color: var(--border-color-default);
555
- }
556
- .border-\(--border-color-info\) {
557
- border-color: var(--border-color-info);
558
- }
559
- .border-\(--border-color-link\) {
560
- border-color: var(--border-color-link);
561
- }
562
- .border-\(--border-color-muted\) {
563
- border-color: var(--border-color-muted);
564
- }
565
- .border-\(--border-color-primary\) {
566
- border-color: var(--border-color-primary);
567
- }
568
- .border-\(--border-color-secondary\) {
569
- border-color: var(--border-color-secondary);
570
- }
571
- .border-\(--border-color-success\) {
572
- border-color: var(--border-color-success);
573
- }
574
- .border-\(--border-color-tertiary\) {
575
- border-color: var(--border-color-tertiary);
576
- }
577
- .border-\(--border-color-warning\) {
578
- border-color: var(--border-color-warning);
579
- }
580
- .border-\(--filled-border-color-accent\) {
581
- border-color: var(--filled-border-color-accent);
582
- }
583
- .border-\(--filled-border-color-danger\) {
584
- border-color: var(--filled-border-color-danger);
585
- }
586
- .border-\(--filled-border-color-default\) {
587
- border-color: var(--filled-border-color-default);
588
- }
589
- .border-\(--filled-border-color-info\) {
590
- border-color: var(--filled-border-color-info);
591
- }
592
- .border-\(--filled-border-color-link\) {
593
- border-color: var(--filled-border-color-link);
594
- }
595
- .border-\(--filled-border-color-muted\) {
596
- border-color: var(--filled-border-color-muted);
597
- }
598
- .border-\(--filled-border-color-primary\) {
599
- border-color: var(--filled-border-color-primary);
600
- }
601
- .border-\(--filled-border-color-secondary\) {
602
- border-color: var(--filled-border-color-secondary);
603
- }
604
- .border-\(--filled-border-color-success\) {
605
- border-color: var(--filled-border-color-success);
606
- }
607
- .border-\(--filled-border-color-tertiary\) {
608
- border-color: var(--filled-border-color-tertiary);
609
- }
610
- .border-\(--filled-border-color-warning\) {
611
- border-color: var(--filled-border-color-warning);
612
- }
613
- .border-gray-200 {
614
- border-color: var(--color-gray-200);
615
- }
616
- .border-gray-400\/10 {
617
- border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
618
- @supports (color: color-mix(in lab, red, red)) {
619
- border-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
620
- }
621
- }
622
- .border-gray-600 {
623
- border-color: var(--color-gray-600);
624
- }
625
- .border-indigo-200 {
626
- border-color: var(--color-indigo-200);
627
- }
628
- .border-transparent {
629
- border-color: transparent;
630
- }
631
- .bg-\(--background-color-accent\) {
632
- background-color: var(--background-color-accent);
633
- }
634
- .bg-\(--background-color-danger\) {
635
- background-color: var(--background-color-danger);
636
- }
637
- .bg-\(--background-color-default\) {
638
- background-color: var(--background-color-default);
639
- }
640
- .bg-\(--background-color-info\) {
641
- background-color: var(--background-color-info);
642
- }
643
- .bg-\(--background-color-link\) {
644
- background-color: var(--background-color-link);
645
- }
646
- .bg-\(--background-color-muted\) {
647
- background-color: var(--background-color-muted);
648
- }
649
- .bg-\(--background-color-primary\) {
650
- background-color: var(--background-color-primary);
651
- }
652
- .bg-\(--background-color-secondary\) {
653
- background-color: var(--background-color-secondary);
654
- }
655
- .bg-\(--background-color-success\) {
656
- background-color: var(--background-color-success);
657
- }
658
- .bg-\(--background-color-tertiary\) {
659
- background-color: var(--background-color-tertiary);
660
- }
661
- .bg-\(--background-color-warning\) {
662
- background-color: var(--background-color-warning);
663
- }
664
- .bg-\(--border-color-accent\) {
665
- background-color: var(--border-color-accent);
666
- }
667
- .bg-\(--border-color-danger\) {
668
- background-color: var(--border-color-danger);
669
- }
670
- .bg-\(--border-color-default\) {
671
- background-color: var(--border-color-default);
672
- }
673
- .bg-\(--border-color-info\) {
674
- background-color: var(--border-color-info);
675
- }
676
- .bg-\(--border-color-link\) {
677
- background-color: var(--border-color-link);
678
- }
679
- .bg-\(--border-color-muted\) {
680
- background-color: var(--border-color-muted);
681
- }
682
- .bg-\(--border-color-primary\) {
683
- background-color: var(--border-color-primary);
684
- }
685
- .bg-\(--border-color-secondary\) {
686
- background-color: var(--border-color-secondary);
687
- }
688
- .bg-\(--border-color-success\) {
689
- background-color: var(--border-color-success);
690
- }
691
- .bg-\(--border-color-tertiary\) {
692
- background-color: var(--border-color-tertiary);
693
- }
694
- .bg-\(--border-color-warning\) {
695
- background-color: var(--border-color-warning);
696
- }
697
- .bg-\(--filled-background-color-accent\) {
698
- background-color: var(--filled-background-color-accent);
699
- }
700
- .bg-\(--filled-background-color-danger\) {
701
- background-color: var(--filled-background-color-danger);
702
- }
703
- .bg-\(--filled-background-color-default\) {
704
- background-color: var(--filled-background-color-default);
705
- }
706
- .bg-\(--filled-background-color-info\) {
707
- background-color: var(--filled-background-color-info);
708
- }
709
- .bg-\(--filled-background-color-link\) {
710
- background-color: var(--filled-background-color-link);
711
- }
712
- .bg-\(--filled-background-color-muted\) {
713
- background-color: var(--filled-background-color-muted);
714
- }
715
- .bg-\(--filled-background-color-primary\) {
716
- background-color: var(--filled-background-color-primary);
717
- }
718
- .bg-\(--filled-background-color-secondary\) {
719
- background-color: var(--filled-background-color-secondary);
720
- }
721
- .bg-\(--filled-background-color-success\) {
722
- background-color: var(--filled-background-color-success);
723
- }
724
- .bg-\(--filled-background-color-tertiary\) {
725
- background-color: var(--filled-background-color-tertiary);
726
- }
727
- .bg-\(--filled-background-color-warning\) {
728
- background-color: var(--filled-background-color-warning);
729
- }
730
- .bg-\(--layout-background-accent\) {
731
- background-color: var(--layout-background-accent);
732
- }
733
- .bg-\(--layout-background-danger\) {
734
- background-color: var(--layout-background-danger);
735
- }
736
- .bg-\(--layout-background-default\) {
737
- background-color: var(--layout-background-default);
738
- }
739
- .bg-\(--layout-background-info\) {
740
- background-color: var(--layout-background-info);
741
- }
742
- .bg-\(--layout-background-primary\) {
743
- background-color: var(--layout-background-primary);
744
- }
745
- .bg-\(--layout-background-secondary\) {
746
- background-color: var(--layout-background-secondary);
747
- }
748
- .bg-\(--layout-background-success\) {
749
- background-color: var(--layout-background-success);
750
- }
751
- .bg-\(--layout-background-tertiary\) {
752
- background-color: var(--layout-background-tertiary);
753
- }
754
- .bg-\(--layout-background-warning\) {
755
- background-color: var(--layout-background-warning);
756
- }
757
- .bg-gray-50 {
758
- background-color: var(--color-gray-50);
759
- }
760
- .bg-gray-100 {
761
- background-color: var(--color-gray-100);
762
- }
763
- .bg-indigo-50 {
764
- background-color: var(--color-indigo-50);
765
- }
766
- .bg-transparent {
767
- background-color: transparent;
768
- }
769
- .bg-white {
770
- background-color: var(--color-white);
771
- }
772
- .bg-white\/70 {
773
- background-color: color-mix(in srgb, #fff 70%, transparent);
774
- @supports (color: color-mix(in lab, red, red)) {
775
- background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
776
- }
777
- }
778
- .bg-gradient-to-r {
779
- --tw-gradient-position: to right in oklab;
780
- background-image: linear-gradient(var(--tw-gradient-stops));
781
- }
782
- .bg-\[linear-gradient\(to_right\,var\(--color-gray-100\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--color-gray-100\)_1px\,transparent_1px\)\] {
783
- background-image: linear-gradient(to right,var(--color-gray-100) 1px,transparent 1px),linear-gradient(to bottom,var(--color-gray-100) 1px,transparent 1px);
784
- }
785
- .bg-\[radial-gradient\(var\(--color-slate-200\)_1px\,transparent_1px\)\] {
786
- background-image: radial-gradient(var(--color-slate-200) 1px,transparent 1px);
787
- }
788
- .from-green-400 {
789
- --tw-gradient-from: var(--color-green-400);
790
- --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));
791
- }
792
- .from-slate-100 {
793
- --tw-gradient-from: var(--color-slate-100);
794
- --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));
795
- }
796
- .via-white {
797
- --tw-gradient-via: var(--color-white);
798
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
799
- --tw-gradient-stops: var(--tw-gradient-via-stops);
800
- }
801
- .to-blue-500 {
802
- --tw-gradient-to: var(--color-blue-500);
803
- --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));
804
- }
805
- .to-slate-100 {
806
- --tw-gradient-to: var(--color-slate-100);
807
- --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));
808
- }
809
- .\[background-size\:calc\(var\(--spacing\)\*4\)_calc\(var\(--spacing\)\*4\)\] {
810
- background-size: calc(var(--spacing) * 4) calc(var(--spacing) * 4);
811
- }
812
- .bg-\[size\:calc\(var\(--spacing\)\*6\)_calc\(var\(--spacing\)\*6\)\] {
813
- background-size: calc(var(--spacing) * 6) calc(var(--spacing) * 6);
814
- }
815
- .object-cover {
816
- object-fit: cover;
817
- }
818
- .p-0 {
819
- padding: calc(var(--spacing) * 0);
820
- }
821
- .p-2 {
822
- padding: calc(var(--spacing) * 2);
823
- }
824
- .p-4 {
825
- padding: calc(var(--spacing) * 4);
826
- }
827
- .p-6 {
828
- padding: calc(var(--spacing) * 6);
829
- }
830
- .p-8 {
831
- padding: calc(var(--spacing) * 8);
832
- }
833
- .px-0 {
834
- padding-inline: calc(var(--spacing) * 0);
835
- }
836
- .px-2 {
837
- padding-inline: calc(var(--spacing) * 2);
838
- }
839
- .px-2\.5 {
840
- padding-inline: calc(var(--spacing) * 2.5);
841
- }
842
- .px-3 {
843
- padding-inline: calc(var(--spacing) * 3);
844
- }
845
- .px-3\.5 {
846
- padding-inline: calc(var(--spacing) * 3.5);
847
- }
848
- .px-4 {
849
- padding-inline: calc(var(--spacing) * 4);
850
- }
851
- .px-5 {
852
- padding-inline: calc(var(--spacing) * 5);
853
- }
854
- .px-6 {
855
- padding-inline: calc(var(--spacing) * 6);
856
- }
857
- .px-7 {
858
- padding-inline: calc(var(--spacing) * 7);
859
- }
860
- .px-8 {
861
- padding-inline: calc(var(--spacing) * 8);
862
- }
863
- .px-9 {
864
- padding-inline: calc(var(--spacing) * 9);
865
- }
866
- .px-10 {
867
- padding-inline: calc(var(--spacing) * 10);
868
- }
869
- .py-0 {
870
- padding-block: calc(var(--spacing) * 0);
871
- }
872
- .py-1 {
873
- padding-block: calc(var(--spacing) * 1);
874
- }
875
- .py-1\.5 {
876
- padding-block: calc(var(--spacing) * 1.5);
877
- }
878
- .py-2 {
879
- padding-block: calc(var(--spacing) * 2);
880
- }
881
- .py-3 {
882
- padding-block: calc(var(--spacing) * 3);
883
- }
884
- .py-4 {
885
- padding-block: calc(var(--spacing) * 4);
886
- }
887
- .py-5 {
888
- padding-block: calc(var(--spacing) * 5);
889
- }
890
- .py-6 {
891
- padding-block: calc(var(--spacing) * 6);
892
- }
893
- .py-8 {
894
- padding-block: calc(var(--spacing) * 8);
895
- }
896
- .py-10 {
897
- padding-block: calc(var(--spacing) * 10);
898
- }
899
- .py-16 {
900
- padding-block: calc(var(--spacing) * 16);
901
- }
902
- .py-20 {
903
- padding-block: calc(var(--spacing) * 20);
904
- }
905
- .pt-\[calc\(36px\+\(var\(--spacing\)\*6\)\)\] {
906
- padding-top: calc(36px + (var(--spacing) * 6));
907
- }
908
- .pr-2 {
909
- padding-right: calc(var(--spacing) * 2);
910
- }
911
- .pr-6 {
912
- padding-right: calc(var(--spacing) * 6);
913
- }
914
- .pl-2 {
915
- padding-left: calc(var(--spacing) * 2);
916
- }
917
- .pl-2\.5 {
918
- padding-left: calc(var(--spacing) * 2.5);
919
- }
920
- .pl-4 {
921
- padding-left: calc(var(--spacing) * 4);
922
- }
923
- .pl-5 {
924
- padding-left: calc(var(--spacing) * 5);
925
- }
926
- .pl-6 {
927
- padding-left: calc(var(--spacing) * 6);
928
- }
929
- .text-center {
930
- text-align: center;
931
- }
932
- .text-justify {
933
- text-align: justify;
934
- }
935
- .text-left {
936
- text-align: left;
937
- }
938
- .text-right {
939
- text-align: right;
940
- }
941
- .font-mono {
942
- font-family: var(--font-mono);
943
- }
944
- .font-sans {
945
- font-family: var(--font-sans);
946
- }
947
- .font-serif {
948
- font-family: var(--font-serif);
949
- }
950
- .text-2xl {
951
- font-size: var(--text-2xl);
952
- line-height: var(--tw-leading, var(--text-2xl--line-height));
953
- }
954
- .text-3xl {
955
- font-size: var(--text-3xl);
956
- line-height: var(--tw-leading, var(--text-3xl--line-height));
957
- }
958
- .text-4xl {
959
- font-size: var(--text-4xl);
960
- line-height: var(--tw-leading, var(--text-4xl--line-height));
961
- }
962
- .text-5xl {
963
- font-size: var(--text-5xl);
964
- line-height: var(--tw-leading, var(--text-5xl--line-height));
965
- }
966
- .text-6xl {
967
- font-size: var(--text-6xl);
968
- line-height: var(--tw-leading, var(--text-6xl--line-height));
969
- }
970
- .text-7xl {
971
- font-size: var(--text-7xl);
972
- line-height: var(--tw-leading, var(--text-7xl--line-height));
973
- }
974
- .text-base {
975
- font-size: var(--text-base);
976
- line-height: var(--tw-leading, var(--text-base--line-height));
977
- }
978
- .text-lg {
979
- font-size: var(--text-lg);
980
- line-height: var(--tw-leading, var(--text-lg--line-height));
981
- }
982
- .text-lg\/6 {
983
- font-size: var(--text-lg);
984
- line-height: calc(var(--spacing) * 6);
985
- }
986
- .text-sm {
987
- font-size: var(--text-sm);
988
- line-height: var(--tw-leading, var(--text-sm--line-height));
989
- }
990
- .text-sm\/5 {
991
- font-size: var(--text-sm);
992
- line-height: calc(var(--spacing) * 5);
993
- }
994
- .text-xl {
995
- font-size: var(--text-xl);
996
- line-height: var(--tw-leading, var(--text-xl--line-height));
997
- }
998
- .text-xl\/6 {
999
- font-size: var(--text-xl);
1000
- line-height: calc(var(--spacing) * 6);
1001
- }
1002
- .text-xs {
1003
- font-size: var(--text-xs);
1004
- line-height: var(--tw-leading, var(--text-xs--line-height));
1005
- }
1006
- .text-xs\/5 {
1007
- font-size: var(--text-xs);
1008
- line-height: calc(var(--spacing) * 5);
1009
- }
1010
- .font-black {
1011
- --tw-font-weight: var(--font-weight-black);
1012
- font-weight: var(--font-weight-black);
1013
- }
1014
- .font-bold {
1015
- --tw-font-weight: var(--font-weight-bold);
1016
- font-weight: var(--font-weight-bold);
1017
- }
1018
- .font-extrabold {
1019
- --tw-font-weight: var(--font-weight-extrabold);
1020
- font-weight: var(--font-weight-extrabold);
1021
- }
1022
- .font-extralight {
1023
- --tw-font-weight: var(--font-weight-extralight);
1024
- font-weight: var(--font-weight-extralight);
1025
- }
1026
- .font-light {
1027
- --tw-font-weight: var(--font-weight-light);
1028
- font-weight: var(--font-weight-light);
1029
- }
1030
- .font-medium {
1031
- --tw-font-weight: var(--font-weight-medium);
1032
- font-weight: var(--font-weight-medium);
1033
- }
1034
- .font-normal {
1035
- --tw-font-weight: var(--font-weight-normal);
1036
- font-weight: var(--font-weight-normal);
1037
- }
1038
- .font-semibold {
1039
- --tw-font-weight: var(--font-weight-semibold);
1040
- font-weight: var(--font-weight-semibold);
1041
- }
1042
- .font-thin {
1043
- --tw-font-weight: var(--font-weight-thin);
1044
- font-weight: var(--font-weight-thin);
1045
- }
1046
- .tracking-tighter {
1047
- --tw-tracking: var(--tracking-tighter);
1048
- letter-spacing: var(--tracking-tighter);
1049
- }
1050
- .tracking-wider {
1051
- --tw-tracking: var(--tracking-wider);
1052
- letter-spacing: var(--tracking-wider);
1053
- }
1054
- .text-balance {
1055
- text-wrap: balance;
1056
- }
1057
- .whitespace-nowrap {
1058
- white-space: nowrap;
1059
- }
1060
- .text-\(--text-color-accent\) {
1061
- color: var(--text-color-accent);
1062
- }
1063
- .text-\(--text-color-danger\) {
1064
- color: var(--text-color-danger);
1065
- }
1066
- .text-\(--text-color-default\) {
1067
- color: var(--text-color-default);
1068
- }
1069
- .text-\(--text-color-info\) {
1070
- color: var(--text-color-info);
1071
- }
1072
- .text-\(--text-color-link\) {
1073
- color: var(--text-color-link);
1074
- }
1075
- .text-\(--text-color-muted\) {
1076
- color: var(--text-color-muted);
1077
- }
1078
- .text-\(--text-color-primary\) {
1079
- color: var(--text-color-primary);
1080
- }
1081
- .text-\(--text-color-secondary\) {
1082
- color: var(--text-color-secondary);
1083
- }
1084
- .text-\(--text-color-success\) {
1085
- color: var(--text-color-success);
1086
- }
1087
- .text-\(--text-color-tertiary\) {
1088
- color: var(--text-color-tertiary);
1089
- }
1090
- .text-\(--text-color-warning\) {
1091
- color: var(--text-color-warning);
1092
- }
1093
- .text-blue-500 {
1094
- color: var(--color-blue-500);
1095
- }
1096
- .text-gray-500 {
1097
- color: var(--color-gray-500);
1098
- }
1099
- .text-gray-900 {
1100
- color: var(--color-gray-900);
1101
- }
1102
- .text-indigo-500 {
1103
- color: var(--color-indigo-500);
1104
- }
1105
- .text-indigo-600 {
1106
- color: var(--color-indigo-600);
1107
- }
1108
- .text-indigo-700 {
1109
- color: var(--color-indigo-700);
1110
- }
1111
- .text-red-500 {
1112
- color: var(--color-red-500);
1113
- }
1114
- .text-transparent {
1115
- color: transparent;
1116
- }
1117
- .text-white {
1118
- color: var(--color-white);
1119
- }
1120
- .capitalize {
1121
- text-transform: capitalize;
1122
- }
1123
- .lowercase {
1124
- text-transform: lowercase;
1125
- }
1126
- .normal-case {
1127
- text-transform: none;
1128
- }
1129
- .uppercase {
1130
- text-transform: uppercase;
1131
- }
1132
- .italic {
1133
- font-style: italic;
1134
- }
1135
- .not-italic {
1136
- font-style: normal;
1137
- }
1138
- .line-through {
1139
- text-decoration-line: line-through;
1140
- }
1141
- .no-underline {
1142
- text-decoration-line: none;
1143
- }
1144
- .overline {
1145
- text-decoration-line: overline;
1146
- }
1147
- .underline {
1148
- text-decoration-line: underline;
1149
- }
1150
- .shadow {
1151
- --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));
1152
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1153
- }
1154
- .shadow-lg {
1155
- --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));
1156
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1157
- }
1158
- .shadow-md {
1159
- --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));
1160
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1161
- }
1162
- .shadow-none {
1163
- --tw-shadow: 0 0 #0000;
1164
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1165
- }
1166
- .shadow-sm {
1167
- --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));
1168
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1169
- }
1170
- .shadow-xl {
1171
- --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));
1172
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1173
- }
1174
- .shadow-xs {
1175
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1176
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1177
- }
1178
- .ring {
1179
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1180
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1181
- }
1182
- .ring-0 {
1183
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1184
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1185
- }
1186
- .ring-2 {
1187
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1188
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1189
- }
1190
- .ring-\(--border-color-accent\) {
1191
- --tw-ring-color: var(--border-color-accent);
1192
- }
1193
- .ring-\(--border-color-danger\) {
1194
- --tw-ring-color: var(--border-color-danger);
1195
- }
1196
- .ring-\(--border-color-default\) {
1197
- --tw-ring-color: var(--border-color-default);
1198
- }
1199
- .ring-\(--border-color-info\) {
1200
- --tw-ring-color: var(--border-color-info);
1201
- }
1202
- .ring-\(--border-color-link\) {
1203
- --tw-ring-color: var(--border-color-link);
1204
- }
1205
- .ring-\(--border-color-muted\) {
1206
- --tw-ring-color: var(--border-color-muted);
1207
- }
1208
- .ring-\(--border-color-primary\) {
1209
- --tw-ring-color: var(--border-color-primary);
1210
- }
1211
- .ring-\(--border-color-secondary\) {
1212
- --tw-ring-color: var(--border-color-secondary);
1213
- }
1214
- .ring-\(--border-color-success\) {
1215
- --tw-ring-color: var(--border-color-success);
1216
- }
1217
- .ring-\(--border-color-tertiary\) {
1218
- --tw-ring-color: var(--border-color-tertiary);
1219
- }
1220
- .ring-\(--border-color-warning\) {
1221
- --tw-ring-color: var(--border-color-warning);
1222
- }
1223
- .ring-\(--filled-border-color-accent\) {
1224
- --tw-ring-color: var(--filled-border-color-accent);
1225
- }
1226
- .ring-\(--filled-border-color-danger\) {
1227
- --tw-ring-color: var(--filled-border-color-danger);
1228
- }
1229
- .ring-\(--filled-border-color-default\) {
1230
- --tw-ring-color: var(--filled-border-color-default);
1231
- }
1232
- .ring-\(--filled-border-color-info\) {
1233
- --tw-ring-color: var(--filled-border-color-info);
1234
- }
1235
- .ring-\(--filled-border-color-link\) {
1236
- --tw-ring-color: var(--filled-border-color-link);
1237
- }
1238
- .ring-\(--filled-border-color-muted\) {
1239
- --tw-ring-color: var(--filled-border-color-muted);
1240
- }
1241
- .ring-\(--filled-border-color-primary\) {
1242
- --tw-ring-color: var(--filled-border-color-primary);
1243
- }
1244
- .ring-\(--filled-border-color-secondary\) {
1245
- --tw-ring-color: var(--filled-border-color-secondary);
1246
- }
1247
- .ring-\(--filled-border-color-success\) {
1248
- --tw-ring-color: var(--filled-border-color-success);
1249
- }
1250
- .ring-\(--filled-border-color-tertiary\) {
1251
- --tw-ring-color: var(--filled-border-color-tertiary);
1252
- }
1253
- .ring-\(--filled-border-color-warning\) {
1254
- --tw-ring-color: var(--filled-border-color-warning);
1255
- }
1256
- .ring-green-300 {
1257
- --tw-ring-color: var(--color-green-300);
1258
- }
1259
- .ring-transparent {
1260
- --tw-ring-color: transparent;
1261
- }
1262
- .outline {
1263
- outline-style: var(--tw-outline-style);
1264
- outline-width: 1px;
1265
- }
1266
- .filter {
1267
- 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,);
1268
- }
1269
- .backdrop-blur-md {
1270
- --tw-backdrop-blur: blur(var(--blur-md));
1271
- -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,);
1272
- 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,);
1273
- }
1274
- .backdrop-blur-sm {
1275
- --tw-backdrop-blur: blur(var(--blur-sm));
1276
- -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,);
1277
- 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,);
1278
- }
1279
- .transition-all {
1280
- transition-property: all;
1281
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1282
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1283
- }
1284
- .transition-shadow {
1285
- transition-property: box-shadow;
1286
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1287
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1288
- }
1289
- .duration-200 {
1290
- --tw-duration: 200ms;
1291
- transition-duration: 200ms;
1292
- }
1293
- .ring-inset {
1294
- --tw-ring-inset: inset;
1295
- }
1296
- .hover\:border {
1297
- &:hover {
1298
- @media (hover: hover) {
1299
- border-style: var(--tw-border-style);
1300
- border-width: 1px;
1301
- }
1302
- }
1303
- }
1304
- .hover\:border-none {
1305
- &:hover {
1306
- @media (hover: hover) {
1307
- --tw-border-style: none;
1308
- border-style: none;
1309
- }
1310
- }
1311
- }
1312
- .hover\:border-gray-400 {
1313
- &:hover {
1314
- @media (hover: hover) {
1315
- border-color: var(--color-gray-400);
1316
- }
1317
- }
1318
- }
1319
- .hover\:bg-\(--background-color-hover-accent\) {
1320
- &:hover {
1321
- @media (hover: hover) {
1322
- background-color: var(--background-color-hover-accent);
1323
- }
1324
- }
1325
- }
1326
- .hover\:bg-\(--background-color-hover-danger\) {
1327
- &:hover {
1328
- @media (hover: hover) {
1329
- background-color: var(--background-color-hover-danger);
1330
- }
1331
- }
1332
- }
1333
- .hover\:bg-\(--background-color-hover-default\) {
1334
- &:hover {
1335
- @media (hover: hover) {
1336
- background-color: var(--background-color-hover-default);
1337
- }
1338
- }
1339
- }
1340
- .hover\:bg-\(--background-color-hover-info\) {
1341
- &:hover {
1342
- @media (hover: hover) {
1343
- background-color: var(--background-color-hover-info);
1344
- }
1345
- }
1346
- }
1347
- .hover\:bg-\(--background-color-hover-link\) {
1348
- &:hover {
1349
- @media (hover: hover) {
1350
- background-color: var(--background-color-hover-link);
1351
- }
1352
- }
1353
- }
1354
- .hover\:bg-\(--background-color-hover-muted\) {
1355
- &:hover {
1356
- @media (hover: hover) {
1357
- background-color: var(--background-color-hover-muted);
1358
- }
1359
- }
1360
- }
1361
- .hover\:bg-\(--background-color-hover-primary\) {
1362
- &:hover {
1363
- @media (hover: hover) {
1364
- background-color: var(--background-color-hover-primary);
1365
- }
1366
- }
1367
- }
1368
- .hover\:bg-\(--background-color-hover-secondary\) {
1369
- &:hover {
1370
- @media (hover: hover) {
1371
- background-color: var(--background-color-hover-secondary);
1372
- }
1373
- }
1374
- }
1375
- .hover\:bg-\(--background-color-hover-success\) {
1376
- &:hover {
1377
- @media (hover: hover) {
1378
- background-color: var(--background-color-hover-success);
1379
- }
1380
- }
1381
- }
1382
- .hover\:bg-\(--background-color-hover-tertiary\) {
1383
- &:hover {
1384
- @media (hover: hover) {
1385
- background-color: var(--background-color-hover-tertiary);
1386
- }
1387
- }
1388
- }
1389
- .hover\:bg-\(--background-color-hover-warning\) {
1390
- &:hover {
1391
- @media (hover: hover) {
1392
- background-color: var(--background-color-hover-warning);
1393
- }
1394
- }
1395
- }
1396
- .hover\:bg-\(--filled-background-color-hover-accent\) {
1397
- &:hover {
1398
- @media (hover: hover) {
1399
- background-color: var(--filled-background-color-hover-accent);
1400
- }
1401
- }
1402
- }
1403
- .hover\:bg-\(--filled-background-color-hover-danger\) {
1404
- &:hover {
1405
- @media (hover: hover) {
1406
- background-color: var(--filled-background-color-hover-danger);
1407
- }
1408
- }
1409
- }
1410
- .hover\:bg-\(--filled-background-color-hover-default\) {
1411
- &:hover {
1412
- @media (hover: hover) {
1413
- background-color: var(--filled-background-color-hover-default);
1414
- }
1415
- }
1416
- }
1417
- .hover\:bg-\(--filled-background-color-hover-info\) {
1418
- &:hover {
1419
- @media (hover: hover) {
1420
- background-color: var(--filled-background-color-hover-info);
1421
- }
1422
- }
1423
- }
1424
- .hover\:bg-\(--filled-background-color-hover-link\) {
1425
- &:hover {
1426
- @media (hover: hover) {
1427
- background-color: var(--filled-background-color-hover-link);
1428
- }
1429
- }
1430
- }
1431
- .hover\:bg-\(--filled-background-color-hover-muted\) {
1432
- &:hover {
1433
- @media (hover: hover) {
1434
- background-color: var(--filled-background-color-hover-muted);
1435
- }
1436
- }
1437
- }
1438
- .hover\:bg-\(--filled-background-color-hover-primary\) {
1439
- &:hover {
1440
- @media (hover: hover) {
1441
- background-color: var(--filled-background-color-hover-primary);
1442
- }
1443
- }
1444
- }
1445
- .hover\:bg-\(--filled-background-color-hover-secondary\) {
1446
- &:hover {
1447
- @media (hover: hover) {
1448
- background-color: var(--filled-background-color-hover-secondary);
1449
- }
1450
- }
1451
- }
1452
- .hover\:bg-\(--filled-background-color-hover-success\) {
1453
- &:hover {
1454
- @media (hover: hover) {
1455
- background-color: var(--filled-background-color-hover-success);
1456
- }
1457
- }
1458
- }
1459
- .hover\:bg-\(--filled-background-color-hover-tertiary\) {
1460
- &:hover {
1461
- @media (hover: hover) {
1462
- background-color: var(--filled-background-color-hover-tertiary);
1463
- }
1464
- }
1465
- }
1466
- .hover\:bg-\(--filled-background-color-hover-warning\) {
1467
- &:hover {
1468
- @media (hover: hover) {
1469
- background-color: var(--filled-background-color-hover-warning);
1470
- }
1471
- }
1472
- }
1473
- .hover\:bg-gray-50 {
1474
- &:hover {
1475
- @media (hover: hover) {
1476
- background-color: var(--color-gray-50);
1477
- }
1478
- }
1479
- }
1480
- .hover\:bg-transparent {
1481
- &:hover {
1482
- @media (hover: hover) {
1483
- background-color: transparent;
1484
- }
1485
- }
1486
- }
1487
- .hover\:from-green-500 {
1488
- &:hover {
1489
- @media (hover: hover) {
1490
- --tw-gradient-from: var(--color-green-500);
1491
- --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));
1492
- }
1493
- }
1494
- }
1495
- .hover\:to-blue-600 {
1496
- &:hover {
1497
- @media (hover: hover) {
1498
- --tw-gradient-to: var(--color-blue-600);
1499
- --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));
1500
- }
1501
- }
1502
- }
1503
- .hover\:text-blue-700 {
1504
- &:hover {
1505
- @media (hover: hover) {
1506
- color: var(--color-blue-700);
1507
- }
1508
- }
1509
- }
1510
- .hover\:text-gray-800 {
1511
- &:hover {
1512
- @media (hover: hover) {
1513
- color: var(--color-gray-800);
1514
- }
1515
- }
1516
- }
1517
- .hover\:text-gray-900 {
1518
- &:hover {
1519
- @media (hover: hover) {
1520
- color: var(--color-gray-900);
1521
- }
1522
- }
1523
- }
1524
- .hover\:no-underline {
1525
- &:hover {
1526
- @media (hover: hover) {
1527
- text-decoration-line: none;
1528
- }
1529
- }
1530
- }
1531
- .hover\:underline {
1532
- &:hover {
1533
- @media (hover: hover) {
1534
- text-decoration-line: underline;
1535
- }
1536
- }
1537
- }
1538
- .hover\:shadow-2xl {
1539
- &:hover {
1540
- @media (hover: hover) {
1541
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1542
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1543
- }
1544
- }
1545
- }
1546
- .hover\:shadow-lg {
1547
- &:hover {
1548
- @media (hover: hover) {
1549
- --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));
1550
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1551
- }
1552
- }
1553
- }
1554
- .hover\:shadow-md {
1555
- &:hover {
1556
- @media (hover: hover) {
1557
- --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));
1558
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1559
- }
1560
- }
1561
- }
1562
- .hover\:shadow-none {
1563
- &:hover {
1564
- @media (hover: hover) {
1565
- --tw-shadow: 0 0 #0000;
1566
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1567
- }
1568
- }
1569
- }
1570
- .hover\:shadow-sm {
1571
- &:hover {
1572
- @media (hover: hover) {
1573
- --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));
1574
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1575
- }
1576
- }
1577
- }
1578
- .hover\:shadow-xl {
1579
- &:hover {
1580
- @media (hover: hover) {
1581
- --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));
1582
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1583
- }
1584
- }
1585
- }
1586
- .hover\:ring {
1587
- &:hover {
1588
- @media (hover: hover) {
1589
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1590
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1591
- }
1592
- }
1593
- }
1594
- .hover\:ring-0 {
1595
- &:hover {
1596
- @media (hover: hover) {
1597
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1598
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1599
- }
1600
- }
1601
- }
1602
- .hover\:ring-inset {
1603
- &:hover {
1604
- @media (hover: hover) {
1605
- --tw-ring-inset: inset;
1606
- }
1607
- }
1608
- }
1609
- .active\:border {
1610
- &:active {
1611
- border-style: var(--tw-border-style);
1612
- border-width: 1px;
1613
- }
1614
- }
1615
- .active\:border-none {
1616
- &:active {
1617
- --tw-border-style: none;
1618
- border-style: none;
1619
- }
1620
- }
1621
- .active\:bg-\(--background-color-active-accent\) {
1622
- &:active {
1623
- background-color: var(--background-color-active-accent);
1624
- }
1625
- }
1626
- .active\:bg-\(--background-color-active-danger\) {
1627
- &:active {
1628
- background-color: var(--background-color-active-danger);
1629
- }
1630
- }
1631
- .active\:bg-\(--background-color-active-default\) {
1632
- &:active {
1633
- background-color: var(--background-color-active-default);
1634
- }
1635
- }
1636
- .active\:bg-\(--background-color-active-info\) {
1637
- &:active {
1638
- background-color: var(--background-color-active-info);
1639
- }
1640
- }
1641
- .active\:bg-\(--background-color-active-link\) {
1642
- &:active {
1643
- background-color: var(--background-color-active-link);
1644
- }
1645
- }
1646
- .active\:bg-\(--background-color-active-muted\) {
1647
- &:active {
1648
- background-color: var(--background-color-active-muted);
1649
- }
1650
- }
1651
- .active\:bg-\(--background-color-active-primary\) {
1652
- &:active {
1653
- background-color: var(--background-color-active-primary);
1654
- }
1655
- }
1656
- .active\:bg-\(--background-color-active-secondary\) {
1657
- &:active {
1658
- background-color: var(--background-color-active-secondary);
1659
- }
1660
- }
1661
- .active\:bg-\(--background-color-active-success\) {
1662
- &:active {
1663
- background-color: var(--background-color-active-success);
1664
- }
1665
- }
1666
- .active\:bg-\(--background-color-active-tertiary\) {
1667
- &:active {
1668
- background-color: var(--background-color-active-tertiary);
1669
- }
1670
- }
1671
- .active\:bg-\(--background-color-active-warning\) {
1672
- &:active {
1673
- background-color: var(--background-color-active-warning);
1674
- }
1675
- }
1676
- .active\:bg-\(--filled-background-color-active-accent\) {
1677
- &:active {
1678
- background-color: var(--filled-background-color-active-accent);
1679
- }
1680
- }
1681
- .active\:bg-\(--filled-background-color-active-danger\) {
1682
- &:active {
1683
- background-color: var(--filled-background-color-active-danger);
1684
- }
1685
- }
1686
- .active\:bg-\(--filled-background-color-active-default\) {
1687
- &:active {
1688
- background-color: var(--filled-background-color-active-default);
1689
- }
1690
- }
1691
- .active\:bg-\(--filled-background-color-active-info\) {
1692
- &:active {
1693
- background-color: var(--filled-background-color-active-info);
1694
- }
1695
- }
1696
- .active\:bg-\(--filled-background-color-active-link\) {
1697
- &:active {
1698
- background-color: var(--filled-background-color-active-link);
1699
- }
1700
- }
1701
- .active\:bg-\(--filled-background-color-active-muted\) {
1702
- &:active {
1703
- background-color: var(--filled-background-color-active-muted);
1704
- }
1705
- }
1706
- .active\:bg-\(--filled-background-color-active-primary\) {
1707
- &:active {
1708
- background-color: var(--filled-background-color-active-primary);
1709
- }
1710
- }
1711
- .active\:bg-\(--filled-background-color-active-secondary\) {
1712
- &:active {
1713
- background-color: var(--filled-background-color-active-secondary);
1714
- }
1715
- }
1716
- .active\:bg-\(--filled-background-color-active-success\) {
1717
- &:active {
1718
- background-color: var(--filled-background-color-active-success);
1719
- }
1720
- }
1721
- .active\:bg-\(--filled-background-color-active-tertiary\) {
1722
- &:active {
1723
- background-color: var(--filled-background-color-active-tertiary);
1724
- }
1725
- }
1726
- .active\:bg-\(--filled-background-color-active-warning\) {
1727
- &:active {
1728
- background-color: var(--filled-background-color-active-warning);
1729
- }
1730
- }
1731
- .active\:bg-transparent {
1732
- &:active {
1733
- background-color: transparent;
1734
- }
1735
- }
1736
- .active\:text-blue-900 {
1737
- &:active {
1738
- color: var(--color-blue-900);
1739
- }
1740
- }
1741
- .active\:text-gray-400 {
1742
- &:active {
1743
- color: var(--color-gray-400);
1744
- }
1745
- }
1746
- .active\:shadow-2xl {
1747
- &:active {
1748
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1749
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1750
- }
1751
- }
1752
- .active\:shadow-lg {
1753
- &:active {
1754
- --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));
1755
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1756
- }
1757
- }
1758
- .active\:shadow-md {
1759
- &:active {
1760
- --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));
1761
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1762
- }
1763
- }
1764
- .active\:shadow-none {
1765
- &:active {
1766
- --tw-shadow: 0 0 #0000;
1767
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1768
- }
1769
- }
1770
- .active\:shadow-sm {
1771
- &:active {
1772
- --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));
1773
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1774
- }
1775
- }
1776
- .active\:shadow-xl {
1777
- &:active {
1778
- --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));
1779
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1780
- }
1781
- }
1782
- .active\:ring {
1783
- &:active {
1784
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1785
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1786
- }
1787
- }
1788
- .active\:ring-0 {
1789
- &:active {
1790
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1791
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1792
- }
1793
- }
1794
- .active\:ring-3 {
1795
- &:active {
1796
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1797
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1798
- }
1799
- }
1800
- .active\:ring-green-500 {
1801
- &:active {
1802
- --tw-ring-color: var(--color-green-500);
1803
- }
1804
- }
1805
- .active\:ring-inset {
1806
- &:active {
1807
- --tw-ring-inset: inset;
1808
- }
1809
- }
1810
- .max-xl\:hidden {
1811
- @media (width < 80rem) {
1812
- display: none;
1813
- }
1814
- }
1815
- .max-xl\:flex-col {
1816
- @media (width < 80rem) {
1817
- flex-direction: column;
1818
- }
1819
- }
1820
- .max-lg\:hidden {
1821
- @media (width < 64rem) {
1822
- display: none;
1823
- }
1824
- }
1825
- .max-lg\:flex-col {
1826
- @media (width < 64rem) {
1827
- flex-direction: column;
1828
- }
1829
- }
1830
- .max-lg\:gap-1 {
1831
- @media (width < 64rem) {
1832
- gap: calc(var(--spacing) * 1);
1833
- }
1834
- }
1835
- .max-lg\:gap-2 {
1836
- @media (width < 64rem) {
1837
- gap: calc(var(--spacing) * 2);
1838
- }
1839
- }
1840
- .max-lg\:gap-3 {
1841
- @media (width < 64rem) {
1842
- gap: calc(var(--spacing) * 3);
1843
- }
1844
- }
1845
- .max-lg\:gap-4 {
1846
- @media (width < 64rem) {
1847
- gap: calc(var(--spacing) * 4);
1848
- }
1849
- }
1850
- .max-lg\:gap-5 {
1851
- @media (width < 64rem) {
1852
- gap: calc(var(--spacing) * 5);
1853
- }
1854
- }
1855
- .max-lg\:gap-6 {
1856
- @media (width < 64rem) {
1857
- gap: calc(var(--spacing) * 6);
1858
- }
1859
- }
1860
- .max-lg\:gap-7 {
1861
- @media (width < 64rem) {
1862
- gap: calc(var(--spacing) * 7);
1863
- }
1864
- }
1865
- .max-lg\:gap-8 {
1866
- @media (width < 64rem) {
1867
- gap: calc(var(--spacing) * 8);
1868
- }
1869
- }
1870
- .max-lg\:gap-9 {
1871
- @media (width < 64rem) {
1872
- gap: calc(var(--spacing) * 9);
1873
- }
1874
- }
1875
- .max-lg\:px-4 {
1876
- @media (width < 64rem) {
1877
- padding-inline: calc(var(--spacing) * 4);
1878
- }
1879
- }
1880
- .max-lg\:px-5 {
1881
- @media (width < 64rem) {
1882
- padding-inline: calc(var(--spacing) * 5);
1883
- }
1884
- }
1885
- .max-lg\:px-6 {
1886
- @media (width < 64rem) {
1887
- padding-inline: calc(var(--spacing) * 6);
1888
- }
1889
- }
1890
- .max-lg\:px-7 {
1891
- @media (width < 64rem) {
1892
- padding-inline: calc(var(--spacing) * 7);
1893
- }
1894
- }
1895
- .max-lg\:px-8 {
1896
- @media (width < 64rem) {
1897
- padding-inline: calc(var(--spacing) * 8);
1898
- }
1899
- }
1900
- .max-lg\:py-14 {
1901
- @media (width < 64rem) {
1902
- padding-block: calc(var(--spacing) * 14);
1903
- }
1904
- }
1905
- .max-lg\:py-16 {
1906
- @media (width < 64rem) {
1907
- padding-block: calc(var(--spacing) * 16);
1908
- }
1909
- }
1910
- .max-lg\:text-2xl {
1911
- @media (width < 64rem) {
1912
- font-size: var(--text-2xl);
1913
- line-height: var(--tw-leading, var(--text-2xl--line-height));
1914
- }
1915
- }
1916
- .max-lg\:text-3xl {
1917
- @media (width < 64rem) {
1918
- font-size: var(--text-3xl);
1919
- line-height: var(--tw-leading, var(--text-3xl--line-height));
1920
- }
1921
- }
1922
- .max-lg\:text-4xl {
1923
- @media (width < 64rem) {
1924
- font-size: var(--text-4xl);
1925
- line-height: var(--tw-leading, var(--text-4xl--line-height));
1926
- }
1927
- }
1928
- .max-lg\:text-5xl {
1929
- @media (width < 64rem) {
1930
- font-size: var(--text-5xl);
1931
- line-height: var(--tw-leading, var(--text-5xl--line-height));
1932
- }
1933
- }
1934
- .max-lg\:text-6xl {
1935
- @media (width < 64rem) {
1936
- font-size: var(--text-6xl);
1937
- line-height: var(--tw-leading, var(--text-6xl--line-height));
1938
- }
1939
- }
1940
- .max-lg\:text-xl {
1941
- @media (width < 64rem) {
1942
- font-size: var(--text-xl);
1943
- line-height: var(--tw-leading, var(--text-xl--line-height));
1944
- }
1945
- }
1946
- .max-md\:hidden {
1947
- @media (width < 48rem) {
1948
- display: none;
1949
- }
1950
- }
1951
- .max-md\:max-w-full {
1952
- @media (width < 48rem) {
1953
- max-width: 100%;
1954
- }
1955
- }
1956
- .max-md\:flex-col {
1957
- @media (width < 48rem) {
1958
- flex-direction: column;
1959
- }
1960
- }
1961
- .max-md\:gap-2 {
1962
- @media (width < 48rem) {
1963
- gap: calc(var(--spacing) * 2);
1964
- }
1965
- }
1966
- .max-md\:gap-4 {
1967
- @media (width < 48rem) {
1968
- gap: calc(var(--spacing) * 4);
1969
- }
1970
- }
1971
- .max-md\:gap-6 {
1972
- @media (width < 48rem) {
1973
- gap: calc(var(--spacing) * 6);
1974
- }
1975
- }
1976
- .max-md\:gap-8 {
1977
- @media (width < 48rem) {
1978
- gap: calc(var(--spacing) * 8);
1979
- }
1980
- }
1981
- .max-md\:px-3 {
1982
- @media (width < 48rem) {
1983
- padding-inline: calc(var(--spacing) * 3);
1984
- }
1985
- }
1986
- .max-md\:px-4 {
1987
- @media (width < 48rem) {
1988
- padding-inline: calc(var(--spacing) * 4);
1989
- }
1990
- }
1991
- .max-md\:px-5 {
1992
- @media (width < 48rem) {
1993
- padding-inline: calc(var(--spacing) * 5);
1994
- }
1995
- }
1996
- .max-md\:px-6 {
1997
- @media (width < 48rem) {
1998
- padding-inline: calc(var(--spacing) * 6);
1999
- }
2000
- }
2001
- .max-md\:px-7 {
2002
- @media (width < 48rem) {
2003
- padding-inline: calc(var(--spacing) * 7);
2004
- }
2005
- }
2006
- .max-md\:py-5 {
2007
- @media (width < 48rem) {
2008
- padding-block: calc(var(--spacing) * 5);
2009
- }
2010
- }
2011
- .max-md\:py-12 {
2012
- @media (width < 48rem) {
2013
- padding-block: calc(var(--spacing) * 12);
2014
- }
2015
- }
2016
- .max-md\:text-2xl {
2017
- @media (width < 48rem) {
2018
- font-size: var(--text-2xl);
2019
- line-height: var(--tw-leading, var(--text-2xl--line-height));
2020
- }
2021
- }
2022
- .max-md\:text-3xl {
2023
- @media (width < 48rem) {
2024
- font-size: var(--text-3xl);
2025
- line-height: var(--tw-leading, var(--text-3xl--line-height));
2026
- }
2027
- }
2028
- .max-md\:text-4xl {
2029
- @media (width < 48rem) {
2030
- font-size: var(--text-4xl);
2031
- line-height: var(--tw-leading, var(--text-4xl--line-height));
2032
- }
2033
- }
2034
- .max-md\:text-5xl {
2035
- @media (width < 48rem) {
2036
- font-size: var(--text-5xl);
2037
- line-height: var(--tw-leading, var(--text-5xl--line-height));
2038
- }
2039
- }
2040
- .max-md\:text-lg {
2041
- @media (width < 48rem) {
2042
- font-size: var(--text-lg);
2043
- line-height: var(--tw-leading, var(--text-lg--line-height));
2044
- }
2045
- }
2046
- .max-md\:text-xl {
2047
- @media (width < 48rem) {
2048
- font-size: var(--text-xl);
2049
- line-height: var(--tw-leading, var(--text-xl--line-height));
2050
- }
2051
- }
2052
- .max-sm\:hidden {
2053
- @media (width < 40rem) {
2054
- display: none;
2055
- }
2056
- }
2057
- .max-sm\:w-80 {
2058
- @media (width < 40rem) {
2059
- width: calc(var(--spacing) * 80);
2060
- }
2061
- }
2062
- .max-sm\:w-full {
2063
- @media (width < 40rem) {
2064
- width: 100%;
2065
- }
2066
- }
2067
- .max-sm\:max-w-80 {
2068
- @media (width < 40rem) {
2069
- max-width: calc(var(--spacing) * 80);
2070
- }
2071
- }
2072
- .max-sm\:flex-col {
2073
- @media (width < 40rem) {
2074
- flex-direction: column;
2075
- }
2076
- }
2077
- .sm\:grid-cols-2 {
2078
- @media (width >= 40rem) {
2079
- grid-template-columns: repeat(2, minmax(0, 1fr));
2080
- }
2081
- }
2082
- .md\:order-2 {
2083
- @media (width >= 48rem) {
2084
- order: 2;
2085
- }
2086
- }
2087
- .md\:mb-0 {
2088
- @media (width >= 48rem) {
2089
- margin-bottom: calc(var(--spacing) * 0);
2090
- }
2091
- }
2092
- .md\:w-1\/2 {
2093
- @media (width >= 48rem) {
2094
- width: calc(1/2 * 100%);
2095
- }
2096
- }
2097
- .md\:grid-cols-3 {
2098
- @media (width >= 48rem) {
2099
- grid-template-columns: repeat(3, minmax(0, 1fr));
2100
- }
2101
- }
2102
- .lg\:-mt-\[calc\(var\(--spacing\)\*20\)\] {
2103
- @media (width >= 64rem) {
2104
- margin-top: calc(calc(var(--spacing) * 20) * -1);
2105
- }
2106
- }
2107
- .lg\:w-1\/3 {
2108
- @media (width >= 64rem) {
2109
- width: calc(1/3 * 100%);
2110
- }
2111
- }
2112
- .lg\:grid-cols-4 {
2113
- @media (width >= 64rem) {
2114
- grid-template-columns: repeat(4, minmax(0, 1fr));
2115
- }
2116
- }
2117
- .lg\:pr-10 {
2118
- @media (width >= 64rem) {
2119
- padding-right: calc(var(--spacing) * 10);
2120
- }
2121
- }
2122
- }
2123
- @property --tw-rotate-x {
2124
- syntax: "*";
2125
- inherits: false;
2126
- initial-value: rotateX(0);
2127
- }
2128
- @property --tw-rotate-y {
2129
- syntax: "*";
2130
- inherits: false;
2131
- initial-value: rotateY(0);
2132
- }
2133
- @property --tw-rotate-z {
2134
- syntax: "*";
2135
- inherits: false;
2136
- initial-value: rotateZ(0);
2137
- }
2138
- @property --tw-skew-x {
2139
- syntax: "*";
2140
- inherits: false;
2141
- initial-value: skewX(0);
2142
- }
2143
- @property --tw-skew-y {
2144
- syntax: "*";
2145
- inherits: false;
2146
- initial-value: skewY(0);
2147
- }
2148
- @property --tw-space-y-reverse {
2149
- syntax: "*";
2150
- inherits: false;
2151
- initial-value: 0;
2152
- }
2153
- @property --tw-divide-y-reverse {
2154
- syntax: "*";
2155
- inherits: false;
2156
- initial-value: 0;
2157
- }
2158
- @property --tw-border-style {
2159
- syntax: "*";
2160
- inherits: false;
2161
- initial-value: solid;
2162
- }
2163
- @property --tw-gradient-position {
2164
- syntax: "*";
2165
- inherits: false;
2166
- }
2167
- @property --tw-gradient-from {
2168
- syntax: "<color>";
2169
- inherits: false;
2170
- initial-value: #0000;
2171
- }
2172
- @property --tw-gradient-via {
2173
- syntax: "<color>";
2174
- inherits: false;
2175
- initial-value: #0000;
2176
- }
2177
- @property --tw-gradient-to {
2178
- syntax: "<color>";
2179
- inherits: false;
2180
- initial-value: #0000;
2181
- }
2182
- @property --tw-gradient-stops {
2183
- syntax: "*";
2184
- inherits: false;
2185
- }
2186
- @property --tw-gradient-via-stops {
2187
- syntax: "*";
2188
- inherits: false;
2189
- }
2190
- @property --tw-gradient-from-position {
2191
- syntax: "<length-percentage>";
2192
- inherits: false;
2193
- initial-value: 0%;
2194
- }
2195
- @property --tw-gradient-via-position {
2196
- syntax: "<length-percentage>";
2197
- inherits: false;
2198
- initial-value: 50%;
2199
- }
2200
- @property --tw-gradient-to-position {
2201
- syntax: "<length-percentage>";
2202
- inherits: false;
2203
- initial-value: 100%;
2204
- }
2205
- @property --tw-font-weight {
2206
- syntax: "*";
2207
- inherits: false;
2208
- }
2209
- @property --tw-tracking {
2210
- syntax: "*";
2211
- inherits: false;
2212
- }
2213
- @property --tw-shadow {
2214
- syntax: "*";
2215
- inherits: false;
2216
- initial-value: 0 0 #0000;
2217
- }
2218
- @property --tw-shadow-color {
2219
- syntax: "*";
2220
- inherits: false;
2221
- }
2222
- @property --tw-shadow-alpha {
2223
- syntax: "<percentage>";
2224
- inherits: false;
2225
- initial-value: 100%;
2226
- }
2227
- @property --tw-inset-shadow {
2228
- syntax: "*";
2229
- inherits: false;
2230
- initial-value: 0 0 #0000;
2231
- }
2232
- @property --tw-inset-shadow-color {
2233
- syntax: "*";
2234
- inherits: false;
2235
- }
2236
- @property --tw-inset-shadow-alpha {
2237
- syntax: "<percentage>";
2238
- inherits: false;
2239
- initial-value: 100%;
2240
- }
2241
- @property --tw-ring-color {
2242
- syntax: "*";
2243
- inherits: false;
2244
- }
2245
- @property --tw-ring-shadow {
2246
- syntax: "*";
2247
- inherits: false;
2248
- initial-value: 0 0 #0000;
2249
- }
2250
- @property --tw-inset-ring-color {
2251
- syntax: "*";
2252
- inherits: false;
2253
- }
2254
- @property --tw-inset-ring-shadow {
2255
- syntax: "*";
2256
- inherits: false;
2257
- initial-value: 0 0 #0000;
2258
- }
2259
- @property --tw-ring-inset {
2260
- syntax: "*";
2261
- inherits: false;
2262
- }
2263
- @property --tw-ring-offset-width {
2264
- syntax: "<length>";
2265
- inherits: false;
2266
- initial-value: 0px;
2267
- }
2268
- @property --tw-ring-offset-color {
2269
- syntax: "*";
2270
- inherits: false;
2271
- initial-value: #fff;
2272
- }
2273
- @property --tw-ring-offset-shadow {
2274
- syntax: "*";
2275
- inherits: false;
2276
- initial-value: 0 0 #0000;
2277
- }
2278
- @property --tw-outline-style {
2279
- syntax: "*";
2280
- inherits: false;
2281
- initial-value: solid;
2282
- }
2283
- @property --tw-blur {
2284
- syntax: "*";
2285
- inherits: false;
2286
- }
2287
- @property --tw-brightness {
2288
- syntax: "*";
2289
- inherits: false;
2290
- }
2291
- @property --tw-contrast {
2292
- syntax: "*";
2293
- inherits: false;
2294
- }
2295
- @property --tw-grayscale {
2296
- syntax: "*";
2297
- inherits: false;
2298
- }
2299
- @property --tw-hue-rotate {
2300
- syntax: "*";
2301
- inherits: false;
2302
- }
2303
- @property --tw-invert {
2304
- syntax: "*";
2305
- inherits: false;
2306
- }
2307
- @property --tw-opacity {
2308
- syntax: "*";
2309
- inherits: false;
2310
- }
2311
- @property --tw-saturate {
2312
- syntax: "*";
2313
- inherits: false;
2314
- }
2315
- @property --tw-sepia {
2316
- syntax: "*";
2317
- inherits: false;
2318
- }
2319
- @property --tw-drop-shadow {
2320
- syntax: "*";
2321
- inherits: false;
2322
- }
2323
- @property --tw-drop-shadow-color {
2324
- syntax: "*";
2325
- inherits: false;
2326
- }
2327
- @property --tw-drop-shadow-alpha {
2328
- syntax: "<percentage>";
2329
- inherits: false;
2330
- initial-value: 100%;
2331
- }
2332
- @property --tw-drop-shadow-size {
2333
- syntax: "*";
2334
- inherits: false;
2335
- }
2336
- @property --tw-backdrop-blur {
2337
- syntax: "*";
2338
- inherits: false;
2339
- }
2340
- @property --tw-backdrop-brightness {
2341
- syntax: "*";
2342
- inherits: false;
2343
- }
2344
- @property --tw-backdrop-contrast {
2345
- syntax: "*";
2346
- inherits: false;
2347
- }
2348
- @property --tw-backdrop-grayscale {
2349
- syntax: "*";
2350
- inherits: false;
2351
- }
2352
- @property --tw-backdrop-hue-rotate {
2353
- syntax: "*";
2354
- inherits: false;
2355
- }
2356
- @property --tw-backdrop-invert {
2357
- syntax: "*";
2358
- inherits: false;
2359
- }
2360
- @property --tw-backdrop-opacity {
2361
- syntax: "*";
2362
- inherits: false;
2363
- }
2364
- @property --tw-backdrop-saturate {
2365
- syntax: "*";
2366
- inherits: false;
2367
- }
2368
- @property --tw-backdrop-sepia {
2369
- syntax: "*";
2370
- inherits: false;
2371
- }
2372
- @property --tw-duration {
2373
- syntax: "*";
2374
- inherits: false;
2375
- }
2376
- @layer properties {
2377
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2378
- *, ::before, ::after, ::backdrop {
2379
- --tw-rotate-x: rotateX(0);
2380
- --tw-rotate-y: rotateY(0);
2381
- --tw-rotate-z: rotateZ(0);
2382
- --tw-skew-x: skewX(0);
2383
- --tw-skew-y: skewY(0);
2384
- --tw-space-y-reverse: 0;
2385
- --tw-divide-y-reverse: 0;
2386
- --tw-border-style: solid;
2387
- --tw-gradient-position: initial;
2388
- --tw-gradient-from: #0000;
2389
- --tw-gradient-via: #0000;
2390
- --tw-gradient-to: #0000;
2391
- --tw-gradient-stops: initial;
2392
- --tw-gradient-via-stops: initial;
2393
- --tw-gradient-from-position: 0%;
2394
- --tw-gradient-via-position: 50%;
2395
- --tw-gradient-to-position: 100%;
2396
- --tw-font-weight: initial;
2397
- --tw-tracking: initial;
2398
- --tw-shadow: 0 0 #0000;
2399
- --tw-shadow-color: initial;
2400
- --tw-shadow-alpha: 100%;
2401
- --tw-inset-shadow: 0 0 #0000;
2402
- --tw-inset-shadow-color: initial;
2403
- --tw-inset-shadow-alpha: 100%;
2404
- --tw-ring-color: initial;
2405
- --tw-ring-shadow: 0 0 #0000;
2406
- --tw-inset-ring-color: initial;
2407
- --tw-inset-ring-shadow: 0 0 #0000;
2408
- --tw-ring-inset: initial;
2409
- --tw-ring-offset-width: 0px;
2410
- --tw-ring-offset-color: #fff;
2411
- --tw-ring-offset-shadow: 0 0 #0000;
2412
- --tw-outline-style: solid;
2413
- --tw-blur: initial;
2414
- --tw-brightness: initial;
2415
- --tw-contrast: initial;
2416
- --tw-grayscale: initial;
2417
- --tw-hue-rotate: initial;
2418
- --tw-invert: initial;
2419
- --tw-opacity: initial;
2420
- --tw-saturate: initial;
2421
- --tw-sepia: initial;
2422
- --tw-drop-shadow: initial;
2423
- --tw-drop-shadow-color: initial;
2424
- --tw-drop-shadow-alpha: 100%;
2425
- --tw-drop-shadow-size: initial;
2426
- --tw-backdrop-blur: initial;
2427
- --tw-backdrop-brightness: initial;
2428
- --tw-backdrop-contrast: initial;
2429
- --tw-backdrop-grayscale: initial;
2430
- --tw-backdrop-hue-rotate: initial;
2431
- --tw-backdrop-invert: initial;
2432
- --tw-backdrop-opacity: initial;
2433
- --tw-backdrop-saturate: initial;
2434
- --tw-backdrop-sepia: initial;
2435
- --tw-duration: initial;
2436
- }
2437
- }
2438
- }