relay_ui 0.1.1 → 0.3.0

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