gaggle 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +167 -0
  4. data/Rakefile +8 -0
  5. data/app/assets/config/gaggle_manifest.js +4 -0
  6. data/app/assets/stylesheets/application.css +1 -0
  7. data/app/assets/stylesheets/gaggle/tailwind.css +1740 -0
  8. data/app/controllers/gaggle/application_controller.rb +23 -0
  9. data/app/controllers/gaggle/channels/messages_controller.rb +27 -0
  10. data/app/controllers/gaggle/channels_controller.rb +84 -0
  11. data/app/controllers/gaggle/gooses/sessions_controller.rb +23 -0
  12. data/app/controllers/gaggle/gooses_controller.rb +47 -0
  13. data/app/controllers/gaggle/messages_controller.rb +7 -0
  14. data/app/controllers/gaggle/overviews_controller.rb +5 -0
  15. data/app/controllers/gaggle/sessions_controller.rb +27 -0
  16. data/app/helpers/gaggle/application_helper.rb +4 -0
  17. data/app/javascript/controllers/gaggle/application.js +9 -0
  18. data/app/javascript/controllers/gaggle/chat_field_form_controller.js +7 -0
  19. data/app/javascript/controllers/gaggle/index.js +4 -0
  20. data/app/javascript/controllers/gaggle/local_timestamp_controller.js +21 -0
  21. data/app/javascript/controllers/gaggle/text_area_auto_expand_controller.js +27 -0
  22. data/app/javascript/controllers/gaggle/transition_controller.js +102 -0
  23. data/app/javascript/gaggle/application.js +3 -0
  24. data/app/javascript/gaggle/el-transition.js +64 -0
  25. data/app/jobs/gaggle/application_job.rb +4 -0
  26. data/app/mailers/gaggle/application_mailer.rb +6 -0
  27. data/app/models/gaggle/application_record.rb +8 -0
  28. data/app/models/gaggle/channel.rb +45 -0
  29. data/app/models/gaggle/channel_goose.rb +11 -0
  30. data/app/models/gaggle/current.rb +5 -0
  31. data/app/models/gaggle/goose/personality_defaults.rb +87 -0
  32. data/app/models/gaggle/goose.rb +94 -0
  33. data/app/models/gaggle/message.rb +61 -0
  34. data/app/models/gaggle/notification.rb +47 -0
  35. data/app/models/gaggle/session.rb +138 -0
  36. data/app/views/gaggle/application/_logo.html.erb +125 -0
  37. data/app/views/gaggle/application/_mobile_header.html.erb +15 -0
  38. data/app/views/gaggle/application/_sidebar.html.erb +259 -0
  39. data/app/views/gaggle/channels/_channel.html.erb +22 -0
  40. data/app/views/gaggle/channels/_form.html.erb +70 -0
  41. data/app/views/gaggle/channels/edit.html.erb +10 -0
  42. data/app/views/gaggle/channels/gooses/index.html.erb +12 -0
  43. data/app/views/gaggle/channels/index.json.jbuilder +3 -0
  44. data/app/views/gaggle/channels/messages/new.html.erb +2 -0
  45. data/app/views/gaggle/channels/new.html.erb +8 -0
  46. data/app/views/gaggle/channels/show.html.erb +98 -0
  47. data/app/views/gaggle/channels/show.json.jbuilder +5 -0
  48. data/app/views/gaggle/channels/update.turbo_stream.erb +1 -0
  49. data/app/views/gaggle/gooses/_form.html.erb +65 -0
  50. data/app/views/gaggle/gooses/edit.html.erb +2 -0
  51. data/app/views/gaggle/gooses/index.json.jbuilder +5 -0
  52. data/app/views/gaggle/gooses/new.html.erb +2 -0
  53. data/app/views/gaggle/gooses/sessions/index.html.erb +55 -0
  54. data/app/views/gaggle/gooses/show.html.erb +41 -0
  55. data/app/views/gaggle/messages/_message.html.erb +30 -0
  56. data/app/views/gaggle/overviews/show.html.erb +17 -0
  57. data/app/views/gaggle/sessions/show.html.erb +76 -0
  58. data/app/views/layouts/gaggle/application.html.erb +19 -0
  59. data/config/importmap.rb +7 -0
  60. data/config/routes.rb +19 -0
  61. data/config/utility_classes.yml +22 -0
  62. data/db/gaggle_migrate/20250214180303_create_gaggle_tables.rb +53 -0
  63. data/db/gaggle_migrate/20250220002655_add_delivered_at_to_notification.rb +5 -0
  64. data/db/gaggle_migrate/20250220004428_create_join_table_gaggle_channel_gaggle_goose.rb +8 -0
  65. data/lib/gaggle/engine.rb +48 -0
  66. data/lib/gaggle/version.rb +3 -0
  67. data/lib/gaggle.rb +8 -0
  68. data/lib/generators/gaggle/install/install_generator.rb +7 -0
  69. data/lib/generators/gaggle/install/templates/db/gaggle_schema.rb +59 -0
  70. data/lib/generators/gaggle/update/update_generator.rb +16 -0
  71. metadata +269 -0
@@ -0,0 +1,1740 @@
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', 'Segoe UI Emoji', 'Segoe UI Symbol',
6
+ 'Noto Color Emoji';
7
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
8
+ monospace;
9
+ --color-red-50: oklch(0.971 0.013 17.38);
10
+ --color-red-200: oklch(0.885 0.062 18.334);
11
+ --color-red-300: oklch(0.808 0.114 19.571);
12
+ --color-red-400: oklch(0.704 0.191 22.216);
13
+ --color-red-500: oklch(0.637 0.237 25.331);
14
+ --color-red-600: oklch(0.577 0.245 27.325);
15
+ --color-red-700: oklch(0.505 0.213 27.518);
16
+ --color-red-800: oklch(0.444 0.177 26.899);
17
+ --color-red-900: oklch(0.396 0.141 25.723);
18
+ --color-yellow-300: oklch(0.905 0.182 98.111);
19
+ --color-yellow-400: oklch(0.852 0.199 91.936);
20
+ --color-yellow-500: oklch(0.795 0.184 86.047);
21
+ --color-yellow-600: oklch(0.681 0.162 75.834);
22
+ --color-green-300: oklch(0.871 0.15 154.449);
23
+ --color-green-400: oklch(0.792 0.209 151.711);
24
+ --color-green-500: oklch(0.723 0.219 149.579);
25
+ --color-green-600: oklch(0.627 0.194 149.214);
26
+ --color-green-700: oklch(0.527 0.154 150.069);
27
+ --color-blue-400: oklch(0.707 0.165 254.624);
28
+ --color-blue-500: oklch(0.623 0.214 259.815);
29
+ --color-blue-600: oklch(0.546 0.245 262.881);
30
+ --color-blue-700: oklch(0.488 0.243 264.376);
31
+ --color-indigo-50: oklch(0.962 0.018 272.314);
32
+ --color-indigo-200: oklch(0.87 0.065 274.039);
33
+ --color-indigo-300: oklch(0.785 0.115 274.713);
34
+ --color-indigo-400: oklch(0.673 0.182 276.935);
35
+ --color-indigo-500: oklch(0.585 0.233 277.117);
36
+ --color-indigo-600: oklch(0.511 0.262 276.966);
37
+ --color-indigo-700: oklch(0.457 0.24 277.023);
38
+ --color-indigo-900: oklch(0.359 0.144 278.697);
39
+ --color-gray-50: oklch(0.985 0.002 247.839);
40
+ --color-gray-100: oklch(0.967 0.003 264.542);
41
+ --color-gray-200: oklch(0.928 0.006 264.531);
42
+ --color-gray-300: oklch(0.872 0.01 258.338);
43
+ --color-gray-400: oklch(0.707 0.022 261.325);
44
+ --color-gray-500: oklch(0.551 0.027 264.364);
45
+ --color-gray-600: oklch(0.446 0.03 256.802);
46
+ --color-gray-700: oklch(0.373 0.034 259.733);
47
+ --color-gray-800: oklch(0.278 0.033 256.848);
48
+ --color-gray-900: oklch(0.21 0.034 264.665);
49
+ --color-gray-950: oklch(0.13 0.028 261.692);
50
+ --color-black: #000;
51
+ --color-white: #fff;
52
+ --spacing: 0.25rem;
53
+ --container-lg: 32rem;
54
+ --container-2xl: 42rem;
55
+ --text-xs: 0.75rem;
56
+ --text-xs--line-height: calc(1 / 0.75);
57
+ --text-sm: 0.875rem;
58
+ --text-sm--line-height: calc(1.25 / 0.875);
59
+ --text-base: 1rem;
60
+ --text-base--line-height: calc(1.5 / 1);
61
+ --text-xl: 1.25rem;
62
+ --text-xl--line-height: calc(1.75 / 1.25);
63
+ --text-2xl: 1.5rem;
64
+ --text-2xl--line-height: calc(2 / 1.5);
65
+ --text-3xl: 1.875rem;
66
+ --text-3xl--line-height: calc(2.25 / 1.875);
67
+ --font-weight-medium: 500;
68
+ --font-weight-semibold: 600;
69
+ --font-weight-bold: 700;
70
+ --tracking-wide: 0.025em;
71
+ --radius-md: 0.375rem;
72
+ --radius-lg: 0.5rem;
73
+ --radius-xl: 0.75rem;
74
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
75
+ --default-transition-duration: 150ms;
76
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
77
+ --default-font-family: var(--font-sans);
78
+ --default-font-feature-settings: var(--font-sans--font-feature-settings);
79
+ --default-font-variation-settings: var(--font-sans--font-variation-settings);
80
+ --default-mono-font-family: var(--font-mono);
81
+ --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
82
+ --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
83
+ }
84
+ }
85
+ @layer base {
86
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
87
+ box-sizing: border-box;
88
+ margin: 0;
89
+ padding: 0;
90
+ border: 0 solid;
91
+ }
92
+ html, :host {
93
+ line-height: 1.5;
94
+ -webkit-text-size-adjust: 100%;
95
+ tab-size: 4;
96
+ 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' );
97
+ font-feature-settings: var(--default-font-feature-settings, normal);
98
+ font-variation-settings: var(--default-font-variation-settings, normal);
99
+ -webkit-tap-highlight-color: transparent;
100
+ }
101
+ body {
102
+ line-height: inherit;
103
+ }
104
+ hr {
105
+ height: 0;
106
+ color: inherit;
107
+ border-top-width: 1px;
108
+ }
109
+ abbr:where([title]) {
110
+ -webkit-text-decoration: underline dotted;
111
+ text-decoration: underline dotted;
112
+ }
113
+ h1, h2, h3, h4, h5, h6 {
114
+ font-size: inherit;
115
+ font-weight: inherit;
116
+ }
117
+ a {
118
+ color: inherit;
119
+ -webkit-text-decoration: inherit;
120
+ text-decoration: inherit;
121
+ }
122
+ b, strong {
123
+ font-weight: bolder;
124
+ }
125
+ code, kbd, samp, pre {
126
+ font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );
127
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
128
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
129
+ font-size: 1em;
130
+ }
131
+ small {
132
+ font-size: 80%;
133
+ }
134
+ sub, sup {
135
+ font-size: 75%;
136
+ line-height: 0;
137
+ position: relative;
138
+ vertical-align: baseline;
139
+ }
140
+ sub {
141
+ bottom: -0.25em;
142
+ }
143
+ sup {
144
+ top: -0.5em;
145
+ }
146
+ table {
147
+ text-indent: 0;
148
+ border-color: inherit;
149
+ border-collapse: collapse;
150
+ }
151
+ :-moz-focusring {
152
+ outline: auto;
153
+ }
154
+ progress {
155
+ vertical-align: baseline;
156
+ }
157
+ summary {
158
+ display: list-item;
159
+ }
160
+ ol, ul, menu {
161
+ list-style: none;
162
+ }
163
+ img, svg, video, canvas, audio, iframe, embed, object {
164
+ display: block;
165
+ vertical-align: middle;
166
+ }
167
+ img, video {
168
+ max-width: 100%;
169
+ height: auto;
170
+ }
171
+ button, input, select, optgroup, textarea, ::file-selector-button {
172
+ font: inherit;
173
+ font-feature-settings: inherit;
174
+ font-variation-settings: inherit;
175
+ letter-spacing: inherit;
176
+ color: inherit;
177
+ border-radius: 0;
178
+ background-color: transparent;
179
+ opacity: 1;
180
+ }
181
+ :where(select:is([multiple], [size])) optgroup {
182
+ font-weight: bolder;
183
+ }
184
+ :where(select:is([multiple], [size])) optgroup option {
185
+ padding-inline-start: 20px;
186
+ }
187
+ ::file-selector-button {
188
+ margin-inline-end: 4px;
189
+ }
190
+ ::placeholder {
191
+ opacity: 1;
192
+ color: color-mix(in oklab, currentColor 50%, transparent);
193
+ }
194
+ textarea {
195
+ resize: vertical;
196
+ }
197
+ ::-webkit-search-decoration {
198
+ -webkit-appearance: none;
199
+ }
200
+ ::-webkit-date-and-time-value {
201
+ min-height: 1lh;
202
+ text-align: inherit;
203
+ }
204
+ ::-webkit-datetime-edit {
205
+ display: inline-flex;
206
+ }
207
+ ::-webkit-datetime-edit-fields-wrapper {
208
+ padding: 0;
209
+ }
210
+ ::-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 {
211
+ padding-block: 0;
212
+ }
213
+ :-moz-ui-invalid {
214
+ box-shadow: none;
215
+ }
216
+ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
217
+ appearance: button;
218
+ }
219
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
220
+ height: auto;
221
+ }
222
+ [hidden]:where(:not([hidden='until-found'])) {
223
+ display: none !important;
224
+ }
225
+ }
226
+ @layer utilities {
227
+ .sr-only {
228
+ position: absolute;
229
+ width: 1px;
230
+ height: 1px;
231
+ padding: 0;
232
+ margin: -1px;
233
+ overflow: hidden;
234
+ clip: rect(0, 0, 0, 0);
235
+ white-space: nowrap;
236
+ border-width: 0;
237
+ }
238
+ .absolute {
239
+ position: absolute;
240
+ }
241
+ .fixed {
242
+ position: fixed;
243
+ }
244
+ .relative {
245
+ position: relative;
246
+ }
247
+ .static {
248
+ position: static;
249
+ }
250
+ .sticky {
251
+ position: sticky;
252
+ }
253
+ .inset-0 {
254
+ inset: calc(var(--spacing) * 0);
255
+ }
256
+ .inset-y-0 {
257
+ inset-block: calc(var(--spacing) * 0);
258
+ }
259
+ .top-0 {
260
+ top: calc(var(--spacing) * 0);
261
+ }
262
+ .right-0 {
263
+ right: calc(var(--spacing) * 0);
264
+ }
265
+ .right-2 {
266
+ right: calc(var(--spacing) * 2);
267
+ }
268
+ .left-0 {
269
+ left: calc(var(--spacing) * 0);
270
+ }
271
+ .z-20 {
272
+ z-index: 20;
273
+ }
274
+ .z-50 {
275
+ z-index: 50;
276
+ }
277
+ .container {
278
+ width: 100%;
279
+ @media (width >= 40rem) {
280
+ max-width: 40rem;
281
+ }
282
+ @media (width >= 48rem) {
283
+ max-width: 48rem;
284
+ }
285
+ @media (width >= 64rem) {
286
+ max-width: 64rem;
287
+ }
288
+ @media (width >= 80rem) {
289
+ max-width: 80rem;
290
+ }
291
+ @media (width >= 96rem) {
292
+ max-width: 96rem;
293
+ }
294
+ }
295
+ .-m-2\.5 {
296
+ margin: calc(var(--spacing) * -2.5);
297
+ }
298
+ .m-830 {
299
+ margin: calc(var(--spacing) * 830);
300
+ }
301
+ .-mx-2 {
302
+ margin-inline: calc(var(--spacing) * -2);
303
+ }
304
+ .-mx-6 {
305
+ margin-inline: calc(var(--spacing) * -6);
306
+ }
307
+ .mx-auto {
308
+ margin-inline: auto;
309
+ }
310
+ .mt-1 {
311
+ margin-top: calc(var(--spacing) * 1);
312
+ }
313
+ .mt-2 {
314
+ margin-top: calc(var(--spacing) * 2);
315
+ }
316
+ .mt-3 {
317
+ margin-top: calc(var(--spacing) * 3);
318
+ }
319
+ .mt-8 {
320
+ margin-top: calc(var(--spacing) * 8);
321
+ }
322
+ .mt-28 {
323
+ margin-top: calc(var(--spacing) * 28);
324
+ }
325
+ .mt-auto {
326
+ margin-top: auto;
327
+ }
328
+ .-mr-0\.5 {
329
+ margin-right: calc(var(--spacing) * -0.5);
330
+ }
331
+ .-mr-1 {
332
+ margin-right: calc(var(--spacing) * -1);
333
+ }
334
+ .mr-1 {
335
+ margin-right: calc(var(--spacing) * 1);
336
+ }
337
+ .mr-4 {
338
+ margin-right: calc(var(--spacing) * 4);
339
+ }
340
+ .mr-auto {
341
+ margin-right: auto;
342
+ }
343
+ .mb-1 {
344
+ margin-bottom: calc(var(--spacing) * 1);
345
+ }
346
+ .mb-4 {
347
+ margin-bottom: calc(var(--spacing) * 4);
348
+ }
349
+ .mb-5 {
350
+ margin-bottom: calc(var(--spacing) * 5);
351
+ }
352
+ .mb-6 {
353
+ margin-bottom: calc(var(--spacing) * 6);
354
+ }
355
+ .mb-8 {
356
+ margin-bottom: calc(var(--spacing) * 8);
357
+ }
358
+ .ml-2 {
359
+ margin-left: calc(var(--spacing) * 2);
360
+ }
361
+ .ml-3 {
362
+ margin-left: calc(var(--spacing) * 3);
363
+ }
364
+ .ml-auto {
365
+ margin-left: auto;
366
+ }
367
+ .block {
368
+ display: block;
369
+ }
370
+ .contents {
371
+ display: contents;
372
+ }
373
+ .flex {
374
+ display: flex;
375
+ }
376
+ .grid {
377
+ display: grid;
378
+ }
379
+ .hidden {
380
+ display: none;
381
+ }
382
+ .inline {
383
+ display: inline;
384
+ }
385
+ .inline-block {
386
+ display: inline-block;
387
+ }
388
+ .inline-flex {
389
+ display: inline-flex;
390
+ }
391
+ .table {
392
+ display: table;
393
+ }
394
+ .size-5 {
395
+ width: calc(var(--spacing) * 5);
396
+ height: calc(var(--spacing) * 5);
397
+ }
398
+ .size-6 {
399
+ width: calc(var(--spacing) * 6);
400
+ height: calc(var(--spacing) * 6);
401
+ }
402
+ .h-4 {
403
+ height: calc(var(--spacing) * 4);
404
+ }
405
+ .h-5 {
406
+ height: calc(var(--spacing) * 5);
407
+ }
408
+ .h-6 {
409
+ height: calc(var(--spacing) * 6);
410
+ }
411
+ .h-10 {
412
+ height: calc(var(--spacing) * 10);
413
+ }
414
+ .h-16 {
415
+ height: calc(var(--spacing) * 16);
416
+ }
417
+ .h-full {
418
+ height: 100%;
419
+ }
420
+ .h-screen {
421
+ height: 100vh;
422
+ }
423
+ .max-h-32 {
424
+ max-height: calc(var(--spacing) * 32);
425
+ }
426
+ .max-h-full {
427
+ max-height: 100%;
428
+ }
429
+ .max-h-screen {
430
+ max-height: 100vh;
431
+ }
432
+ .min-h-\[2\.5rem\] {
433
+ min-height: 2.5rem;
434
+ }
435
+ .w-4 {
436
+ width: calc(var(--spacing) * 4);
437
+ }
438
+ .w-5 {
439
+ width: calc(var(--spacing) * 5);
440
+ }
441
+ .w-6 {
442
+ width: calc(var(--spacing) * 6);
443
+ }
444
+ .w-16 {
445
+ width: calc(var(--spacing) * 16);
446
+ }
447
+ .w-72 {
448
+ width: calc(var(--spacing) * 72);
449
+ }
450
+ .w-auto {
451
+ width: auto;
452
+ }
453
+ .w-full {
454
+ width: 100%;
455
+ }
456
+ .max-w-2xl {
457
+ max-width: var(--container-2xl);
458
+ }
459
+ .max-w-\[70\%\] {
460
+ max-width: 70%;
461
+ }
462
+ .max-w-lg {
463
+ max-width: var(--container-lg);
464
+ }
465
+ .max-w-none {
466
+ max-width: none;
467
+ }
468
+ .flex-1 {
469
+ flex: 1;
470
+ }
471
+ .shrink-0 {
472
+ flex-shrink: 0;
473
+ }
474
+ .flex-grow {
475
+ flex-grow: 1;
476
+ }
477
+ .grow {
478
+ flex-grow: 1;
479
+ }
480
+ .border-collapse {
481
+ border-collapse: collapse;
482
+ }
483
+ .-translate-x-full {
484
+ --tw-translate-x: -100%;
485
+ translate: var(--tw-translate-x) var(--tw-translate-y);
486
+ }
487
+ .translate-x-0 {
488
+ --tw-translate-x: calc(var(--spacing) * 0);
489
+ translate: var(--tw-translate-x) var(--tw-translate-y);
490
+ }
491
+ .transform {
492
+ transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
493
+ }
494
+ .cursor-pointer {
495
+ cursor: pointer;
496
+ }
497
+ .resize-none {
498
+ resize: none;
499
+ }
500
+ .resize-y {
501
+ resize: vertical;
502
+ }
503
+ .list-disc {
504
+ list-style-type: disc;
505
+ }
506
+ .appearance-none {
507
+ appearance: none;
508
+ }
509
+ .flex-col {
510
+ flex-direction: column;
511
+ }
512
+ .flex-col-reverse {
513
+ flex-direction: column-reverse;
514
+ }
515
+ .items-center {
516
+ align-items: center;
517
+ }
518
+ .items-end {
519
+ align-items: flex-end;
520
+ }
521
+ .items-start {
522
+ align-items: flex-start;
523
+ }
524
+ .justify-between {
525
+ justify-content: space-between;
526
+ }
527
+ .justify-center {
528
+ justify-content: center;
529
+ }
530
+ .gap-2 {
531
+ gap: calc(var(--spacing) * 2);
532
+ }
533
+ .space-y-1 {
534
+ :where(& > :not(:last-child)) {
535
+ --tw-space-y-reverse: 0;
536
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
537
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
538
+ }
539
+ }
540
+ .space-y-2 {
541
+ :where(& > :not(:last-child)) {
542
+ --tw-space-y-reverse: 0;
543
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
544
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
545
+ }
546
+ }
547
+ .space-y-3 {
548
+ :where(& > :not(:last-child)) {
549
+ --tw-space-y-reverse: 0;
550
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
551
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
552
+ }
553
+ }
554
+ .space-y-4 {
555
+ :where(& > :not(:last-child)) {
556
+ --tw-space-y-reverse: 0;
557
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
558
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
559
+ }
560
+ }
561
+ .space-y-6 {
562
+ :where(& > :not(:last-child)) {
563
+ --tw-space-y-reverse: 0;
564
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
565
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
566
+ }
567
+ }
568
+ .gap-x-3 {
569
+ column-gap: calc(var(--spacing) * 3);
570
+ }
571
+ .gap-x-4 {
572
+ column-gap: calc(var(--spacing) * 4);
573
+ }
574
+ .gap-x-6 {
575
+ column-gap: calc(var(--spacing) * 6);
576
+ }
577
+ .space-x-1 {
578
+ :where(& > :not(:last-child)) {
579
+ --tw-space-x-reverse: 0;
580
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
581
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
582
+ }
583
+ }
584
+ .space-x-3 {
585
+ :where(& > :not(:last-child)) {
586
+ --tw-space-x-reverse: 0;
587
+ margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
588
+ margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
589
+ }
590
+ }
591
+ .space-x-4 {
592
+ :where(& > :not(:last-child)) {
593
+ --tw-space-x-reverse: 0;
594
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
595
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
596
+ }
597
+ }
598
+ .gap-y-6 {
599
+ row-gap: calc(var(--spacing) * 6);
600
+ }
601
+ .gap-y-8 {
602
+ row-gap: calc(var(--spacing) * 8);
603
+ }
604
+ .truncate {
605
+ overflow: hidden;
606
+ text-overflow: ellipsis;
607
+ white-space: nowrap;
608
+ }
609
+ .overflow-auto {
610
+ overflow: auto;
611
+ }
612
+ .overflow-hidden {
613
+ overflow: hidden;
614
+ }
615
+ .overflow-y-auto {
616
+ overflow-y: auto;
617
+ }
618
+ .rounded {
619
+ border-radius: 0.25rem;
620
+ }
621
+ .rounded-full {
622
+ border-radius: calc(infinity * 1px);
623
+ }
624
+ .rounded-lg {
625
+ border-radius: var(--radius-lg);
626
+ }
627
+ .rounded-md {
628
+ border-radius: var(--radius-md);
629
+ }
630
+ .rounded-xl {
631
+ border-radius: var(--radius-xl);
632
+ }
633
+ .border {
634
+ border-style: var(--tw-border-style);
635
+ border-width: 1px;
636
+ }
637
+ .border-t {
638
+ border-top-style: var(--tw-border-style);
639
+ border-top-width: 1px;
640
+ }
641
+ .border-r {
642
+ border-right-style: var(--tw-border-style);
643
+ border-right-width: 1px;
644
+ }
645
+ .border-b {
646
+ border-bottom-style: var(--tw-border-style);
647
+ border-bottom-width: 1px;
648
+ }
649
+ .border-gray-200 {
650
+ border-color: var(--color-gray-200);
651
+ }
652
+ .border-gray-300 {
653
+ border-color: var(--color-gray-300);
654
+ }
655
+ .border-gray-800 {
656
+ border-color: var(--color-gray-800);
657
+ }
658
+ .border-indigo-200 {
659
+ border-color: var(--color-indigo-200);
660
+ }
661
+ .border-red-200 {
662
+ border-color: var(--color-red-200);
663
+ }
664
+ .border-transparent {
665
+ border-color: transparent;
666
+ }
667
+ .bg-blue-600 {
668
+ background-color: var(--color-blue-600);
669
+ }
670
+ .bg-gray-50 {
671
+ background-color: var(--color-gray-50);
672
+ }
673
+ .bg-gray-100 {
674
+ background-color: var(--color-gray-100);
675
+ }
676
+ .bg-gray-200 {
677
+ background-color: var(--color-gray-200);
678
+ }
679
+ .bg-gray-900 {
680
+ background-color: var(--color-gray-900);
681
+ }
682
+ .bg-gray-900\/90 {
683
+ background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
684
+ }
685
+ .bg-green-600 {
686
+ background-color: var(--color-green-600);
687
+ }
688
+ .bg-indigo-50 {
689
+ background-color: var(--color-indigo-50);
690
+ }
691
+ .bg-indigo-600 {
692
+ background-color: var(--color-indigo-600);
693
+ }
694
+ .bg-red-50 {
695
+ background-color: var(--color-red-50);
696
+ }
697
+ .bg-red-600 {
698
+ background-color: var(--color-red-600);
699
+ }
700
+ .bg-white {
701
+ background-color: var(--color-white);
702
+ }
703
+ .bg-yellow-400 {
704
+ background-color: var(--color-yellow-400);
705
+ }
706
+ .p-2 {
707
+ padding: calc(var(--spacing) * 2);
708
+ }
709
+ .p-2\.5 {
710
+ padding: calc(var(--spacing) * 2.5);
711
+ }
712
+ .p-3 {
713
+ padding: calc(var(--spacing) * 3);
714
+ }
715
+ .p-4 {
716
+ padding: calc(var(--spacing) * 4);
717
+ }
718
+ .p-6 {
719
+ padding: calc(var(--spacing) * 6);
720
+ }
721
+ .p-8 {
722
+ padding: calc(var(--spacing) * 8);
723
+ }
724
+ .px-2\.5 {
725
+ padding-inline: calc(var(--spacing) * 2.5);
726
+ }
727
+ .px-3 {
728
+ padding-inline: calc(var(--spacing) * 3);
729
+ }
730
+ .px-4 {
731
+ padding-inline: calc(var(--spacing) * 4);
732
+ }
733
+ .px-5 {
734
+ padding-inline: calc(var(--spacing) * 5);
735
+ }
736
+ .px-6 {
737
+ padding-inline: calc(var(--spacing) * 6);
738
+ }
739
+ .py-1 {
740
+ padding-block: calc(var(--spacing) * 1);
741
+ }
742
+ .py-1\.5 {
743
+ padding-block: calc(var(--spacing) * 1.5);
744
+ }
745
+ .py-2 {
746
+ padding-block: calc(var(--spacing) * 2);
747
+ }
748
+ .py-2\.5 {
749
+ padding-block: calc(var(--spacing) * 2.5);
750
+ }
751
+ .py-3 {
752
+ padding-block: calc(var(--spacing) * 3);
753
+ }
754
+ .py-4 {
755
+ padding-block: calc(var(--spacing) * 4);
756
+ }
757
+ .pt-2 {
758
+ padding-top: calc(var(--spacing) * 2);
759
+ }
760
+ .pt-5 {
761
+ padding-top: calc(var(--spacing) * 5);
762
+ }
763
+ .pr-20 {
764
+ padding-right: calc(var(--spacing) * 20);
765
+ }
766
+ .pl-5 {
767
+ padding-left: calc(var(--spacing) * 5);
768
+ }
769
+ .text-center {
770
+ text-align: center;
771
+ }
772
+ .text-left {
773
+ text-align: left;
774
+ }
775
+ .align-middle {
776
+ vertical-align: middle;
777
+ }
778
+ .font-mono {
779
+ font-family: var(--font-mono);
780
+ }
781
+ .text-2xl {
782
+ font-size: var(--text-2xl);
783
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
784
+ }
785
+ .text-3xl {
786
+ font-size: var(--text-3xl);
787
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
788
+ }
789
+ .text-base {
790
+ font-size: var(--text-base);
791
+ line-height: var(--tw-leading, var(--text-base--line-height));
792
+ }
793
+ .text-sm {
794
+ font-size: var(--text-sm);
795
+ line-height: var(--tw-leading, var(--text-sm--line-height));
796
+ }
797
+ .text-xl {
798
+ font-size: var(--text-xl);
799
+ line-height: var(--tw-leading, var(--text-xl--line-height));
800
+ }
801
+ .text-xs {
802
+ font-size: var(--text-xs);
803
+ line-height: var(--tw-leading, var(--text-xs--line-height));
804
+ }
805
+ .text-\[0\.625rem\] {
806
+ font-size: 0.625rem;
807
+ }
808
+ .font-bold {
809
+ --tw-font-weight: var(--font-weight-bold);
810
+ font-weight: var(--font-weight-bold);
811
+ }
812
+ .font-medium {
813
+ --tw-font-weight: var(--font-weight-medium);
814
+ font-weight: var(--font-weight-medium);
815
+ }
816
+ .font-semibold {
817
+ --tw-font-weight: var(--font-weight-semibold);
818
+ font-weight: var(--font-weight-semibold);
819
+ }
820
+ .tracking-wide {
821
+ --tw-tracking: var(--tracking-wide);
822
+ letter-spacing: var(--tracking-wide);
823
+ }
824
+ .text-gray-500 {
825
+ color: var(--color-gray-500);
826
+ }
827
+ .text-gray-600 {
828
+ color: var(--color-gray-600);
829
+ }
830
+ .text-gray-700 {
831
+ color: var(--color-gray-700);
832
+ }
833
+ .text-gray-800 {
834
+ color: var(--color-gray-800);
835
+ }
836
+ .text-gray-900 {
837
+ color: var(--color-gray-900);
838
+ }
839
+ .text-green-400 {
840
+ color: var(--color-green-400);
841
+ }
842
+ .text-green-600 {
843
+ color: var(--color-green-600);
844
+ }
845
+ .text-indigo-500 {
846
+ color: var(--color-indigo-500);
847
+ }
848
+ .text-indigo-600 {
849
+ color: var(--color-indigo-600);
850
+ }
851
+ .text-red-600 {
852
+ color: var(--color-red-600);
853
+ }
854
+ .text-red-700 {
855
+ color: var(--color-red-700);
856
+ }
857
+ .text-white {
858
+ color: var(--color-white);
859
+ }
860
+ .uppercase {
861
+ text-transform: uppercase;
862
+ }
863
+ .italic {
864
+ font-style: italic;
865
+ }
866
+ .underline {
867
+ text-decoration-line: underline;
868
+ }
869
+ .antialiased {
870
+ -webkit-font-smoothing: antialiased;
871
+ -moz-osx-font-smoothing: grayscale;
872
+ }
873
+ .placeholder-gray-400 {
874
+ &::placeholder {
875
+ color: var(--color-gray-400);
876
+ }
877
+ }
878
+ .opacity-0 {
879
+ opacity: 0%;
880
+ }
881
+ .opacity-100 {
882
+ opacity: 100%;
883
+ }
884
+ .shadow {
885
+ --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));
886
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
887
+ }
888
+ .shadow-inner {
889
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
890
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
891
+ }
892
+ .shadow-lg {
893
+ --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));
894
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
895
+ }
896
+ .shadow-md {
897
+ --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));
898
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
899
+ }
900
+ .shadow-sm {
901
+ --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));
902
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
903
+ }
904
+ .shadow-xl {
905
+ --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));
906
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
907
+ }
908
+ .shadow-gray-200\/50 {
909
+ --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
910
+ }
911
+ .shadow-red-200\/50 {
912
+ --tw-shadow-color: color-mix(in oklab, var(--color-red-200) 50%, transparent);
913
+ }
914
+ .transition {
915
+ 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;
916
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
917
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
918
+ }
919
+ .transition-all {
920
+ transition-property: all;
921
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
922
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
923
+ }
924
+ .transition-colors {
925
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
926
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
927
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
928
+ }
929
+ .transition-opacity {
930
+ transition-property: opacity;
931
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
932
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
933
+ }
934
+ .duration-150 {
935
+ --tw-duration: 150ms;
936
+ transition-duration: 150ms;
937
+ }
938
+ .duration-200 {
939
+ --tw-duration: 200ms;
940
+ transition-duration: 200ms;
941
+ }
942
+ .duration-300 {
943
+ --tw-duration: 300ms;
944
+ transition-duration: 300ms;
945
+ }
946
+ .ease-in-out {
947
+ --tw-ease: var(--ease-in-out);
948
+ transition-timing-function: var(--ease-in-out);
949
+ }
950
+ .ease-linear {
951
+ --tw-ease: linear;
952
+ transition-timing-function: linear;
953
+ }
954
+ .group-hover\:text-indigo-600 {
955
+ &:is(:where(.group):hover *) {
956
+ @media (hover: hover) {
957
+ color: var(--color-indigo-600);
958
+ }
959
+ }
960
+ }
961
+ .placeholder\:text-gray-400 {
962
+ &::placeholder {
963
+ color: var(--color-gray-400);
964
+ }
965
+ }
966
+ .hover\:border-gray-400 {
967
+ &:hover {
968
+ @media (hover: hover) {
969
+ border-color: var(--color-gray-400);
970
+ }
971
+ }
972
+ }
973
+ .hover\:border-indigo-300 {
974
+ &:hover {
975
+ @media (hover: hover) {
976
+ border-color: var(--color-indigo-300);
977
+ }
978
+ }
979
+ }
980
+ .hover\:border-indigo-400 {
981
+ &:hover {
982
+ @media (hover: hover) {
983
+ border-color: var(--color-indigo-400);
984
+ }
985
+ }
986
+ }
987
+ .hover\:bg-blue-700 {
988
+ &:hover {
989
+ @media (hover: hover) {
990
+ background-color: var(--color-blue-700);
991
+ }
992
+ }
993
+ }
994
+ .hover\:bg-gray-50 {
995
+ &:hover {
996
+ @media (hover: hover) {
997
+ background-color: var(--color-gray-50);
998
+ }
999
+ }
1000
+ }
1001
+ .hover\:bg-gray-100 {
1002
+ &:hover {
1003
+ @media (hover: hover) {
1004
+ background-color: var(--color-gray-100);
1005
+ }
1006
+ }
1007
+ }
1008
+ .hover\:bg-gray-300 {
1009
+ &:hover {
1010
+ @media (hover: hover) {
1011
+ background-color: var(--color-gray-300);
1012
+ }
1013
+ }
1014
+ }
1015
+ .hover\:bg-green-700 {
1016
+ &:hover {
1017
+ @media (hover: hover) {
1018
+ background-color: var(--color-green-700);
1019
+ }
1020
+ }
1021
+ }
1022
+ .hover\:bg-indigo-50 {
1023
+ &:hover {
1024
+ @media (hover: hover) {
1025
+ background-color: var(--color-indigo-50);
1026
+ }
1027
+ }
1028
+ }
1029
+ .hover\:bg-indigo-700 {
1030
+ &:hover {
1031
+ @media (hover: hover) {
1032
+ background-color: var(--color-indigo-700);
1033
+ }
1034
+ }
1035
+ }
1036
+ .hover\:bg-red-700 {
1037
+ &:hover {
1038
+ @media (hover: hover) {
1039
+ background-color: var(--color-red-700);
1040
+ }
1041
+ }
1042
+ }
1043
+ .hover\:bg-yellow-600 {
1044
+ &:hover {
1045
+ @media (hover: hover) {
1046
+ background-color: var(--color-yellow-600);
1047
+ }
1048
+ }
1049
+ }
1050
+ .hover\:text-indigo-700 {
1051
+ &:hover {
1052
+ @media (hover: hover) {
1053
+ color: var(--color-indigo-700);
1054
+ }
1055
+ }
1056
+ }
1057
+ .hover\:text-red-600 {
1058
+ &:hover {
1059
+ @media (hover: hover) {
1060
+ color: var(--color-red-600);
1061
+ }
1062
+ }
1063
+ }
1064
+ .hover\:text-yellow-600 {
1065
+ &:hover {
1066
+ @media (hover: hover) {
1067
+ color: var(--color-yellow-600);
1068
+ }
1069
+ }
1070
+ }
1071
+ .hover\:shadow-lg {
1072
+ &:hover {
1073
+ @media (hover: hover) {
1074
+ --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));
1075
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1076
+ }
1077
+ }
1078
+ }
1079
+ .focus\:border-transparent {
1080
+ &:focus {
1081
+ border-color: transparent;
1082
+ }
1083
+ }
1084
+ .focus\:ring-2 {
1085
+ &:focus {
1086
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
1087
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1088
+ }
1089
+ }
1090
+ .focus\:ring-blue-500 {
1091
+ &:focus {
1092
+ --tw-ring-color: var(--color-blue-500);
1093
+ }
1094
+ }
1095
+ .focus\:ring-gray-500 {
1096
+ &:focus {
1097
+ --tw-ring-color: var(--color-gray-500);
1098
+ }
1099
+ }
1100
+ .focus\:ring-green-500 {
1101
+ &:focus {
1102
+ --tw-ring-color: var(--color-green-500);
1103
+ }
1104
+ }
1105
+ .focus\:ring-indigo-500 {
1106
+ &:focus {
1107
+ --tw-ring-color: var(--color-indigo-500);
1108
+ }
1109
+ }
1110
+ .focus\:ring-red-500 {
1111
+ &:focus {
1112
+ --tw-ring-color: var(--color-red-500);
1113
+ }
1114
+ }
1115
+ .focus\:ring-yellow-300 {
1116
+ &:focus {
1117
+ --tw-ring-color: var(--color-yellow-300);
1118
+ }
1119
+ }
1120
+ .focus\:ring-offset-2 {
1121
+ &:focus {
1122
+ --tw-ring-offset-width: 2px;
1123
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1124
+ }
1125
+ }
1126
+ .focus\:outline-none {
1127
+ &:focus {
1128
+ --tw-outline-style: none;
1129
+ outline-style: none;
1130
+ }
1131
+ }
1132
+ .disabled\:cursor-not-allowed {
1133
+ &:disabled {
1134
+ cursor: not-allowed;
1135
+ }
1136
+ }
1137
+ .disabled\:opacity-50 {
1138
+ &:disabled {
1139
+ opacity: 50%;
1140
+ }
1141
+ }
1142
+ .disabled\:hover\:bg-white {
1143
+ &:disabled {
1144
+ &:hover {
1145
+ @media (hover: hover) {
1146
+ background-color: var(--color-white);
1147
+ }
1148
+ }
1149
+ }
1150
+ }
1151
+ .sm\:grid-cols-2 {
1152
+ @media (width >= 40rem) {
1153
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1154
+ }
1155
+ }
1156
+ .sm\:px-6 {
1157
+ @media (width >= 40rem) {
1158
+ padding-inline: calc(var(--spacing) * 6);
1159
+ }
1160
+ }
1161
+ .lg\:fixed {
1162
+ @media (width >= 64rem) {
1163
+ position: fixed;
1164
+ }
1165
+ }
1166
+ .lg\:inset-y-0 {
1167
+ @media (width >= 64rem) {
1168
+ inset-block: calc(var(--spacing) * 0);
1169
+ }
1170
+ }
1171
+ .lg\:flex {
1172
+ @media (width >= 64rem) {
1173
+ display: flex;
1174
+ }
1175
+ }
1176
+ .lg\:hidden {
1177
+ @media (width >= 64rem) {
1178
+ display: none;
1179
+ }
1180
+ }
1181
+ .lg\:w-72 {
1182
+ @media (width >= 64rem) {
1183
+ width: calc(var(--spacing) * 72);
1184
+ }
1185
+ }
1186
+ .lg\:flex-col {
1187
+ @media (width >= 64rem) {
1188
+ flex-direction: column;
1189
+ }
1190
+ }
1191
+ .lg\:pl-72 {
1192
+ @media (width >= 64rem) {
1193
+ padding-left: calc(var(--spacing) * 72);
1194
+ }
1195
+ }
1196
+ .dark\:border-gray-600 {
1197
+ @media (prefers-color-scheme: dark) {
1198
+ border-color: var(--color-gray-600);
1199
+ }
1200
+ }
1201
+ .dark\:border-gray-700 {
1202
+ @media (prefers-color-scheme: dark) {
1203
+ border-color: var(--color-gray-700);
1204
+ }
1205
+ }
1206
+ .dark\:border-gray-700\/50 {
1207
+ @media (prefers-color-scheme: dark) {
1208
+ border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
1209
+ }
1210
+ }
1211
+ .dark\:border-gray-800 {
1212
+ @media (prefers-color-scheme: dark) {
1213
+ border-color: var(--color-gray-800);
1214
+ }
1215
+ }
1216
+ .dark\:border-indigo-700\/50 {
1217
+ @media (prefers-color-scheme: dark) {
1218
+ border-color: color-mix(in oklab, var(--color-indigo-700) 50%, transparent);
1219
+ }
1220
+ }
1221
+ .dark\:border-red-800\/50 {
1222
+ @media (prefers-color-scheme: dark) {
1223
+ border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent);
1224
+ }
1225
+ }
1226
+ .dark\:bg-black\/90 {
1227
+ @media (prefers-color-scheme: dark) {
1228
+ background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
1229
+ }
1230
+ }
1231
+ .dark\:bg-blue-500 {
1232
+ @media (prefers-color-scheme: dark) {
1233
+ background-color: var(--color-blue-500);
1234
+ }
1235
+ }
1236
+ .dark\:bg-blue-700 {
1237
+ @media (prefers-color-scheme: dark) {
1238
+ background-color: var(--color-blue-700);
1239
+ }
1240
+ }
1241
+ .dark\:bg-gray-600 {
1242
+ @media (prefers-color-scheme: dark) {
1243
+ background-color: var(--color-gray-600);
1244
+ }
1245
+ }
1246
+ .dark\:bg-gray-700 {
1247
+ @media (prefers-color-scheme: dark) {
1248
+ background-color: var(--color-gray-700);
1249
+ }
1250
+ }
1251
+ .dark\:bg-gray-800 {
1252
+ @media (prefers-color-scheme: dark) {
1253
+ background-color: var(--color-gray-800);
1254
+ }
1255
+ }
1256
+ .dark\:bg-gray-800\/50 {
1257
+ @media (prefers-color-scheme: dark) {
1258
+ background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
1259
+ }
1260
+ }
1261
+ .dark\:bg-gray-800\/70 {
1262
+ @media (prefers-color-scheme: dark) {
1263
+ background-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent);
1264
+ }
1265
+ }
1266
+ .dark\:bg-gray-900 {
1267
+ @media (prefers-color-scheme: dark) {
1268
+ background-color: var(--color-gray-900);
1269
+ }
1270
+ }
1271
+ .dark\:bg-gray-950 {
1272
+ @media (prefers-color-scheme: dark) {
1273
+ background-color: var(--color-gray-950);
1274
+ }
1275
+ }
1276
+ .dark\:bg-green-500 {
1277
+ @media (prefers-color-scheme: dark) {
1278
+ background-color: var(--color-green-500);
1279
+ }
1280
+ }
1281
+ .dark\:bg-indigo-500 {
1282
+ @media (prefers-color-scheme: dark) {
1283
+ background-color: var(--color-indigo-500);
1284
+ }
1285
+ }
1286
+ .dark\:bg-indigo-900\/30 {
1287
+ @media (prefers-color-scheme: dark) {
1288
+ background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
1289
+ }
1290
+ }
1291
+ .dark\:bg-red-500 {
1292
+ @media (prefers-color-scheme: dark) {
1293
+ background-color: var(--color-red-500);
1294
+ }
1295
+ }
1296
+ .dark\:bg-red-900\/40 {
1297
+ @media (prefers-color-scheme: dark) {
1298
+ background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
1299
+ }
1300
+ }
1301
+ .dark\:bg-yellow-500 {
1302
+ @media (prefers-color-scheme: dark) {
1303
+ background-color: var(--color-yellow-500);
1304
+ }
1305
+ }
1306
+ .dark\:text-gray-100 {
1307
+ @media (prefers-color-scheme: dark) {
1308
+ color: var(--color-gray-100);
1309
+ }
1310
+ }
1311
+ .dark\:text-gray-200 {
1312
+ @media (prefers-color-scheme: dark) {
1313
+ color: var(--color-gray-200);
1314
+ }
1315
+ }
1316
+ .dark\:text-gray-300 {
1317
+ @media (prefers-color-scheme: dark) {
1318
+ color: var(--color-gray-300);
1319
+ }
1320
+ }
1321
+ .dark\:text-gray-400 {
1322
+ @media (prefers-color-scheme: dark) {
1323
+ color: var(--color-gray-400);
1324
+ }
1325
+ }
1326
+ .dark\:text-green-300 {
1327
+ @media (prefers-color-scheme: dark) {
1328
+ color: var(--color-green-300);
1329
+ }
1330
+ }
1331
+ .dark\:text-green-400 {
1332
+ @media (prefers-color-scheme: dark) {
1333
+ color: var(--color-green-400);
1334
+ }
1335
+ }
1336
+ .dark\:text-indigo-400 {
1337
+ @media (prefers-color-scheme: dark) {
1338
+ color: var(--color-indigo-400);
1339
+ }
1340
+ }
1341
+ .dark\:text-red-300 {
1342
+ @media (prefers-color-scheme: dark) {
1343
+ color: var(--color-red-300);
1344
+ }
1345
+ }
1346
+ .dark\:text-red-400 {
1347
+ @media (prefers-color-scheme: dark) {
1348
+ color: var(--color-red-400);
1349
+ }
1350
+ }
1351
+ .dark\:text-white {
1352
+ @media (prefers-color-scheme: dark) {
1353
+ color: var(--color-white);
1354
+ }
1355
+ }
1356
+ .dark\:text-yellow-400 {
1357
+ @media (prefers-color-scheme: dark) {
1358
+ color: var(--color-yellow-400);
1359
+ }
1360
+ }
1361
+ .dark\:placeholder-gray-500 {
1362
+ @media (prefers-color-scheme: dark) {
1363
+ &::placeholder {
1364
+ color: var(--color-gray-500);
1365
+ }
1366
+ }
1367
+ }
1368
+ .dark\:shadow-gray-800\/20 {
1369
+ @media (prefers-color-scheme: dark) {
1370
+ --tw-shadow-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent);
1371
+ }
1372
+ }
1373
+ .dark\:shadow-red-900\/20 {
1374
+ @media (prefers-color-scheme: dark) {
1375
+ --tw-shadow-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
1376
+ }
1377
+ }
1378
+ .dark\:group-hover\:text-indigo-300 {
1379
+ @media (prefers-color-scheme: dark) {
1380
+ &:is(:where(.group):hover *) {
1381
+ @media (hover: hover) {
1382
+ color: var(--color-indigo-300);
1383
+ }
1384
+ }
1385
+ }
1386
+ }
1387
+ .dark\:group-hover\:text-indigo-400 {
1388
+ @media (prefers-color-scheme: dark) {
1389
+ &:is(:where(.group):hover *) {
1390
+ @media (hover: hover) {
1391
+ color: var(--color-indigo-400);
1392
+ }
1393
+ }
1394
+ }
1395
+ }
1396
+ .dark\:placeholder\:text-gray-500 {
1397
+ @media (prefers-color-scheme: dark) {
1398
+ &::placeholder {
1399
+ color: var(--color-gray-500);
1400
+ }
1401
+ }
1402
+ }
1403
+ .dark\:hover\:border-gray-600 {
1404
+ @media (prefers-color-scheme: dark) {
1405
+ &:hover {
1406
+ @media (hover: hover) {
1407
+ border-color: var(--color-gray-600);
1408
+ }
1409
+ }
1410
+ }
1411
+ }
1412
+ .dark\:hover\:border-indigo-600 {
1413
+ @media (prefers-color-scheme: dark) {
1414
+ &:hover {
1415
+ @media (hover: hover) {
1416
+ border-color: var(--color-indigo-600);
1417
+ }
1418
+ }
1419
+ }
1420
+ }
1421
+ .dark\:hover\:border-indigo-700\/50 {
1422
+ @media (prefers-color-scheme: dark) {
1423
+ &:hover {
1424
+ @media (hover: hover) {
1425
+ border-color: color-mix(in oklab, var(--color-indigo-700) 50%, transparent);
1426
+ }
1427
+ }
1428
+ }
1429
+ }
1430
+ .dark\:hover\:bg-blue-600 {
1431
+ @media (prefers-color-scheme: dark) {
1432
+ &:hover {
1433
+ @media (hover: hover) {
1434
+ background-color: var(--color-blue-600);
1435
+ }
1436
+ }
1437
+ }
1438
+ }
1439
+ .dark\:hover\:bg-gray-600 {
1440
+ @media (prefers-color-scheme: dark) {
1441
+ &:hover {
1442
+ @media (hover: hover) {
1443
+ background-color: var(--color-gray-600);
1444
+ }
1445
+ }
1446
+ }
1447
+ }
1448
+ .dark\:hover\:bg-gray-700 {
1449
+ @media (prefers-color-scheme: dark) {
1450
+ &:hover {
1451
+ @media (hover: hover) {
1452
+ background-color: var(--color-gray-700);
1453
+ }
1454
+ }
1455
+ }
1456
+ }
1457
+ .dark\:hover\:bg-gray-800 {
1458
+ @media (prefers-color-scheme: dark) {
1459
+ &:hover {
1460
+ @media (hover: hover) {
1461
+ background-color: var(--color-gray-800);
1462
+ }
1463
+ }
1464
+ }
1465
+ }
1466
+ .dark\:hover\:bg-gray-800\/50 {
1467
+ @media (prefers-color-scheme: dark) {
1468
+ &:hover {
1469
+ @media (hover: hover) {
1470
+ background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
1471
+ }
1472
+ }
1473
+ }
1474
+ }
1475
+ .dark\:hover\:bg-green-600 {
1476
+ @media (prefers-color-scheme: dark) {
1477
+ &:hover {
1478
+ @media (hover: hover) {
1479
+ background-color: var(--color-green-600);
1480
+ }
1481
+ }
1482
+ }
1483
+ }
1484
+ .dark\:hover\:bg-indigo-600 {
1485
+ @media (prefers-color-scheme: dark) {
1486
+ &:hover {
1487
+ @media (hover: hover) {
1488
+ background-color: var(--color-indigo-600);
1489
+ }
1490
+ }
1491
+ }
1492
+ }
1493
+ .dark\:hover\:bg-indigo-900\/50 {
1494
+ @media (prefers-color-scheme: dark) {
1495
+ &:hover {
1496
+ @media (hover: hover) {
1497
+ background-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
1498
+ }
1499
+ }
1500
+ }
1501
+ }
1502
+ .dark\:hover\:bg-red-600 {
1503
+ @media (prefers-color-scheme: dark) {
1504
+ &:hover {
1505
+ @media (hover: hover) {
1506
+ background-color: var(--color-red-600);
1507
+ }
1508
+ }
1509
+ }
1510
+ }
1511
+ .dark\:hover\:bg-yellow-600 {
1512
+ @media (prefers-color-scheme: dark) {
1513
+ &:hover {
1514
+ @media (hover: hover) {
1515
+ background-color: var(--color-yellow-600);
1516
+ }
1517
+ }
1518
+ }
1519
+ }
1520
+ .dark\:hover\:text-indigo-300 {
1521
+ @media (prefers-color-scheme: dark) {
1522
+ &:hover {
1523
+ @media (hover: hover) {
1524
+ color: var(--color-indigo-300);
1525
+ }
1526
+ }
1527
+ }
1528
+ }
1529
+ .dark\:hover\:text-red-500 {
1530
+ @media (prefers-color-scheme: dark) {
1531
+ &:hover {
1532
+ @media (hover: hover) {
1533
+ color: var(--color-red-500);
1534
+ }
1535
+ }
1536
+ }
1537
+ }
1538
+ .dark\:hover\:text-yellow-300 {
1539
+ @media (prefers-color-scheme: dark) {
1540
+ &:hover {
1541
+ @media (hover: hover) {
1542
+ color: var(--color-yellow-300);
1543
+ }
1544
+ }
1545
+ }
1546
+ }
1547
+ .dark\:focus\:ring-blue-400 {
1548
+ @media (prefers-color-scheme: dark) {
1549
+ &:focus {
1550
+ --tw-ring-color: var(--color-blue-400);
1551
+ }
1552
+ }
1553
+ }
1554
+ .dark\:focus\:ring-gray-400 {
1555
+ @media (prefers-color-scheme: dark) {
1556
+ &:focus {
1557
+ --tw-ring-color: var(--color-gray-400);
1558
+ }
1559
+ }
1560
+ }
1561
+ .dark\:focus\:ring-green-400 {
1562
+ @media (prefers-color-scheme: dark) {
1563
+ &:focus {
1564
+ --tw-ring-color: var(--color-green-400);
1565
+ }
1566
+ }
1567
+ }
1568
+ .dark\:focus\:ring-indigo-400 {
1569
+ @media (prefers-color-scheme: dark) {
1570
+ &:focus {
1571
+ --tw-ring-color: var(--color-indigo-400);
1572
+ }
1573
+ }
1574
+ }
1575
+ .dark\:focus\:ring-red-400 {
1576
+ @media (prefers-color-scheme: dark) {
1577
+ &:focus {
1578
+ --tw-ring-color: var(--color-red-400);
1579
+ }
1580
+ }
1581
+ }
1582
+ .dark\:focus\:ring-yellow-400 {
1583
+ @media (prefers-color-scheme: dark) {
1584
+ &:focus {
1585
+ --tw-ring-color: var(--color-yellow-400);
1586
+ }
1587
+ }
1588
+ }
1589
+ .dark\:focus\:ring-offset-gray-800 {
1590
+ @media (prefers-color-scheme: dark) {
1591
+ &:focus {
1592
+ --tw-ring-offset-color: var(--color-gray-800);
1593
+ }
1594
+ }
1595
+ }
1596
+ .dark\:focus\:ring-offset-gray-900 {
1597
+ @media (prefers-color-scheme: dark) {
1598
+ &:focus {
1599
+ --tw-ring-offset-color: var(--color-gray-900);
1600
+ }
1601
+ }
1602
+ }
1603
+ .dark\:disabled\:hover\:bg-gray-600 {
1604
+ @media (prefers-color-scheme: dark) {
1605
+ &:disabled {
1606
+ &:hover {
1607
+ @media (hover: hover) {
1608
+ background-color: var(--color-gray-600);
1609
+ }
1610
+ }
1611
+ }
1612
+ }
1613
+ }
1614
+ }
1615
+ @property --tw-translate-x {
1616
+ syntax: "*";
1617
+ inherits: false;
1618
+ initial-value: 0;
1619
+ }
1620
+ @property --tw-translate-y {
1621
+ syntax: "*";
1622
+ inherits: false;
1623
+ initial-value: 0;
1624
+ }
1625
+ @property --tw-translate-z {
1626
+ syntax: "*";
1627
+ inherits: false;
1628
+ initial-value: 0;
1629
+ }
1630
+ @property --tw-rotate-x {
1631
+ syntax: "*";
1632
+ inherits: false;
1633
+ initial-value: rotateX(0);
1634
+ }
1635
+ @property --tw-rotate-y {
1636
+ syntax: "*";
1637
+ inherits: false;
1638
+ initial-value: rotateY(0);
1639
+ }
1640
+ @property --tw-rotate-z {
1641
+ syntax: "*";
1642
+ inherits: false;
1643
+ initial-value: rotateZ(0);
1644
+ }
1645
+ @property --tw-skew-x {
1646
+ syntax: "*";
1647
+ inherits: false;
1648
+ initial-value: skewX(0);
1649
+ }
1650
+ @property --tw-skew-y {
1651
+ syntax: "*";
1652
+ inherits: false;
1653
+ initial-value: skewY(0);
1654
+ }
1655
+ @property --tw-space-y-reverse {
1656
+ syntax: "*";
1657
+ inherits: false;
1658
+ initial-value: 0;
1659
+ }
1660
+ @property --tw-space-x-reverse {
1661
+ syntax: "*";
1662
+ inherits: false;
1663
+ initial-value: 0;
1664
+ }
1665
+ @property --tw-border-style {
1666
+ syntax: "*";
1667
+ inherits: false;
1668
+ initial-value: solid;
1669
+ }
1670
+ @property --tw-font-weight {
1671
+ syntax: "*";
1672
+ inherits: false;
1673
+ }
1674
+ @property --tw-tracking {
1675
+ syntax: "*";
1676
+ inherits: false;
1677
+ }
1678
+ @property --tw-shadow {
1679
+ syntax: "*";
1680
+ inherits: false;
1681
+ initial-value: 0 0 #0000;
1682
+ }
1683
+ @property --tw-shadow-color {
1684
+ syntax: "*";
1685
+ inherits: false;
1686
+ }
1687
+ @property --tw-inset-shadow {
1688
+ syntax: "*";
1689
+ inherits: false;
1690
+ initial-value: 0 0 #0000;
1691
+ }
1692
+ @property --tw-inset-shadow-color {
1693
+ syntax: "*";
1694
+ inherits: false;
1695
+ }
1696
+ @property --tw-ring-color {
1697
+ syntax: "*";
1698
+ inherits: false;
1699
+ }
1700
+ @property --tw-ring-shadow {
1701
+ syntax: "*";
1702
+ inherits: false;
1703
+ initial-value: 0 0 #0000;
1704
+ }
1705
+ @property --tw-inset-ring-color {
1706
+ syntax: "*";
1707
+ inherits: false;
1708
+ }
1709
+ @property --tw-inset-ring-shadow {
1710
+ syntax: "*";
1711
+ inherits: false;
1712
+ initial-value: 0 0 #0000;
1713
+ }
1714
+ @property --tw-ring-inset {
1715
+ syntax: "*";
1716
+ inherits: false;
1717
+ }
1718
+ @property --tw-ring-offset-width {
1719
+ syntax: "<length>";
1720
+ inherits: false;
1721
+ initial-value: 0px;
1722
+ }
1723
+ @property --tw-ring-offset-color {
1724
+ syntax: "*";
1725
+ inherits: false;
1726
+ initial-value: #fff;
1727
+ }
1728
+ @property --tw-ring-offset-shadow {
1729
+ syntax: "*";
1730
+ inherits: false;
1731
+ initial-value: 0 0 #0000;
1732
+ }
1733
+ @property --tw-duration {
1734
+ syntax: "*";
1735
+ inherits: false;
1736
+ }
1737
+ @property --tw-ease {
1738
+ syntax: "*";
1739
+ inherits: false;
1740
+ }