@raketa-cloud/admin-starter-template 1.0.1

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 (45) hide show
  1. package/.dockerignore +5 -0
  2. package/.github/workflows/build.yml +67 -0
  3. package/.github/workflows/publish.yml +27 -0
  4. package/.gitignore +30 -0
  5. package/.prettierignore +1 -0
  6. package/.vscode/extensions.json +11 -0
  7. package/.vscode/settings.json +30 -0
  8. package/.vscode/tailwind.json +55 -0
  9. package/Dockerfile +20 -0
  10. package/README.md +25 -0
  11. package/babel.config.js +6 -0
  12. package/bin/dev +3 -0
  13. package/bin/docker-build +1 -0
  14. package/bin/docker-run +2 -0
  15. package/bin/pre-push.template +3 -0
  16. package/bin/serve +3 -0
  17. package/bin/setup +9 -0
  18. package/biome.json +24 -0
  19. package/config/base.js +100 -0
  20. package/config/development.js +12 -0
  21. package/config/production.js +13 -0
  22. package/config/staging.js +11 -0
  23. package/package.json +33 -0
  24. package/src/app.js +23 -0
  25. package/src/cloud/.keep +0 -0
  26. package/src/debugRoutes.js +8 -0
  27. package/src/getConfig.js +56 -0
  28. package/src/handlers/.keep +0 -0
  29. package/src/index.js +13 -0
  30. package/src/views/.keep +0 -0
  31. package/static/_assets/flags/bg.svg +5 -0
  32. package/static/_assets/flags/de.svg +5 -0
  33. package/static/_assets/flags/fr.svg +5 -0
  34. package/static/_assets/flags/gb.svg +7 -0
  35. package/static/_assets/flags/it.svg +7 -0
  36. package/static/_assets/flags/us.svg +9 -0
  37. package/static/apple-touch-icon.png +0 -0
  38. package/static/application.css +3804 -0
  39. package/static/favicon-96x96.png +0 -0
  40. package/static/favicon.ico +0 -0
  41. package/static/favicon.svg +14 -0
  42. package/static/site.webmanifest +21 -0
  43. package/static/web-app-manifest-192x192.png +0 -0
  44. package/static/web-app-manifest-512x512.png +0 -0
  45. package/tsconfig.json +12 -0
@@ -0,0 +1,3804 @@
1
+ /*
2
+ ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
3
+ */
4
+
5
+ /*
6
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
+ */
9
+
10
+ *,
11
+ ::before,
12
+ ::after {
13
+ box-sizing: border-box;
14
+ /* 1 */
15
+ border-width: 0;
16
+ /* 2 */
17
+ border-style: solid;
18
+ /* 2 */
19
+ border-color: #e5e7eb;
20
+ /* 2 */
21
+ }
22
+
23
+ ::before,
24
+ ::after {
25
+ --tw-content: '';
26
+ }
27
+
28
+ /*
29
+ 1. Use a consistent sensible line-height in all browsers.
30
+ 2. Prevent adjustments of font size after orientation changes in iOS.
31
+ 3. Use a more readable tab size.
32
+ 4. Use the user's configured `sans` font-family by default.
33
+ 5. Use the user's configured `sans` font-feature-settings by default.
34
+ 6. Use the user's configured `sans` font-variation-settings by default.
35
+ 7. Disable tap highlights on iOS
36
+ */
37
+
38
+ html,
39
+ :host {
40
+ line-height: 1.5;
41
+ /* 1 */
42
+ -webkit-text-size-adjust: 100%;
43
+ /* 2 */
44
+ -moz-tab-size: 4;
45
+ /* 3 */
46
+ -o-tab-size: 4;
47
+ tab-size: 4;
48
+ /* 3 */
49
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
50
+ /* 4 */
51
+ font-feature-settings: normal;
52
+ /* 5 */
53
+ font-variation-settings: normal;
54
+ /* 6 */
55
+ -webkit-tap-highlight-color: transparent;
56
+ /* 7 */
57
+ }
58
+
59
+ /*
60
+ 1. Remove the margin in all browsers.
61
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
62
+ */
63
+
64
+ body {
65
+ margin: 0;
66
+ /* 1 */
67
+ line-height: inherit;
68
+ /* 2 */
69
+ }
70
+
71
+ /*
72
+ 1. Add the correct height in Firefox.
73
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
74
+ 3. Ensure horizontal rules are visible by default.
75
+ */
76
+
77
+ hr {
78
+ height: 0;
79
+ /* 1 */
80
+ color: inherit;
81
+ /* 2 */
82
+ border-top-width: 1px;
83
+ /* 3 */
84
+ }
85
+
86
+ /*
87
+ Add the correct text decoration in Chrome, Edge, and Safari.
88
+ */
89
+
90
+ abbr:where([title]) {
91
+ -webkit-text-decoration: underline dotted;
92
+ text-decoration: underline dotted;
93
+ }
94
+
95
+ /*
96
+ Remove the default font size and weight for headings.
97
+ */
98
+
99
+ h1,
100
+ h2,
101
+ h3,
102
+ h4,
103
+ h5,
104
+ h6 {
105
+ font-size: inherit;
106
+ font-weight: inherit;
107
+ }
108
+
109
+ /*
110
+ Reset links to optimize for opt-in styling instead of opt-out.
111
+ */
112
+
113
+ a {
114
+ color: inherit;
115
+ text-decoration: inherit;
116
+ }
117
+
118
+ /*
119
+ Add the correct font weight in Edge and Safari.
120
+ */
121
+
122
+ b,
123
+ strong {
124
+ font-weight: bolder;
125
+ }
126
+
127
+ /*
128
+ 1. Use the user's configured `mono` font-family by default.
129
+ 2. Use the user's configured `mono` font-feature-settings by default.
130
+ 3. Use the user's configured `mono` font-variation-settings by default.
131
+ 4. Correct the odd `em` font sizing in all browsers.
132
+ */
133
+
134
+ code,
135
+ kbd,
136
+ samp,
137
+ pre {
138
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
139
+ /* 1 */
140
+ font-feature-settings: normal;
141
+ /* 2 */
142
+ font-variation-settings: normal;
143
+ /* 3 */
144
+ font-size: 1em;
145
+ /* 4 */
146
+ }
147
+
148
+ /*
149
+ Add the correct font size in all browsers.
150
+ */
151
+
152
+ small {
153
+ font-size: 80%;
154
+ }
155
+
156
+ /*
157
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
158
+ */
159
+
160
+ sub,
161
+ sup {
162
+ font-size: 75%;
163
+ line-height: 0;
164
+ position: relative;
165
+ vertical-align: baseline;
166
+ }
167
+
168
+ sub {
169
+ bottom: -0.25em;
170
+ }
171
+
172
+ sup {
173
+ top: -0.5em;
174
+ }
175
+
176
+ /*
177
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
178
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
179
+ 3. Remove gaps between table borders by default.
180
+ */
181
+
182
+ table {
183
+ text-indent: 0;
184
+ /* 1 */
185
+ border-color: inherit;
186
+ /* 2 */
187
+ border-collapse: collapse;
188
+ /* 3 */
189
+ }
190
+
191
+ /*
192
+ 1. Change the font styles in all browsers.
193
+ 2. Remove the margin in Firefox and Safari.
194
+ 3. Remove default padding in all browsers.
195
+ */
196
+
197
+ button,
198
+ input,
199
+ optgroup,
200
+ select,
201
+ textarea {
202
+ font-family: inherit;
203
+ /* 1 */
204
+ font-feature-settings: inherit;
205
+ /* 1 */
206
+ font-variation-settings: inherit;
207
+ /* 1 */
208
+ font-size: 100%;
209
+ /* 1 */
210
+ font-weight: inherit;
211
+ /* 1 */
212
+ line-height: inherit;
213
+ /* 1 */
214
+ letter-spacing: inherit;
215
+ /* 1 */
216
+ color: inherit;
217
+ /* 1 */
218
+ margin: 0;
219
+ /* 2 */
220
+ padding: 0;
221
+ /* 3 */
222
+ }
223
+
224
+ /*
225
+ Remove the inheritance of text transform in Edge and Firefox.
226
+ */
227
+
228
+ button,
229
+ select {
230
+ text-transform: none;
231
+ }
232
+
233
+ /*
234
+ 1. Correct the inability to style clickable types in iOS and Safari.
235
+ 2. Remove default button styles.
236
+ */
237
+
238
+ button,
239
+ input:where([type='button']),
240
+ input:where([type='reset']),
241
+ input:where([type='submit']) {
242
+ -webkit-appearance: button;
243
+ /* 1 */
244
+ background-color: transparent;
245
+ /* 2 */
246
+ background-image: none;
247
+ /* 2 */
248
+ }
249
+
250
+ /*
251
+ Use the modern Firefox focus style for all focusable elements.
252
+ */
253
+
254
+ :-moz-focusring {
255
+ outline: auto;
256
+ }
257
+
258
+ /*
259
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
260
+ */
261
+
262
+ :-moz-ui-invalid {
263
+ box-shadow: none;
264
+ }
265
+
266
+ /*
267
+ Add the correct vertical alignment in Chrome and Firefox.
268
+ */
269
+
270
+ progress {
271
+ vertical-align: baseline;
272
+ }
273
+
274
+ /*
275
+ Correct the cursor style of increment and decrement buttons in Safari.
276
+ */
277
+
278
+ ::-webkit-inner-spin-button,
279
+ ::-webkit-outer-spin-button {
280
+ height: auto;
281
+ }
282
+
283
+ /*
284
+ 1. Correct the odd appearance in Chrome and Safari.
285
+ 2. Correct the outline style in Safari.
286
+ */
287
+
288
+ [type='search'] {
289
+ -webkit-appearance: textfield;
290
+ /* 1 */
291
+ outline-offset: -2px;
292
+ /* 2 */
293
+ }
294
+
295
+ /*
296
+ Remove the inner padding in Chrome and Safari on macOS.
297
+ */
298
+
299
+ ::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ /*
304
+ 1. Correct the inability to style clickable types in iOS and Safari.
305
+ 2. Change font properties to `inherit` in Safari.
306
+ */
307
+
308
+ ::-webkit-file-upload-button {
309
+ -webkit-appearance: button;
310
+ /* 1 */
311
+ font: inherit;
312
+ /* 2 */
313
+ }
314
+
315
+ /*
316
+ Add the correct display in Chrome and Safari.
317
+ */
318
+
319
+ summary {
320
+ display: list-item;
321
+ }
322
+
323
+ /*
324
+ Removes the default spacing and border for appropriate elements.
325
+ */
326
+
327
+ blockquote,
328
+ dl,
329
+ dd,
330
+ h1,
331
+ h2,
332
+ h3,
333
+ h4,
334
+ h5,
335
+ h6,
336
+ hr,
337
+ figure,
338
+ p,
339
+ pre {
340
+ margin: 0;
341
+ }
342
+
343
+ fieldset {
344
+ margin: 0;
345
+ padding: 0;
346
+ }
347
+
348
+ legend {
349
+ padding: 0;
350
+ }
351
+
352
+ ol,
353
+ ul,
354
+ menu {
355
+ list-style: none;
356
+ margin: 0;
357
+ padding: 0;
358
+ }
359
+
360
+ /*
361
+ Reset default styling for dialogs.
362
+ */
363
+
364
+ dialog {
365
+ padding: 0;
366
+ }
367
+
368
+ /*
369
+ Prevent resizing textareas horizontally by default.
370
+ */
371
+
372
+ textarea {
373
+ resize: vertical;
374
+ }
375
+
376
+ /*
377
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
378
+ 2. Set the default placeholder color to the user's configured gray 400 color.
379
+ */
380
+
381
+ input::-moz-placeholder, textarea::-moz-placeholder {
382
+ opacity: 1;
383
+ /* 1 */
384
+ color: #9ca3af;
385
+ /* 2 */
386
+ }
387
+
388
+ input::placeholder,
389
+ textarea::placeholder {
390
+ opacity: 1;
391
+ /* 1 */
392
+ color: #9ca3af;
393
+ /* 2 */
394
+ }
395
+
396
+ /*
397
+ Set the default cursor for buttons.
398
+ */
399
+
400
+ button,
401
+ [role="button"] {
402
+ cursor: pointer;
403
+ }
404
+
405
+ /*
406
+ Make sure disabled buttons don't get the pointer cursor.
407
+ */
408
+
409
+ :disabled {
410
+ cursor: default;
411
+ }
412
+
413
+ /*
414
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
415
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
416
+ This can trigger a poorly considered lint error in some tools but is included by design.
417
+ */
418
+
419
+ img,
420
+ svg,
421
+ video,
422
+ canvas,
423
+ audio,
424
+ iframe,
425
+ embed,
426
+ object {
427
+ display: block;
428
+ /* 1 */
429
+ vertical-align: middle;
430
+ /* 2 */
431
+ }
432
+
433
+ /*
434
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
435
+ */
436
+
437
+ img,
438
+ video {
439
+ max-width: 100%;
440
+ height: auto;
441
+ }
442
+
443
+ /* Make elements with the HTML hidden attribute stay hidden by default */
444
+
445
+ [hidden] {
446
+ display: none;
447
+ }
448
+
449
+ [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
450
+ -webkit-appearance: none;
451
+ -moz-appearance: none;
452
+ appearance: none;
453
+ background-color: #fff;
454
+ border-color: #6b7280;
455
+ border-width: 1px;
456
+ border-radius: 0px;
457
+ padding-top: 0.5rem;
458
+ padding-right: 0.75rem;
459
+ padding-bottom: 0.5rem;
460
+ padding-left: 0.75rem;
461
+ font-size: 1rem;
462
+ line-height: 1.5rem;
463
+ --tw-shadow: 0 0 #0000;
464
+ }
465
+
466
+ [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
467
+ outline: 2px solid transparent;
468
+ outline-offset: 2px;
469
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
470
+ --tw-ring-offset-width: 0px;
471
+ --tw-ring-offset-color: #fff;
472
+ --tw-ring-color: #2563eb;
473
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
474
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
475
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
476
+ border-color: #2563eb;
477
+ }
478
+
479
+ input::-moz-placeholder, textarea::-moz-placeholder {
480
+ color: #6b7280;
481
+ opacity: 1;
482
+ }
483
+
484
+ input::placeholder,textarea::placeholder {
485
+ color: #6b7280;
486
+ opacity: 1;
487
+ }
488
+
489
+ ::-webkit-datetime-edit-fields-wrapper {
490
+ padding: 0;
491
+ }
492
+
493
+ ::-webkit-date-and-time-value {
494
+ min-height: 1.5em;
495
+ text-align: inherit;
496
+ }
497
+
498
+ ::-webkit-datetime-edit {
499
+ display: inline-flex;
500
+ }
501
+
502
+ ::-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 {
503
+ padding-top: 0;
504
+ padding-bottom: 0;
505
+ }
506
+
507
+ select {
508
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
509
+ background-position: right 0.5rem center;
510
+ background-repeat: no-repeat;
511
+ background-size: 1.5em 1.5em;
512
+ padding-right: 2.5rem;
513
+ -webkit-print-color-adjust: exact;
514
+ print-color-adjust: exact;
515
+ }
516
+
517
+ [multiple],[size]:where(select:not([size="1"])) {
518
+ background-image: initial;
519
+ background-position: initial;
520
+ background-repeat: unset;
521
+ background-size: initial;
522
+ padding-right: 0.75rem;
523
+ -webkit-print-color-adjust: unset;
524
+ print-color-adjust: unset;
525
+ }
526
+
527
+ [type='checkbox'],[type='radio'] {
528
+ -webkit-appearance: none;
529
+ -moz-appearance: none;
530
+ appearance: none;
531
+ padding: 0;
532
+ -webkit-print-color-adjust: exact;
533
+ print-color-adjust: exact;
534
+ display: inline-block;
535
+ vertical-align: middle;
536
+ background-origin: border-box;
537
+ -webkit-user-select: none;
538
+ -moz-user-select: none;
539
+ user-select: none;
540
+ flex-shrink: 0;
541
+ height: 1rem;
542
+ width: 1rem;
543
+ color: #2563eb;
544
+ background-color: #fff;
545
+ border-color: #6b7280;
546
+ border-width: 1px;
547
+ --tw-shadow: 0 0 #0000;
548
+ }
549
+
550
+ [type='checkbox'] {
551
+ border-radius: 0px;
552
+ }
553
+
554
+ [type='radio'] {
555
+ border-radius: 100%;
556
+ }
557
+
558
+ [type='checkbox']:focus,[type='radio']:focus {
559
+ outline: 2px solid transparent;
560
+ outline-offset: 2px;
561
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
562
+ --tw-ring-offset-width: 2px;
563
+ --tw-ring-offset-color: #fff;
564
+ --tw-ring-color: #2563eb;
565
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
566
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
567
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
568
+ }
569
+
570
+ [type='checkbox']:checked,[type='radio']:checked {
571
+ border-color: transparent;
572
+ background-color: currentColor;
573
+ background-size: 100% 100%;
574
+ background-position: center;
575
+ background-repeat: no-repeat;
576
+ }
577
+
578
+ [type='checkbox']:checked {
579
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
580
+ }
581
+
582
+ @media (forced-colors: active) {
583
+ [type='checkbox']:checked {
584
+ -webkit-appearance: auto;
585
+ -moz-appearance: auto;
586
+ appearance: auto;
587
+ }
588
+ }
589
+
590
+ [type='radio']:checked {
591
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
592
+ }
593
+
594
+ @media (forced-colors: active) {
595
+ [type='radio']:checked {
596
+ -webkit-appearance: auto;
597
+ -moz-appearance: auto;
598
+ appearance: auto;
599
+ }
600
+ }
601
+
602
+ [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
603
+ border-color: transparent;
604
+ background-color: currentColor;
605
+ }
606
+
607
+ [type='checkbox']:indeterminate {
608
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
609
+ border-color: transparent;
610
+ background-color: currentColor;
611
+ background-size: 100% 100%;
612
+ background-position: center;
613
+ background-repeat: no-repeat;
614
+ }
615
+
616
+ @media (forced-colors: active) {
617
+ [type='checkbox']:indeterminate {
618
+ -webkit-appearance: auto;
619
+ -moz-appearance: auto;
620
+ appearance: auto;
621
+ }
622
+ }
623
+
624
+ [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
625
+ border-color: transparent;
626
+ background-color: currentColor;
627
+ }
628
+
629
+ [type='file'] {
630
+ background: unset;
631
+ border-color: inherit;
632
+ border-width: 0;
633
+ border-radius: 0;
634
+ padding: 0;
635
+ font-size: unset;
636
+ line-height: inherit;
637
+ }
638
+
639
+ [type='file']:focus {
640
+ outline: 1px solid ButtonText;
641
+ outline: 1px auto -webkit-focus-ring-color;
642
+ }
643
+
644
+ *, ::before, ::after {
645
+ --tw-border-spacing-x: 0;
646
+ --tw-border-spacing-y: 0;
647
+ --tw-translate-x: 0;
648
+ --tw-translate-y: 0;
649
+ --tw-rotate: 0;
650
+ --tw-skew-x: 0;
651
+ --tw-skew-y: 0;
652
+ --tw-scale-x: 1;
653
+ --tw-scale-y: 1;
654
+ --tw-pan-x: ;
655
+ --tw-pan-y: ;
656
+ --tw-pinch-zoom: ;
657
+ --tw-scroll-snap-strictness: proximity;
658
+ --tw-gradient-from-position: ;
659
+ --tw-gradient-via-position: ;
660
+ --tw-gradient-to-position: ;
661
+ --tw-ordinal: ;
662
+ --tw-slashed-zero: ;
663
+ --tw-numeric-figure: ;
664
+ --tw-numeric-spacing: ;
665
+ --tw-numeric-fraction: ;
666
+ --tw-ring-inset: ;
667
+ --tw-ring-offset-width: 0px;
668
+ --tw-ring-offset-color: #fff;
669
+ --tw-ring-color: rgb(59 130 246 / 0.5);
670
+ --tw-ring-offset-shadow: 0 0 #0000;
671
+ --tw-ring-shadow: 0 0 #0000;
672
+ --tw-shadow: 0 0 #0000;
673
+ --tw-shadow-colored: 0 0 #0000;
674
+ --tw-blur: ;
675
+ --tw-brightness: ;
676
+ --tw-contrast: ;
677
+ --tw-grayscale: ;
678
+ --tw-hue-rotate: ;
679
+ --tw-invert: ;
680
+ --tw-saturate: ;
681
+ --tw-sepia: ;
682
+ --tw-drop-shadow: ;
683
+ --tw-backdrop-blur: ;
684
+ --tw-backdrop-brightness: ;
685
+ --tw-backdrop-contrast: ;
686
+ --tw-backdrop-grayscale: ;
687
+ --tw-backdrop-hue-rotate: ;
688
+ --tw-backdrop-invert: ;
689
+ --tw-backdrop-opacity: ;
690
+ --tw-backdrop-saturate: ;
691
+ --tw-backdrop-sepia: ;
692
+ --tw-contain-size: ;
693
+ --tw-contain-layout: ;
694
+ --tw-contain-paint: ;
695
+ --tw-contain-style: ;
696
+ }
697
+
698
+ ::backdrop {
699
+ --tw-border-spacing-x: 0;
700
+ --tw-border-spacing-y: 0;
701
+ --tw-translate-x: 0;
702
+ --tw-translate-y: 0;
703
+ --tw-rotate: 0;
704
+ --tw-skew-x: 0;
705
+ --tw-skew-y: 0;
706
+ --tw-scale-x: 1;
707
+ --tw-scale-y: 1;
708
+ --tw-pan-x: ;
709
+ --tw-pan-y: ;
710
+ --tw-pinch-zoom: ;
711
+ --tw-scroll-snap-strictness: proximity;
712
+ --tw-gradient-from-position: ;
713
+ --tw-gradient-via-position: ;
714
+ --tw-gradient-to-position: ;
715
+ --tw-ordinal: ;
716
+ --tw-slashed-zero: ;
717
+ --tw-numeric-figure: ;
718
+ --tw-numeric-spacing: ;
719
+ --tw-numeric-fraction: ;
720
+ --tw-ring-inset: ;
721
+ --tw-ring-offset-width: 0px;
722
+ --tw-ring-offset-color: #fff;
723
+ --tw-ring-color: rgb(59 130 246 / 0.5);
724
+ --tw-ring-offset-shadow: 0 0 #0000;
725
+ --tw-ring-shadow: 0 0 #0000;
726
+ --tw-shadow: 0 0 #0000;
727
+ --tw-shadow-colored: 0 0 #0000;
728
+ --tw-blur: ;
729
+ --tw-brightness: ;
730
+ --tw-contrast: ;
731
+ --tw-grayscale: ;
732
+ --tw-hue-rotate: ;
733
+ --tw-invert: ;
734
+ --tw-saturate: ;
735
+ --tw-sepia: ;
736
+ --tw-drop-shadow: ;
737
+ --tw-backdrop-blur: ;
738
+ --tw-backdrop-brightness: ;
739
+ --tw-backdrop-contrast: ;
740
+ --tw-backdrop-grayscale: ;
741
+ --tw-backdrop-hue-rotate: ;
742
+ --tw-backdrop-invert: ;
743
+ --tw-backdrop-opacity: ;
744
+ --tw-backdrop-saturate: ;
745
+ --tw-backdrop-sepia: ;
746
+ --tw-contain-size: ;
747
+ --tw-contain-layout: ;
748
+ --tw-contain-paint: ;
749
+ --tw-contain-style: ;
750
+ }
751
+
752
+ .container {
753
+ width: 100%;
754
+ }
755
+
756
+ @media (min-width: 640px) {
757
+ .container {
758
+ max-width: 640px;
759
+ }
760
+ }
761
+
762
+ @media (min-width: 768px) {
763
+ .container {
764
+ max-width: 768px;
765
+ }
766
+ }
767
+
768
+ @media (min-width: 1024px) {
769
+ .container {
770
+ max-width: 1024px;
771
+ }
772
+ }
773
+
774
+ @media (min-width: 1280px) {
775
+ .container {
776
+ max-width: 1280px;
777
+ }
778
+ }
779
+
780
+ @media (min-width: 1536px) {
781
+ .container {
782
+ max-width: 1536px;
783
+ }
784
+ }
785
+
786
+ .prose {
787
+ color: var(--tw-prose-body);
788
+ max-width: 65ch;
789
+ }
790
+
791
+ .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
792
+ margin-top: 1.25em;
793
+ margin-bottom: 1.25em;
794
+ }
795
+
796
+ .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
797
+ color: var(--tw-prose-lead);
798
+ font-size: 1.25em;
799
+ line-height: 1.6;
800
+ margin-top: 1.2em;
801
+ margin-bottom: 1.2em;
802
+ }
803
+
804
+ .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
805
+ color: var(--tw-prose-links);
806
+ text-decoration: underline;
807
+ font-weight: 500;
808
+ }
809
+
810
+ .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
811
+ color: var(--tw-prose-bold);
812
+ font-weight: 600;
813
+ }
814
+
815
+ .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
816
+ color: inherit;
817
+ }
818
+
819
+ .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
820
+ color: inherit;
821
+ }
822
+
823
+ .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
824
+ color: inherit;
825
+ }
826
+
827
+ .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
828
+ list-style-type: decimal;
829
+ margin-top: 1.25em;
830
+ margin-bottom: 1.25em;
831
+ padding-inline-start: 1.625em;
832
+ }
833
+
834
+ .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
835
+ list-style-type: upper-alpha;
836
+ }
837
+
838
+ .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
839
+ list-style-type: lower-alpha;
840
+ }
841
+
842
+ .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
843
+ list-style-type: upper-alpha;
844
+ }
845
+
846
+ .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
847
+ list-style-type: lower-alpha;
848
+ }
849
+
850
+ .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
851
+ list-style-type: upper-roman;
852
+ }
853
+
854
+ .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
855
+ list-style-type: lower-roman;
856
+ }
857
+
858
+ .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
859
+ list-style-type: upper-roman;
860
+ }
861
+
862
+ .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
863
+ list-style-type: lower-roman;
864
+ }
865
+
866
+ .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
867
+ list-style-type: decimal;
868
+ }
869
+
870
+ .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
871
+ list-style-type: disc;
872
+ margin-top: 1.25em;
873
+ margin-bottom: 1.25em;
874
+ padding-inline-start: 1.625em;
875
+ }
876
+
877
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
878
+ font-weight: 400;
879
+ color: var(--tw-prose-counters);
880
+ }
881
+
882
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
883
+ color: var(--tw-prose-bullets);
884
+ }
885
+
886
+ .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
887
+ color: var(--tw-prose-headings);
888
+ font-weight: 600;
889
+ margin-top: 1.25em;
890
+ }
891
+
892
+ .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
893
+ border-color: var(--tw-prose-hr);
894
+ border-top-width: 1px;
895
+ margin-top: 3em;
896
+ margin-bottom: 3em;
897
+ }
898
+
899
+ .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
900
+ font-weight: 500;
901
+ font-style: italic;
902
+ color: var(--tw-prose-quotes);
903
+ border-inline-start-width: 0.25rem;
904
+ border-inline-start-color: var(--tw-prose-quote-borders);
905
+ quotes: "\201C""\201D""\2018""\2019";
906
+ margin-top: 1.6em;
907
+ margin-bottom: 1.6em;
908
+ padding-inline-start: 1em;
909
+ }
910
+
911
+ .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
912
+ content: open-quote;
913
+ }
914
+
915
+ .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
916
+ content: close-quote;
917
+ }
918
+
919
+ .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
920
+ color: var(--tw-prose-headings);
921
+ font-weight: 800;
922
+ font-size: 2.25em;
923
+ margin-top: 0;
924
+ margin-bottom: 0.8888889em;
925
+ line-height: 1.1111111;
926
+ }
927
+
928
+ .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
929
+ font-weight: 900;
930
+ color: inherit;
931
+ }
932
+
933
+ .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
934
+ color: var(--tw-prose-headings);
935
+ font-weight: 700;
936
+ font-size: 1.5em;
937
+ margin-top: 2em;
938
+ margin-bottom: 1em;
939
+ line-height: 1.3333333;
940
+ }
941
+
942
+ .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
943
+ font-weight: 800;
944
+ color: inherit;
945
+ }
946
+
947
+ .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
948
+ color: var(--tw-prose-headings);
949
+ font-weight: 600;
950
+ font-size: 1.25em;
951
+ margin-top: 1.6em;
952
+ margin-bottom: 0.6em;
953
+ line-height: 1.6;
954
+ }
955
+
956
+ .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
957
+ font-weight: 700;
958
+ color: inherit;
959
+ }
960
+
961
+ .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
962
+ color: var(--tw-prose-headings);
963
+ font-weight: 600;
964
+ margin-top: 1.5em;
965
+ margin-bottom: 0.5em;
966
+ line-height: 1.5;
967
+ }
968
+
969
+ .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
970
+ font-weight: 700;
971
+ color: inherit;
972
+ }
973
+
974
+ .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
975
+ margin-top: 2em;
976
+ margin-bottom: 2em;
977
+ }
978
+
979
+ .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
980
+ display: block;
981
+ margin-top: 2em;
982
+ margin-bottom: 2em;
983
+ }
984
+
985
+ .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
986
+ margin-top: 2em;
987
+ margin-bottom: 2em;
988
+ }
989
+
990
+ .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
991
+ font-weight: 500;
992
+ font-family: inherit;
993
+ color: var(--tw-prose-kbd);
994
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
995
+ font-size: 0.875em;
996
+ border-radius: 0.3125rem;
997
+ padding-top: 0.1875em;
998
+ padding-inline-end: 0.375em;
999
+ padding-bottom: 0.1875em;
1000
+ padding-inline-start: 0.375em;
1001
+ }
1002
+
1003
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1004
+ color: var(--tw-prose-code);
1005
+ font-weight: 600;
1006
+ font-size: 0.875em;
1007
+ }
1008
+
1009
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
1010
+ content: "`";
1011
+ }
1012
+
1013
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1014
+ content: "`";
1015
+ }
1016
+
1017
+ .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1018
+ color: inherit;
1019
+ }
1020
+
1021
+ .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1022
+ color: inherit;
1023
+ }
1024
+
1025
+ .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1026
+ color: inherit;
1027
+ font-size: 0.875em;
1028
+ }
1029
+
1030
+ .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1031
+ color: inherit;
1032
+ font-size: 0.9em;
1033
+ }
1034
+
1035
+ .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1036
+ color: inherit;
1037
+ }
1038
+
1039
+ .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1040
+ color: inherit;
1041
+ }
1042
+
1043
+ .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1044
+ color: inherit;
1045
+ }
1046
+
1047
+ .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1048
+ color: var(--tw-prose-pre-code);
1049
+ background-color: var(--tw-prose-pre-bg);
1050
+ overflow-x: auto;
1051
+ font-weight: 400;
1052
+ font-size: 0.875em;
1053
+ line-height: 1.7142857;
1054
+ margin-top: 1.7142857em;
1055
+ margin-bottom: 1.7142857em;
1056
+ border-radius: 0.375rem;
1057
+ padding-top: 0.8571429em;
1058
+ padding-inline-end: 1.1428571em;
1059
+ padding-bottom: 0.8571429em;
1060
+ padding-inline-start: 1.1428571em;
1061
+ }
1062
+
1063
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1064
+ background-color: transparent;
1065
+ border-width: 0;
1066
+ border-radius: 0;
1067
+ padding: 0;
1068
+ font-weight: inherit;
1069
+ color: inherit;
1070
+ font-size: inherit;
1071
+ font-family: inherit;
1072
+ line-height: inherit;
1073
+ }
1074
+
1075
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
1076
+ content: none;
1077
+ }
1078
+
1079
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1080
+ content: none;
1081
+ }
1082
+
1083
+ .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1084
+ width: 100%;
1085
+ table-layout: auto;
1086
+ text-align: start;
1087
+ margin-top: 2em;
1088
+ margin-bottom: 2em;
1089
+ font-size: 0.875em;
1090
+ line-height: 1.7142857;
1091
+ }
1092
+
1093
+ .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1094
+ border-bottom-width: 1px;
1095
+ border-bottom-color: var(--tw-prose-th-borders);
1096
+ }
1097
+
1098
+ .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1099
+ color: var(--tw-prose-headings);
1100
+ font-weight: 600;
1101
+ vertical-align: bottom;
1102
+ padding-inline-end: 0.5714286em;
1103
+ padding-bottom: 0.5714286em;
1104
+ padding-inline-start: 0.5714286em;
1105
+ }
1106
+
1107
+ .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1108
+ border-bottom-width: 1px;
1109
+ border-bottom-color: var(--tw-prose-td-borders);
1110
+ }
1111
+
1112
+ .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1113
+ border-bottom-width: 0;
1114
+ }
1115
+
1116
+ .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1117
+ vertical-align: baseline;
1118
+ }
1119
+
1120
+ .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1121
+ border-top-width: 1px;
1122
+ border-top-color: var(--tw-prose-th-borders);
1123
+ }
1124
+
1125
+ .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1126
+ vertical-align: top;
1127
+ }
1128
+
1129
+ .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1130
+ margin-top: 0;
1131
+ margin-bottom: 0;
1132
+ }
1133
+
1134
+ .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1135
+ color: var(--tw-prose-captions);
1136
+ font-size: 0.875em;
1137
+ line-height: 1.4285714;
1138
+ margin-top: 0.8571429em;
1139
+ }
1140
+
1141
+ .prose {
1142
+ --tw-prose-body: #374151;
1143
+ --tw-prose-headings: #111827;
1144
+ --tw-prose-lead: #4b5563;
1145
+ --tw-prose-links: #111827;
1146
+ --tw-prose-bold: #111827;
1147
+ --tw-prose-counters: #6b7280;
1148
+ --tw-prose-bullets: #d1d5db;
1149
+ --tw-prose-hr: #e5e7eb;
1150
+ --tw-prose-quotes: #111827;
1151
+ --tw-prose-quote-borders: #e5e7eb;
1152
+ --tw-prose-captions: #6b7280;
1153
+ --tw-prose-kbd: #111827;
1154
+ --tw-prose-kbd-shadows: 17 24 39;
1155
+ --tw-prose-code: #111827;
1156
+ --tw-prose-pre-code: #e5e7eb;
1157
+ --tw-prose-pre-bg: #1f2937;
1158
+ --tw-prose-th-borders: #d1d5db;
1159
+ --tw-prose-td-borders: #e5e7eb;
1160
+ --tw-prose-invert-body: #d1d5db;
1161
+ --tw-prose-invert-headings: #fff;
1162
+ --tw-prose-invert-lead: #9ca3af;
1163
+ --tw-prose-invert-links: #fff;
1164
+ --tw-prose-invert-bold: #fff;
1165
+ --tw-prose-invert-counters: #9ca3af;
1166
+ --tw-prose-invert-bullets: #4b5563;
1167
+ --tw-prose-invert-hr: #374151;
1168
+ --tw-prose-invert-quotes: #f3f4f6;
1169
+ --tw-prose-invert-quote-borders: #374151;
1170
+ --tw-prose-invert-captions: #9ca3af;
1171
+ --tw-prose-invert-kbd: #fff;
1172
+ --tw-prose-invert-kbd-shadows: 255 255 255;
1173
+ --tw-prose-invert-code: #fff;
1174
+ --tw-prose-invert-pre-code: #d1d5db;
1175
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
1176
+ --tw-prose-invert-th-borders: #4b5563;
1177
+ --tw-prose-invert-td-borders: #374151;
1178
+ font-size: 1rem;
1179
+ line-height: 1.75;
1180
+ }
1181
+
1182
+ .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1183
+ margin-top: 0;
1184
+ margin-bottom: 0;
1185
+ }
1186
+
1187
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1188
+ margin-top: 0.5em;
1189
+ margin-bottom: 0.5em;
1190
+ }
1191
+
1192
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1193
+ padding-inline-start: 0.375em;
1194
+ }
1195
+
1196
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1197
+ padding-inline-start: 0.375em;
1198
+ }
1199
+
1200
+ .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1201
+ margin-top: 0.75em;
1202
+ margin-bottom: 0.75em;
1203
+ }
1204
+
1205
+ .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1206
+ margin-top: 1.25em;
1207
+ }
1208
+
1209
+ .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1210
+ margin-bottom: 1.25em;
1211
+ }
1212
+
1213
+ .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1214
+ margin-top: 1.25em;
1215
+ }
1216
+
1217
+ .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1218
+ margin-bottom: 1.25em;
1219
+ }
1220
+
1221
+ .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1222
+ margin-top: 0.75em;
1223
+ margin-bottom: 0.75em;
1224
+ }
1225
+
1226
+ .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1227
+ margin-top: 1.25em;
1228
+ margin-bottom: 1.25em;
1229
+ }
1230
+
1231
+ .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1232
+ margin-top: 0.5em;
1233
+ padding-inline-start: 1.625em;
1234
+ }
1235
+
1236
+ .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1237
+ margin-top: 0;
1238
+ }
1239
+
1240
+ .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1241
+ margin-top: 0;
1242
+ }
1243
+
1244
+ .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1245
+ margin-top: 0;
1246
+ }
1247
+
1248
+ .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1249
+ margin-top: 0;
1250
+ }
1251
+
1252
+ .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1253
+ padding-inline-start: 0;
1254
+ }
1255
+
1256
+ .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1257
+ padding-inline-end: 0;
1258
+ }
1259
+
1260
+ .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1261
+ padding-top: 0.5714286em;
1262
+ padding-inline-end: 0.5714286em;
1263
+ padding-bottom: 0.5714286em;
1264
+ padding-inline-start: 0.5714286em;
1265
+ }
1266
+
1267
+ .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1268
+ padding-inline-start: 0;
1269
+ }
1270
+
1271
+ .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1272
+ padding-inline-end: 0;
1273
+ }
1274
+
1275
+ .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1276
+ margin-top: 2em;
1277
+ margin-bottom: 2em;
1278
+ }
1279
+
1280
+ .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1281
+ margin-top: 0;
1282
+ }
1283
+
1284
+ .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1285
+ margin-bottom: 0;
1286
+ }
1287
+
1288
+ /* Utils */
1289
+
1290
+ .chip {
1291
+ border-radius: 9999px;
1292
+ --tw-bg-opacity: 1;
1293
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity));
1294
+ padding-left: 0.625rem;
1295
+ padding-right: 0.625rem;
1296
+ padding-top: 0.25rem;
1297
+ padding-bottom: 0.25rem;
1298
+ font-size: 0.75rem;
1299
+ line-height: 1rem;
1300
+ font-weight: 600;
1301
+ --tw-text-opacity: 1;
1302
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1303
+ }
1304
+
1305
+ .help {
1306
+ font-size: 0.875rem;
1307
+ line-height: 1.25rem;
1308
+ line-height: 1.5;
1309
+ --tw-text-opacity: 1;
1310
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1311
+ position: sticky;
1312
+ top: 1.5rem;
1313
+ border-radius: 0.25rem;
1314
+ --tw-bg-opacity: 1;
1315
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity));
1316
+ padding: 1rem;
1317
+ }
1318
+
1319
+ .help:where(.dark, .dark *) {
1320
+ background-color: rgba(var(--primary), 0.2);
1321
+ }
1322
+
1323
+ .help {
1324
+ .heading-3 {
1325
+ --tw-text-opacity: 1;
1326
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1327
+ }
1328
+ }
1329
+
1330
+ /* Typography */
1331
+
1332
+ .heading-1 {
1333
+ font-size: 1.5rem;
1334
+ line-height: 2rem;
1335
+ font-weight: 600;
1336
+ --tw-text-opacity: 1;
1337
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1338
+ }
1339
+
1340
+ .heading-2 {
1341
+ font-size: 1.125rem;
1342
+ line-height: 1.75rem;
1343
+ font-weight: 600;
1344
+ --tw-text-opacity: 1;
1345
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1346
+ }
1347
+
1348
+ .heading-3 {
1349
+ font-weight: 600;
1350
+ --tw-text-opacity: 1;
1351
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1352
+ }
1353
+
1354
+ .body-2 {
1355
+ font-size: 0.875rem;
1356
+ line-height: 1.25rem;
1357
+ line-height: 1.5;
1358
+ --tw-text-opacity: 1;
1359
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1360
+ }
1361
+
1362
+ .body-3 {
1363
+ font-size: 0.75rem;
1364
+ line-height: 1rem;
1365
+ line-height: 1.5;
1366
+ --tw-text-opacity: 1;
1367
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1368
+ }
1369
+
1370
+ /* Buttons */
1371
+
1372
+ .btn-primary,
1373
+ .btn-secondary {
1374
+ display: inline-block;
1375
+ border-radius: 0.25rem;
1376
+ border-width: 1px;
1377
+ padding-left: 0.75rem;
1378
+ padding-right: 0.75rem;
1379
+ padding-top: 0.5rem;
1380
+ padding-bottom: 0.5rem;
1381
+ font-weight: 500;
1382
+ }
1383
+
1384
+ .btn-primary,
1385
+ .btn-secondary,
1386
+ .btn-text,
1387
+ .btn-danger {
1388
+ font-size: 0.875rem;
1389
+ line-height: 1.25rem;
1390
+ transition-property: all;
1391
+ transition-duration: 300ms;
1392
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1393
+ &.has-icon {
1394
+ display: flex;
1395
+ }
1396
+ &.has-icon {
1397
+ align-items: center;
1398
+ }
1399
+ &.has-icon {
1400
+ gap: 0.375rem;
1401
+ }
1402
+ }
1403
+
1404
+ .btn-primary {
1405
+ --tw-border-opacity: 1;
1406
+ border-color: rgba(var(--primary), var(--tw-border-opacity));
1407
+ --tw-bg-opacity: 1;
1408
+ background-color: rgba(var(--primary), var(--tw-bg-opacity));
1409
+ --tw-text-opacity: 1;
1410
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1411
+ }
1412
+
1413
+ .btn-primary:hover {
1414
+ --tw-border-opacity: 1;
1415
+ border-color: rgba(var(--primary-dark), var(--tw-border-opacity));
1416
+ --tw-bg-opacity: 1;
1417
+ background-color: rgba(var(--primary-dark), var(--tw-bg-opacity));
1418
+ }
1419
+
1420
+ .btn-secondary {
1421
+ --tw-border-opacity: 1;
1422
+ border-color: rgba(var(--primary), var(--tw-border-opacity));
1423
+ background-color: transparent;
1424
+ --tw-text-opacity: 1;
1425
+ color: rgba(var(--primary), var(--tw-text-opacity));
1426
+ }
1427
+
1428
+ .btn-secondary:hover {
1429
+ --tw-border-opacity: 1;
1430
+ border-color: rgba(var(--primary-dark), var(--tw-border-opacity));
1431
+ --tw-bg-opacity: 1;
1432
+ background-color: rgba(var(--primary-dark), var(--tw-bg-opacity));
1433
+ --tw-text-opacity: 1;
1434
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1435
+ }
1436
+
1437
+ .btn-text,
1438
+ .btn-danger {
1439
+ display: inline-block;
1440
+ font-weight: 500;
1441
+ text-decoration-line: underline;
1442
+ text-underline-offset: 4px;
1443
+ }
1444
+
1445
+ .btn-text {
1446
+ --tw-text-opacity: 1;
1447
+ color: rgba(var(--primary), var(--tw-text-opacity));
1448
+ }
1449
+
1450
+ .btn-text:hover {
1451
+ --tw-text-opacity: 1;
1452
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1453
+ }
1454
+
1455
+ .btn-danger {
1456
+ --tw-text-opacity: 1;
1457
+ color: rgb(220 38 38 / var(--tw-text-opacity));
1458
+ }
1459
+
1460
+ .btn-danger:hover {
1461
+ --tw-text-opacity: 1;
1462
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1463
+ }
1464
+
1465
+ .btn-danger:where(.dark, .dark *) {
1466
+ --tw-text-opacity: 1;
1467
+ color: rgb(185 28 28 / var(--tw-text-opacity));
1468
+ }
1469
+
1470
+ .btn-toolbar {
1471
+ display: flex;
1472
+ align-items: center;
1473
+ gap: 0.25rem;
1474
+ .btn-text,
1475
+ .btn-danger {
1476
+ padding-left: 0.5rem;
1477
+ padding-right: 0.5rem;
1478
+ }
1479
+ }
1480
+
1481
+ .form-actions {
1482
+ display: flex;
1483
+ align-items: center;
1484
+ justify-content: space-between;
1485
+ }
1486
+
1487
+ /* Forms */
1488
+
1489
+ .form {
1490
+ padding-bottom: 2rem;
1491
+ label {
1492
+ display: block;
1493
+ }
1494
+ label {
1495
+ width: -moz-fit-content;
1496
+ width: fit-content;
1497
+ }
1498
+ label {
1499
+ cursor: pointer;
1500
+ }
1501
+ label {
1502
+ font-size: 0.875rem;
1503
+ line-height: 1.25rem;
1504
+ }
1505
+ label {
1506
+ font-weight: 600;
1507
+ }
1508
+ input,
1509
+ select,
1510
+ textarea {
1511
+ width: 100%;
1512
+ }
1513
+ input,
1514
+ select,
1515
+ textarea {
1516
+ border-radius: 0.25rem;
1517
+ }
1518
+ input,
1519
+ select,
1520
+ textarea {
1521
+ border-width: 1px;
1522
+ }
1523
+ input,
1524
+ select,
1525
+ textarea {
1526
+ --tw-border-opacity: 1;
1527
+ border-color: rgb(212 212 212 / var(--tw-border-opacity));
1528
+ }
1529
+ input,
1530
+ select,
1531
+ textarea {
1532
+ padding-left: 0.75rem;
1533
+ padding-right: 0.75rem;
1534
+ }
1535
+ input,
1536
+ select,
1537
+ textarea {
1538
+ padding-top: 0.5rem;
1539
+ padding-bottom: 0.5rem;
1540
+ }
1541
+ input,
1542
+ select,
1543
+ textarea {
1544
+ --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
1545
+ --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
1546
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1547
+ }
1548
+ input:where(.dark, .dark *),
1549
+ select:where(.dark, .dark *),
1550
+ textarea:where(.dark, .dark *) {
1551
+ --tw-border-opacity: 1;
1552
+ border-color: rgb(64 64 64 / var(--tw-border-opacity));
1553
+ }
1554
+ input:where(.dark, .dark *),
1555
+ select:where(.dark, .dark *),
1556
+ textarea:where(.dark, .dark *) {
1557
+ --tw-bg-opacity: 1;
1558
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity));
1559
+ }
1560
+ input:focus:where(.dark, .dark *),
1561
+ select:focus:where(.dark, .dark *),
1562
+ textarea:focus:where(.dark, .dark *) {
1563
+ --tw-border-opacity: 1;
1564
+ border-color: rgba(var(--primary), var(--tw-border-opacity));
1565
+ }
1566
+ input:focus:where(.dark, .dark *),
1567
+ select:focus:where(.dark, .dark *),
1568
+ textarea:focus:where(.dark, .dark *) {
1569
+ --tw-ring-opacity: 1;
1570
+ --tw-ring-color: rgba(var(--primary), var(--tw-ring-opacity));
1571
+ }
1572
+ textarea {
1573
+ min-height: 150px;
1574
+ }
1575
+ .has-error input,
1576
+ .has-error select,
1577
+ .has-error textarea {
1578
+ --tw-border-opacity: 1;
1579
+ border-color: rgb(220 38 38 / var(--tw-border-opacity));
1580
+ }
1581
+ .help-block {
1582
+ font-size: 0.875rem;
1583
+ line-height: 1.25rem;
1584
+ }
1585
+ .help-block {
1586
+ opacity: 0.5;
1587
+ }
1588
+ .radio-group,
1589
+ .checkbox-group {
1590
+ margin-top: 0.25rem;
1591
+ }
1592
+ .radio-group,
1593
+ .checkbox-group {
1594
+ max-height: 200px;
1595
+ }
1596
+ .radio-group,
1597
+ .checkbox-group {
1598
+ overflow-y: auto;
1599
+ }
1600
+ .radio-group,
1601
+ .checkbox-group {
1602
+ border-radius: 0.25rem;
1603
+ }
1604
+ .radio-group,
1605
+ .checkbox-group {
1606
+ border-width: 1px;
1607
+ }
1608
+ .radio-group,
1609
+ .checkbox-group {
1610
+ --tw-border-opacity: 1;
1611
+ border-color: rgb(212 212 212 / var(--tw-border-opacity));
1612
+ }
1613
+ .radio-group,
1614
+ .checkbox-group {
1615
+ --tw-bg-opacity: 1;
1616
+ background-color: rgba(var(--background), var(--tw-bg-opacity));
1617
+ }
1618
+ .radio-group,
1619
+ .checkbox-group {
1620
+ padding-top: 0.25rem;
1621
+ padding-bottom: 0.25rem;
1622
+ }
1623
+ .radio-group,
1624
+ .checkbox-group {
1625
+ padding-left: 0.5rem;
1626
+ padding-right: 0.5rem;
1627
+ }
1628
+ .radio-group,
1629
+ .checkbox-group {
1630
+ --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
1631
+ --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
1632
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1633
+ }
1634
+ .radio-group:where(.dark, .dark *),
1635
+ .checkbox-group:where(.dark, .dark *) {
1636
+ --tw-border-opacity: 1;
1637
+ border-color: rgb(64 64 64 / var(--tw-border-opacity));
1638
+ }
1639
+ .radio-group label,
1640
+ .checkbox-group label {
1641
+ display: flex;
1642
+ }
1643
+ .radio-group label,
1644
+ .checkbox-group label {
1645
+ align-items: center;
1646
+ }
1647
+ .radio-group label,
1648
+ .checkbox-group label {
1649
+ gap: 0.5rem;
1650
+ }
1651
+ .radio-group label,
1652
+ .checkbox-group label {
1653
+ text-wrap: nowrap;
1654
+ }
1655
+ .radio-group label,
1656
+ .checkbox-group label {
1657
+ padding-top: 0.5rem;
1658
+ padding-bottom: 0.5rem;
1659
+ }
1660
+ .checkbox-group input[type="checkbox"] {
1661
+ width: 1rem;
1662
+ height: 1rem;
1663
+ }
1664
+ .checkbox-group input[type="checkbox"] {
1665
+ padding-left: 0px;
1666
+ padding-right: 0px;
1667
+ }
1668
+ .radio-group input[type="radio"] {
1669
+ width: 1rem;
1670
+ height: 1rem;
1671
+ }
1672
+ .radio-group input[type="radio"] {
1673
+ border-radius: 9999px;
1674
+ }
1675
+ .radio-group input[type="radio"] {
1676
+ padding-left: 0px;
1677
+ padding-right: 0px;
1678
+ }
1679
+ .checkbox-wrapper {
1680
+ display: flex;
1681
+ }
1682
+ .checkbox-wrapper {
1683
+ gap: 0.5rem;
1684
+ }
1685
+ .checkbox-wrapper {
1686
+ text-wrap: nowrap;
1687
+ }
1688
+ .checkbox-wrapper input[type="checkbox"] {
1689
+ width: 1rem;
1690
+ height: 1rem;
1691
+ }
1692
+ .checkbox-wrapper input[type="checkbox"] {
1693
+ padding-left: 0px;
1694
+ padding-right: 0px;
1695
+ }
1696
+ .hint {
1697
+ font-size: 0.875rem;
1698
+ line-height: 1.25rem;
1699
+ }
1700
+ .hint {
1701
+ opacity: 0.5;
1702
+ }
1703
+ .button-group,
1704
+ .link-group {
1705
+ margin-bottom: 1rem;
1706
+ }
1707
+ .button-group,
1708
+ .link-group {
1709
+ display: grid;
1710
+ }
1711
+ .button-group,
1712
+ .link-group {
1713
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1714
+ }
1715
+ .button-group,
1716
+ .link-group {
1717
+ gap: 1rem;
1718
+ }
1719
+ .button-group label,
1720
+ .link-group label {
1721
+ font-weight: 400;
1722
+ }
1723
+ .button-group legend,
1724
+ .link-group legend {
1725
+ grid-column: span 6 / span 6;
1726
+ }
1727
+ .button-group legend,
1728
+ .link-group legend {
1729
+ width: -moz-fit-content;
1730
+ width: fit-content;
1731
+ }
1732
+ .button-group legend,
1733
+ .link-group legend {
1734
+ text-wrap: nowrap;
1735
+ }
1736
+ .button-group legend,
1737
+ .link-group legend {
1738
+ padding-bottom: 0.5rem;
1739
+ }
1740
+ .button-group legend,
1741
+ .link-group legend {
1742
+ font-size: 0.875rem;
1743
+ line-height: 1.25rem;
1744
+ }
1745
+ .button-group legend,
1746
+ .link-group legend {
1747
+ font-weight: 600;
1748
+ }
1749
+ .button-group div,
1750
+ .link-group div {
1751
+ grid-column: span 2 / span 2;
1752
+ }
1753
+ .button-group div,
1754
+ .link-group div {
1755
+ margin-bottom: 0px;
1756
+ }
1757
+ .no-margin {
1758
+ margin: 0px;
1759
+ }
1760
+ }
1761
+
1762
+ .inline-form {
1763
+ position: relative;
1764
+ svg {
1765
+ position: absolute;
1766
+ }
1767
+ svg {
1768
+ top: 0.625rem;
1769
+ }
1770
+ svg {
1771
+ left: 0.875rem;
1772
+ }
1773
+ svg {
1774
+ --tw-text-opacity: 1;
1775
+ color: rgb(163 163 163 / var(--tw-text-opacity));
1776
+ }
1777
+ input[type="search"] {
1778
+ border-radius: 0.25rem;
1779
+ }
1780
+ input[type="search"] {
1781
+ border-width: 1px;
1782
+ }
1783
+ input[type="search"] {
1784
+ --tw-border-opacity: 1;
1785
+ border-color: rgb(212 212 212 / var(--tw-border-opacity));
1786
+ }
1787
+ input[type="search"] {
1788
+ padding-left: 0px;
1789
+ padding-right: 0px;
1790
+ }
1791
+ input[type="search"] {
1792
+ padding-top: 0.375rem;
1793
+ padding-bottom: 0.375rem;
1794
+ }
1795
+ input[type="search"] {
1796
+ padding-left: 2rem;
1797
+ }
1798
+ }
1799
+
1800
+ /* Tables */
1801
+
1802
+ .data-grid {
1803
+ line-height: 1.5;
1804
+ --tw-text-opacity: 1;
1805
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1806
+ width: 100%;
1807
+ overflow: hidden;
1808
+ border-top-left-radius: 0.25rem;
1809
+ border-top-right-radius: 0.25rem;
1810
+ text-align: left;
1811
+ font-size: 0.875rem;
1812
+ line-height: 1.25rem;
1813
+ color: rgba(var(--foreground), 0.6);
1814
+ th,
1815
+ td {
1816
+ border-bottom-width: 1px;
1817
+ }
1818
+ th,
1819
+ td {
1820
+ --tw-border-opacity: 1;
1821
+ border-color: rgb(229 229 229 / var(--tw-border-opacity));
1822
+ }
1823
+ th,
1824
+ td {
1825
+ padding: 0.75rem;
1826
+ }
1827
+ th,
1828
+ td {
1829
+ line-height: 1;
1830
+ }
1831
+ th,
1832
+ td {
1833
+ transition-property: all;
1834
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1835
+ transition-duration: 150ms;
1836
+ }
1837
+ th,
1838
+ td {
1839
+ transition-duration: 100ms;
1840
+ }
1841
+ th,
1842
+ td {
1843
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1844
+ }
1845
+ th:where(.dark, .dark *),
1846
+ td:where(.dark, .dark *) {
1847
+ --tw-border-opacity: 1;
1848
+ border-color: rgb(64 64 64 / var(--tw-border-opacity));
1849
+ }
1850
+ th {
1851
+ border-bottom-width: 1px;
1852
+ }
1853
+ th {
1854
+ border-bottom-color: rgb(0 0 0 / 0.25);
1855
+ }
1856
+ th {
1857
+ --tw-text-opacity: 1;
1858
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1859
+ }
1860
+ th:where(.dark, .dark *) {
1861
+ border-bottom-color: rgb(255 255 255 / 0.4);
1862
+ }
1863
+ tbody {
1864
+ tr:hover {
1865
+ td {
1866
+ --tw-border-opacity: 1;
1867
+ border-color: rgb(212 212 212 / var(--tw-border-opacity));
1868
+ }
1869
+ td {
1870
+ --tw-bg-opacity: 1;
1871
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity));
1872
+ }
1873
+ td {
1874
+ --tw-text-opacity: 1;
1875
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1876
+ }
1877
+ td:where(.dark, .dark *) {
1878
+ --tw-border-opacity: 1;
1879
+ border-color: rgb(82 82 82 / var(--tw-border-opacity));
1880
+ }
1881
+ td:where(.dark, .dark *) {
1882
+ --tw-bg-opacity: 1;
1883
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity));
1884
+ }
1885
+ }
1886
+ }
1887
+ .btn-sort {
1888
+ display: inline-flex;
1889
+ }
1890
+ .btn-sort {
1891
+ align-items: center;
1892
+ }
1893
+ .btn-sort {
1894
+ gap: 0.375rem;
1895
+ }
1896
+ .btn-sort {
1897
+ --tw-text-opacity: 1;
1898
+ color: rgba(var(--foreground), var(--tw-text-opacity));
1899
+ }
1900
+ .btn-sort:hover {
1901
+ --tw-text-opacity: 1;
1902
+ color: rgba(var(--primary), var(--tw-text-opacity));
1903
+ }
1904
+ .btn-sort {
1905
+ svg {
1906
+ --tw-text-opacity: 1;
1907
+ color: rgb(163 163 163 / var(--tw-text-opacity));
1908
+ }
1909
+ &.is-active {
1910
+ svg {
1911
+ --tw-text-opacity: 1;
1912
+ color: rgb(0 0 0 / var(--tw-text-opacity));
1913
+ }
1914
+ }
1915
+ }
1916
+ .number {
1917
+ text-align: right;
1918
+ }
1919
+ .bool {
1920
+ text-align: center;
1921
+ }
1922
+ .bool {
1923
+ svg {
1924
+ display: inline-block;
1925
+ }
1926
+ }
1927
+ .with-icon {
1928
+ position: relative;
1929
+ }
1930
+ .with-icon {
1931
+ top: 0.125rem;
1932
+ }
1933
+ .with-icon {
1934
+ display: inline-flex;
1935
+ }
1936
+ .with-icon {
1937
+ align-items: center;
1938
+ }
1939
+ .with-icon {
1940
+ gap: 0.25rem;
1941
+ }
1942
+ .with-icon {
1943
+ line-height: 1;
1944
+ }
1945
+ .actions {
1946
+ width: 0.25rem;
1947
+ }
1948
+ .actions {
1949
+ white-space: nowrap;
1950
+ }
1951
+ &.alt {
1952
+ th {
1953
+ background-color: rgba(var(--primary), 0.15);
1954
+ }
1955
+ td {
1956
+ background-color: rgba(var(--primary), 0.05);
1957
+ }
1958
+ }
1959
+ }
1960
+
1961
+ /* Pagination */
1962
+
1963
+ .pagination {
1964
+ padding-top: 2rem;
1965
+ padding-bottom: 2rem;
1966
+ text-align: center;
1967
+ color: rgba(var(--foreground), 0.5);
1968
+ & > div {
1969
+ display: inline-flex;
1970
+ }
1971
+ & > div {
1972
+ align-items: center;
1973
+ }
1974
+ & > div {
1975
+ gap: 1rem;
1976
+ }
1977
+ input {
1978
+ margin-right: 0.25rem;
1979
+ }
1980
+ input {
1981
+ width: 5rem;
1982
+ }
1983
+ input {
1984
+ border-radius: 0.125rem;
1985
+ }
1986
+ input {
1987
+ border-width: 1px;
1988
+ }
1989
+ input {
1990
+ --tw-border-opacity: 1;
1991
+ border-color: rgb(212 212 212 / var(--tw-border-opacity));
1992
+ }
1993
+ input {
1994
+ text-align: right;
1995
+ }
1996
+ .is-inactive {
1997
+ cursor: not-allowed;
1998
+ }
1999
+ .is-inactive {
2000
+ opacity: 0.3;
2001
+ }
2002
+ .is-inactive:hover {
2003
+ --tw-text-opacity: 1;
2004
+ color: rgba(var(--primary), var(--tw-text-opacity));
2005
+ }
2006
+ }
2007
+
2008
+ /* Basic Layout */
2009
+
2010
+ .page-wrapper {
2011
+ width: 100%;
2012
+ padding-left: 1rem;
2013
+ padding-right: 1rem;
2014
+ }
2015
+
2016
+ .search-sidebar {
2017
+ min-height: 100vh;
2018
+ width: 400px;
2019
+ border-left-width: 1px;
2020
+ --tw-bg-opacity: 1;
2021
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity));
2022
+ padding: 1rem;
2023
+ }
2024
+
2025
+ .search-sidebar:where(.dark, .dark *) {
2026
+ --tw-border-opacity: 1;
2027
+ border-color: rgb(64 64 64 / var(--tw-border-opacity));
2028
+ background-color: rgb(38 38 38 / 0.7);
2029
+ }
2030
+
2031
+ .page-title {
2032
+ margin-top: 1.5rem;
2033
+ margin-bottom: 1.5rem;
2034
+ display: flex;
2035
+ align-items: center;
2036
+ justify-content: space-between;
2037
+ }
2038
+
2039
+ .actions-toolbar {
2040
+ display: flex;
2041
+ align-items: center;
2042
+ gap: 1rem;
2043
+ }
2044
+
2045
+ /* Dashboard specific */
2046
+
2047
+ .card-button {
2048
+ margin-bottom: 0.5rem;
2049
+ display: flex;
2050
+ max-width: 400px;
2051
+ align-items: center;
2052
+ gap: 0.5rem;
2053
+ border-radius: 0.25rem;
2054
+ border-width: 1px;
2055
+ padding: 1rem;
2056
+ font-weight: 600;
2057
+ --tw-text-opacity: 1;
2058
+ color: rgba(var(--primary), var(--tw-text-opacity));
2059
+ }
2060
+
2061
+ .card-button:hover {
2062
+ --tw-border-opacity: 1;
2063
+ border-color: rgba(var(--primary), var(--tw-border-opacity));
2064
+ background-color: rgba(var(--primary), 0.05);
2065
+ }
2066
+
2067
+ /* Hacks */
2068
+
2069
+ .unstyled-details {
2070
+ -webkit-appearance: none;
2071
+ -moz-appearance: none;
2072
+ appearance: none;
2073
+ .icon-toggle {
2074
+ transition-property: all;
2075
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2076
+ transition-duration: 150ms;
2077
+ }
2078
+ .icon-toggle {
2079
+ transition-duration: 300ms;
2080
+ }
2081
+ .icon-toggle {
2082
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2083
+ }
2084
+ }
2085
+
2086
+ .unstyled-details[open] {
2087
+ .icon-toggle {
2088
+ --tw-rotate: 180deg;
2089
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2090
+ }
2091
+ }
2092
+
2093
+ .unstyled-details summary {
2094
+ list-style: none;
2095
+ }
2096
+
2097
+ .unstyled-details summary::-webkit-details-marker {
2098
+ display: none;
2099
+ }
2100
+
2101
+ .pointer-events-none {
2102
+ pointer-events: none;
2103
+ }
2104
+
2105
+ .visible {
2106
+ visibility: visible;
2107
+ }
2108
+
2109
+ .collapse {
2110
+ visibility: collapse;
2111
+ }
2112
+
2113
+ .static {
2114
+ position: static;
2115
+ }
2116
+
2117
+ .fixed {
2118
+ position: fixed;
2119
+ }
2120
+
2121
+ .absolute {
2122
+ position: absolute;
2123
+ }
2124
+
2125
+ .relative {
2126
+ position: relative;
2127
+ }
2128
+
2129
+ .sticky {
2130
+ position: sticky;
2131
+ }
2132
+
2133
+ .-right-4 {
2134
+ right: -1rem;
2135
+ }
2136
+
2137
+ .-right-\[10px\] {
2138
+ right: -10px;
2139
+ }
2140
+
2141
+ .bottom-12 {
2142
+ bottom: 3rem;
2143
+ }
2144
+
2145
+ .end-1 {
2146
+ inset-inline-end: 0.25rem;
2147
+ }
2148
+
2149
+ .left-0 {
2150
+ left: 0px;
2151
+ }
2152
+
2153
+ .left-8 {
2154
+ left: 2rem;
2155
+ }
2156
+
2157
+ .right-0 {
2158
+ right: 0px;
2159
+ }
2160
+
2161
+ .right-4 {
2162
+ right: 1rem;
2163
+ }
2164
+
2165
+ .start-1 {
2166
+ inset-inline-start: 0.25rem;
2167
+ }
2168
+
2169
+ .top-0 {
2170
+ top: 0px;
2171
+ }
2172
+
2173
+ .top-0\.5 {
2174
+ top: 0.125rem;
2175
+ }
2176
+
2177
+ .top-6 {
2178
+ top: 1.5rem;
2179
+ }
2180
+
2181
+ .top-full {
2182
+ top: 100%;
2183
+ }
2184
+
2185
+ .z-10 {
2186
+ z-index: 10;
2187
+ }
2188
+
2189
+ .z-20 {
2190
+ z-index: 20;
2191
+ }
2192
+
2193
+ .m-1 {
2194
+ margin: 0.25rem;
2195
+ }
2196
+
2197
+ .-my-4 {
2198
+ margin-top: -1rem;
2199
+ margin-bottom: -1rem;
2200
+ }
2201
+
2202
+ .my-4 {
2203
+ margin-top: 1rem;
2204
+ margin-bottom: 1rem;
2205
+ }
2206
+
2207
+ .my-8 {
2208
+ margin-top: 2rem;
2209
+ margin-bottom: 2rem;
2210
+ }
2211
+
2212
+ .-mt-4 {
2213
+ margin-top: -1rem;
2214
+ }
2215
+
2216
+ .mb-0 {
2217
+ margin-bottom: 0px;
2218
+ }
2219
+
2220
+ .mb-0\.5 {
2221
+ margin-bottom: 0.125rem;
2222
+ }
2223
+
2224
+ .mb-1 {
2225
+ margin-bottom: 0.25rem;
2226
+ }
2227
+
2228
+ .mb-2 {
2229
+ margin-bottom: 0.5rem;
2230
+ }
2231
+
2232
+ .mb-3 {
2233
+ margin-bottom: 0.75rem;
2234
+ }
2235
+
2236
+ .mb-4 {
2237
+ margin-bottom: 1rem;
2238
+ }
2239
+
2240
+ .mb-6 {
2241
+ margin-bottom: 1.5rem;
2242
+ }
2243
+
2244
+ .ml-2 {
2245
+ margin-left: 0.5rem;
2246
+ }
2247
+
2248
+ .mr-1 {
2249
+ margin-right: 0.25rem;
2250
+ }
2251
+
2252
+ .mt-1 {
2253
+ margin-top: 0.25rem;
2254
+ }
2255
+
2256
+ .mt-2 {
2257
+ margin-top: 0.5rem;
2258
+ }
2259
+
2260
+ .mt-4 {
2261
+ margin-top: 1rem;
2262
+ }
2263
+
2264
+ .mt-8 {
2265
+ margin-top: 2rem;
2266
+ }
2267
+
2268
+ .block {
2269
+ display: block;
2270
+ }
2271
+
2272
+ .inline-block {
2273
+ display: inline-block;
2274
+ }
2275
+
2276
+ .inline {
2277
+ display: inline;
2278
+ }
2279
+
2280
+ .flex {
2281
+ display: flex;
2282
+ }
2283
+
2284
+ .inline-flex {
2285
+ display: inline-flex;
2286
+ }
2287
+
2288
+ .table {
2289
+ display: table;
2290
+ }
2291
+
2292
+ .table-caption {
2293
+ display: table-caption;
2294
+ }
2295
+
2296
+ .table-cell {
2297
+ display: table-cell;
2298
+ }
2299
+
2300
+ .table-column {
2301
+ display: table-column;
2302
+ }
2303
+
2304
+ .table-column-group {
2305
+ display: table-column-group;
2306
+ }
2307
+
2308
+ .table-footer-group {
2309
+ display: table-footer-group;
2310
+ }
2311
+
2312
+ .table-header-group {
2313
+ display: table-header-group;
2314
+ }
2315
+
2316
+ .table-row-group {
2317
+ display: table-row-group;
2318
+ }
2319
+
2320
+ .table-row {
2321
+ display: table-row;
2322
+ }
2323
+
2324
+ .grid {
2325
+ display: grid;
2326
+ }
2327
+
2328
+ .contents {
2329
+ display: contents;
2330
+ }
2331
+
2332
+ .list-item {
2333
+ display: list-item;
2334
+ }
2335
+
2336
+ .\!hidden {
2337
+ display: none !important;
2338
+ }
2339
+
2340
+ .hidden {
2341
+ display: none;
2342
+ }
2343
+
2344
+ .size-14 {
2345
+ width: 3.5rem;
2346
+ height: 3.5rem;
2347
+ }
2348
+
2349
+ .size-4 {
2350
+ width: 1rem;
2351
+ height: 1rem;
2352
+ }
2353
+
2354
+ .size-5 {
2355
+ width: 1.25rem;
2356
+ height: 1.25rem;
2357
+ }
2358
+
2359
+ .size-6 {
2360
+ width: 1.5rem;
2361
+ height: 1.5rem;
2362
+ }
2363
+
2364
+ .size-8 {
2365
+ width: 2rem;
2366
+ height: 2rem;
2367
+ }
2368
+
2369
+ .h-0 {
2370
+ height: 0px;
2371
+ }
2372
+
2373
+ .h-1 {
2374
+ height: 0.25rem;
2375
+ }
2376
+
2377
+ .h-2 {
2378
+ height: 0.5rem;
2379
+ }
2380
+
2381
+ .h-5 {
2382
+ height: 1.25rem;
2383
+ }
2384
+
2385
+ .h-9 {
2386
+ height: 2.25rem;
2387
+ }
2388
+
2389
+ .h-\[calc\(100vh-56px\)\] {
2390
+ height: calc(100vh - 56px);
2391
+ }
2392
+
2393
+ .h-full {
2394
+ height: 100%;
2395
+ }
2396
+
2397
+ .h-screen {
2398
+ height: 100vh;
2399
+ }
2400
+
2401
+ .\!max-h-fit {
2402
+ max-height: -moz-fit-content !important;
2403
+ max-height: fit-content !important;
2404
+ }
2405
+
2406
+ .max-h-screen {
2407
+ max-height: 100vh;
2408
+ }
2409
+
2410
+ .w-0 {
2411
+ width: 0px;
2412
+ }
2413
+
2414
+ .w-1 {
2415
+ width: 0.25rem;
2416
+ }
2417
+
2418
+ .w-1\/2 {
2419
+ width: 50%;
2420
+ }
2421
+
2422
+ .w-16 {
2423
+ width: 4rem;
2424
+ }
2425
+
2426
+ .w-48 {
2427
+ width: 12rem;
2428
+ }
2429
+
2430
+ .w-5 {
2431
+ width: 1.25rem;
2432
+ }
2433
+
2434
+ .w-9 {
2435
+ width: 2.25rem;
2436
+ }
2437
+
2438
+ .w-\[250px\] {
2439
+ width: 250px;
2440
+ }
2441
+
2442
+ .w-\[500px\] {
2443
+ width: 500px;
2444
+ }
2445
+
2446
+ .w-\[96px\] {
2447
+ width: 96px;
2448
+ }
2449
+
2450
+ .w-full {
2451
+ width: 100%;
2452
+ }
2453
+
2454
+ .flex-none {
2455
+ flex: none;
2456
+ }
2457
+
2458
+ .grow {
2459
+ flex-grow: 1;
2460
+ }
2461
+
2462
+ .rotate-180 {
2463
+ --tw-rotate: 180deg;
2464
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2465
+ }
2466
+
2467
+ .transform {
2468
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2469
+ }
2470
+
2471
+ .cursor-not-allowed {
2472
+ cursor: not-allowed;
2473
+ }
2474
+
2475
+ .cursor-pointer {
2476
+ cursor: pointer;
2477
+ }
2478
+
2479
+ .resize {
2480
+ resize: both;
2481
+ }
2482
+
2483
+ .flex-col {
2484
+ flex-direction: column;
2485
+ }
2486
+
2487
+ .flex-wrap {
2488
+ flex-wrap: wrap;
2489
+ }
2490
+
2491
+ .items-start {
2492
+ align-items: flex-start;
2493
+ }
2494
+
2495
+ .items-center {
2496
+ align-items: center;
2497
+ }
2498
+
2499
+ .justify-end {
2500
+ justify-content: flex-end;
2501
+ }
2502
+
2503
+ .justify-center {
2504
+ justify-content: center;
2505
+ }
2506
+
2507
+ .justify-between {
2508
+ justify-content: space-between;
2509
+ }
2510
+
2511
+ .gap-1 {
2512
+ gap: 0.25rem;
2513
+ }
2514
+
2515
+ .gap-2 {
2516
+ gap: 0.5rem;
2517
+ }
2518
+
2519
+ .gap-3 {
2520
+ gap: 0.75rem;
2521
+ }
2522
+
2523
+ .gap-4 {
2524
+ gap: 1rem;
2525
+ }
2526
+
2527
+ .overflow-hidden {
2528
+ overflow: hidden;
2529
+ }
2530
+
2531
+ .overflow-y-auto {
2532
+ overflow-y: auto;
2533
+ }
2534
+
2535
+ .truncate {
2536
+ overflow: hidden;
2537
+ text-overflow: ellipsis;
2538
+ white-space: nowrap;
2539
+ }
2540
+
2541
+ .whitespace-nowrap {
2542
+ white-space: nowrap;
2543
+ }
2544
+
2545
+ .rounded {
2546
+ border-radius: 0.25rem;
2547
+ }
2548
+
2549
+ .rounded-\[50px\] {
2550
+ border-radius: 50px;
2551
+ }
2552
+
2553
+ .rounded-full {
2554
+ border-radius: 9999px;
2555
+ }
2556
+
2557
+ .rounded-l {
2558
+ border-top-left-radius: 0.25rem;
2559
+ border-bottom-left-radius: 0.25rem;
2560
+ }
2561
+
2562
+ .border {
2563
+ border-width: 1px;
2564
+ }
2565
+
2566
+ .border-\[2px\] {
2567
+ border-width: 2px;
2568
+ }
2569
+
2570
+ .border-b {
2571
+ border-bottom-width: 1px;
2572
+ }
2573
+
2574
+ .border-b-2 {
2575
+ border-bottom-width: 2px;
2576
+ }
2577
+
2578
+ .border-b-\[28px\] {
2579
+ border-bottom-width: 28px;
2580
+ }
2581
+
2582
+ .border-l-\[10px\] {
2583
+ border-left-width: 10px;
2584
+ }
2585
+
2586
+ .border-t {
2587
+ border-top-width: 1px;
2588
+ }
2589
+
2590
+ .border-t-\[28px\] {
2591
+ border-top-width: 28px;
2592
+ }
2593
+
2594
+ .border-mono-25 {
2595
+ --tw-border-opacity: 1;
2596
+ border-color: rgb(234 234 234 / var(--tw-border-opacity));
2597
+ }
2598
+
2599
+ .border-mono-purple-25 {
2600
+ --tw-border-opacity: 1;
2601
+ border-color: rgb(240 240 248 / var(--tw-border-opacity));
2602
+ }
2603
+
2604
+ .border-neutral-300 {
2605
+ --tw-border-opacity: 1;
2606
+ border-color: rgb(212 212 212 / var(--tw-border-opacity));
2607
+ }
2608
+
2609
+ .border-raketa-primary {
2610
+ --tw-border-opacity: 1;
2611
+ border-color: rgba(var(--primary), var(--tw-border-opacity));
2612
+ }
2613
+
2614
+ .border-transparent {
2615
+ border-color: transparent;
2616
+ }
2617
+
2618
+ .border-b-transparent {
2619
+ border-bottom-color: transparent;
2620
+ }
2621
+
2622
+ .border-l-raketa-primary {
2623
+ --tw-border-opacity: 1;
2624
+ border-left-color: rgba(var(--primary), var(--tw-border-opacity));
2625
+ }
2626
+
2627
+ .border-t-transparent {
2628
+ border-top-color: transparent;
2629
+ }
2630
+
2631
+ .bg-black {
2632
+ --tw-bg-opacity: 1;
2633
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2634
+ }
2635
+
2636
+ .bg-orange-100 {
2637
+ --tw-bg-opacity: 1;
2638
+ background-color: rgb(255 237 213 / var(--tw-bg-opacity));
2639
+ }
2640
+
2641
+ .bg-raketa-background {
2642
+ --tw-bg-opacity: 1;
2643
+ background-color: rgba(var(--background), var(--tw-bg-opacity));
2644
+ }
2645
+
2646
+ .bg-raketa-background\/50 {
2647
+ background-color: rgba(var(--background), 0.5);
2648
+ }
2649
+
2650
+ .bg-raketa-primary {
2651
+ --tw-bg-opacity: 1;
2652
+ background-color: rgba(var(--primary), var(--tw-bg-opacity));
2653
+ }
2654
+
2655
+ .bg-raketa-primary\/5 {
2656
+ background-color: rgba(var(--primary), 0.05);
2657
+ }
2658
+
2659
+ .bg-white {
2660
+ --tw-bg-opacity: 1;
2661
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2662
+ }
2663
+
2664
+ .fill-\[\#34a853\] {
2665
+ fill: #34a853;
2666
+ }
2667
+
2668
+ .fill-\[\#4285f4\] {
2669
+ fill: #4285f4;
2670
+ }
2671
+
2672
+ .fill-\[\#ea4335\] {
2673
+ fill: #ea4335;
2674
+ }
2675
+
2676
+ .fill-\[\#fbbc05\] {
2677
+ fill: #fbbc05;
2678
+ }
2679
+
2680
+ .p-1 {
2681
+ padding: 0.25rem;
2682
+ }
2683
+
2684
+ .p-2 {
2685
+ padding: 0.5rem;
2686
+ }
2687
+
2688
+ .p-2\.5 {
2689
+ padding: 0.625rem;
2690
+ }
2691
+
2692
+ .p-4 {
2693
+ padding: 1rem;
2694
+ }
2695
+
2696
+ .px-4 {
2697
+ padding-left: 1rem;
2698
+ padding-right: 1rem;
2699
+ }
2700
+
2701
+ .px-5 {
2702
+ padding-left: 1.25rem;
2703
+ padding-right: 1.25rem;
2704
+ }
2705
+
2706
+ .px-6 {
2707
+ padding-left: 1.5rem;
2708
+ padding-right: 1.5rem;
2709
+ }
2710
+
2711
+ .py-2 {
2712
+ padding-top: 0.5rem;
2713
+ padding-bottom: 0.5rem;
2714
+ }
2715
+
2716
+ .py-4 {
2717
+ padding-top: 1rem;
2718
+ padding-bottom: 1rem;
2719
+ }
2720
+
2721
+ .pb-4 {
2722
+ padding-bottom: 1rem;
2723
+ }
2724
+
2725
+ .pb-8 {
2726
+ padding-bottom: 2rem;
2727
+ }
2728
+
2729
+ .pl-12 {
2730
+ padding-left: 3rem;
2731
+ }
2732
+
2733
+ .pl-2 {
2734
+ padding-left: 0.5rem;
2735
+ }
2736
+
2737
+ .pl-8 {
2738
+ padding-left: 2rem;
2739
+ }
2740
+
2741
+ .pr-8 {
2742
+ padding-right: 2rem;
2743
+ }
2744
+
2745
+ .pt-1 {
2746
+ padding-top: 0.25rem;
2747
+ }
2748
+
2749
+ .text-center {
2750
+ text-align: center;
2751
+ }
2752
+
2753
+ .text-3xl {
2754
+ font-size: 1.875rem;
2755
+ line-height: 2.25rem;
2756
+ }
2757
+
2758
+ .text-sm {
2759
+ font-size: 0.875rem;
2760
+ line-height: 1.25rem;
2761
+ }
2762
+
2763
+ .font-bold {
2764
+ font-weight: 700;
2765
+ }
2766
+
2767
+ .font-medium {
2768
+ font-weight: 500;
2769
+ }
2770
+
2771
+ .font-semibold {
2772
+ font-weight: 600;
2773
+ }
2774
+
2775
+ .uppercase {
2776
+ text-transform: uppercase;
2777
+ }
2778
+
2779
+ .lowercase {
2780
+ text-transform: lowercase;
2781
+ }
2782
+
2783
+ .capitalize {
2784
+ text-transform: capitalize;
2785
+ }
2786
+
2787
+ .italic {
2788
+ font-style: italic;
2789
+ }
2790
+
2791
+ .tracking-wider {
2792
+ letter-spacing: 0.05em;
2793
+ }
2794
+
2795
+ .text-\[\#3c4043\] {
2796
+ --tw-text-opacity: 1;
2797
+ color: rgb(60 64 67 / var(--tw-text-opacity));
2798
+ }
2799
+
2800
+ .text-emerald-600 {
2801
+ --tw-text-opacity: 1;
2802
+ color: rgb(5 150 105 / var(--tw-text-opacity));
2803
+ }
2804
+
2805
+ .text-gray-400 {
2806
+ --tw-text-opacity: 1;
2807
+ color: rgb(156 163 175 / var(--tw-text-opacity));
2808
+ }
2809
+
2810
+ .text-orange-700 {
2811
+ --tw-text-opacity: 1;
2812
+ color: rgb(194 65 12 / var(--tw-text-opacity));
2813
+ }
2814
+
2815
+ .text-raketa-foreground {
2816
+ --tw-text-opacity: 1;
2817
+ color: rgba(var(--foreground), var(--tw-text-opacity));
2818
+ }
2819
+
2820
+ .text-raketa-foreground\/30 {
2821
+ color: rgba(var(--foreground), 0.3);
2822
+ }
2823
+
2824
+ .text-raketa-foreground\/50 {
2825
+ color: rgba(var(--foreground), 0.5);
2826
+ }
2827
+
2828
+ .text-raketa-primary {
2829
+ --tw-text-opacity: 1;
2830
+ color: rgba(var(--primary), var(--tw-text-opacity));
2831
+ }
2832
+
2833
+ .text-red-500 {
2834
+ --tw-text-opacity: 1;
2835
+ color: rgb(239 68 68 / var(--tw-text-opacity));
2836
+ }
2837
+
2838
+ .text-red-600 {
2839
+ --tw-text-opacity: 1;
2840
+ color: rgb(220 38 38 / var(--tw-text-opacity));
2841
+ }
2842
+
2843
+ .text-rose-600 {
2844
+ --tw-text-opacity: 1;
2845
+ color: rgb(225 29 72 / var(--tw-text-opacity));
2846
+ }
2847
+
2848
+ .text-white {
2849
+ --tw-text-opacity: 1;
2850
+ color: rgb(255 255 255 / var(--tw-text-opacity));
2851
+ }
2852
+
2853
+ .opacity-0 {
2854
+ opacity: 0;
2855
+ }
2856
+
2857
+ .opacity-10 {
2858
+ opacity: 0.1;
2859
+ }
2860
+
2861
+ .opacity-100 {
2862
+ opacity: 1;
2863
+ }
2864
+
2865
+ .opacity-50 {
2866
+ opacity: 0.5;
2867
+ }
2868
+
2869
+ .opacity-60 {
2870
+ opacity: 0.6;
2871
+ }
2872
+
2873
+ .shadow {
2874
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2875
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2876
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2877
+ }
2878
+
2879
+ .shadow-lg {
2880
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2881
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2882
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2883
+ }
2884
+
2885
+ .shadow-md {
2886
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2887
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2888
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2889
+ }
2890
+
2891
+ .ring {
2892
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2893
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2894
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2895
+ }
2896
+
2897
+ .blur {
2898
+ --tw-blur: blur(8px);
2899
+ 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);
2900
+ }
2901
+
2902
+ .filter {
2903
+ 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);
2904
+ }
2905
+
2906
+ .transition-all {
2907
+ transition-property: all;
2908
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2909
+ transition-duration: 150ms;
2910
+ }
2911
+
2912
+ .duration-150 {
2913
+ transition-duration: 150ms;
2914
+ }
2915
+
2916
+ .duration-300 {
2917
+ transition-duration: 300ms;
2918
+ }
2919
+
2920
+ .ease-in-out {
2921
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2922
+ }
2923
+
2924
+ .\[a-zA-Z0-9\:\\\\-\\\\\._\$\] {
2925
+ a-z-a--z0-9: \\-\\. $;
2926
+ }
2927
+
2928
+ :root {
2929
+ --background: 255, 255, 255;
2930
+ --foreground: 0, 0, 0;
2931
+ --primary: 91, 95, 198;
2932
+ --primary-dark: var(--primary);
2933
+ }
2934
+
2935
+ /*
2936
+ @media (prefers-color-scheme: dark) {
2937
+ :root {
2938
+ --foreground: 255, 255, 255;
2939
+ --background: 21, 21, 21;
2940
+ --primary: 130, 133, 212;
2941
+ }
2942
+ }
2943
+ */
2944
+
2945
+ body {
2946
+ --tw-bg-opacity: 1;
2947
+ background-color: rgba(var(--background), var(--tw-bg-opacity));
2948
+ --tw-text-opacity: 1;
2949
+ color: rgba(var(--foreground), var(--tw-text-opacity));
2950
+ }
2951
+
2952
+ .markdown {
2953
+ color: var(--tw-prose-body);
2954
+ max-width: 65ch;
2955
+ }
2956
+
2957
+ .markdown :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
2958
+ margin-top: 1.25em;
2959
+ margin-bottom: 1.25em;
2960
+ }
2961
+
2962
+ .markdown :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
2963
+ color: var(--tw-prose-lead);
2964
+ font-size: 1.25em;
2965
+ line-height: 1.6;
2966
+ margin-top: 1.2em;
2967
+ margin-bottom: 1.2em;
2968
+ }
2969
+
2970
+ .markdown :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
2971
+ color: var(--tw-prose-links);
2972
+ text-decoration: underline;
2973
+ font-weight: 500;
2974
+ }
2975
+
2976
+ .markdown :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
2977
+ color: var(--tw-prose-bold);
2978
+ font-weight: 600;
2979
+ }
2980
+
2981
+ .markdown :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
2982
+ color: inherit;
2983
+ }
2984
+
2985
+ .markdown :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
2986
+ color: inherit;
2987
+ }
2988
+
2989
+ .markdown :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
2990
+ color: inherit;
2991
+ }
2992
+
2993
+ .markdown :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
2994
+ list-style-type: decimal;
2995
+ margin-top: 1.25em;
2996
+ margin-bottom: 1.25em;
2997
+ padding-inline-start: 1.625em;
2998
+ }
2999
+
3000
+ .markdown :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3001
+ list-style-type: upper-alpha;
3002
+ }
3003
+
3004
+ .markdown :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3005
+ list-style-type: lower-alpha;
3006
+ }
3007
+
3008
+ .markdown :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3009
+ list-style-type: upper-alpha;
3010
+ }
3011
+
3012
+ .markdown :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3013
+ list-style-type: lower-alpha;
3014
+ }
3015
+
3016
+ .markdown :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3017
+ list-style-type: upper-roman;
3018
+ }
3019
+
3020
+ .markdown :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3021
+ list-style-type: lower-roman;
3022
+ }
3023
+
3024
+ .markdown :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3025
+ list-style-type: upper-roman;
3026
+ }
3027
+
3028
+ .markdown :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3029
+ list-style-type: lower-roman;
3030
+ }
3031
+
3032
+ .markdown :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3033
+ list-style-type: decimal;
3034
+ }
3035
+
3036
+ .markdown :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3037
+ list-style-type: disc;
3038
+ margin-top: 1.25em;
3039
+ margin-bottom: 1.25em;
3040
+ padding-inline-start: 1.625em;
3041
+ }
3042
+
3043
+ .markdown :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
3044
+ font-weight: 400;
3045
+ color: var(--tw-prose-counters);
3046
+ }
3047
+
3048
+ .markdown :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
3049
+ color: var(--tw-prose-bullets);
3050
+ }
3051
+
3052
+ .markdown :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3053
+ color: var(--tw-prose-headings);
3054
+ font-weight: 600;
3055
+ margin-top: 1.25em;
3056
+ }
3057
+
3058
+ .markdown :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3059
+ border-color: var(--tw-prose-hr);
3060
+ border-top-width: 1px;
3061
+ margin-top: 3em;
3062
+ margin-bottom: 3em;
3063
+ }
3064
+
3065
+ .markdown :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3066
+ font-weight: 500;
3067
+ font-style: italic;
3068
+ color: var(--tw-prose-quotes);
3069
+ border-inline-start-width: 0.25rem;
3070
+ border-inline-start-color: var(--tw-prose-quote-borders);
3071
+ quotes: "\201C""\201D""\2018""\2019";
3072
+ margin-top: 1.6em;
3073
+ margin-bottom: 1.6em;
3074
+ padding-inline-start: 1em;
3075
+ }
3076
+
3077
+ .markdown :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
3078
+ content: open-quote;
3079
+ }
3080
+
3081
+ .markdown :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
3082
+ content: close-quote;
3083
+ }
3084
+
3085
+ .markdown :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3086
+ color: var(--tw-prose-headings);
3087
+ font-weight: 800;
3088
+ font-size: 2.25em;
3089
+ margin-top: 0;
3090
+ margin-bottom: 0.8888889em;
3091
+ line-height: 1.1111111;
3092
+ }
3093
+
3094
+ .markdown :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3095
+ font-weight: 900;
3096
+ color: inherit;
3097
+ }
3098
+
3099
+ .markdown :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3100
+ color: var(--tw-prose-headings);
3101
+ font-weight: 700;
3102
+ font-size: 1.5em;
3103
+ margin-top: 2em;
3104
+ margin-bottom: 1em;
3105
+ line-height: 1.3333333;
3106
+ }
3107
+
3108
+ .markdown :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3109
+ font-weight: 800;
3110
+ color: inherit;
3111
+ }
3112
+
3113
+ .markdown :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3114
+ color: var(--tw-prose-headings);
3115
+ font-weight: 600;
3116
+ font-size: 1.25em;
3117
+ margin-top: 1.6em;
3118
+ margin-bottom: 0.6em;
3119
+ line-height: 1.6;
3120
+ }
3121
+
3122
+ .markdown :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3123
+ font-weight: 700;
3124
+ color: inherit;
3125
+ }
3126
+
3127
+ .markdown :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3128
+ color: var(--tw-prose-headings);
3129
+ font-weight: 600;
3130
+ margin-top: 1.5em;
3131
+ margin-bottom: 0.5em;
3132
+ line-height: 1.5;
3133
+ }
3134
+
3135
+ .markdown :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3136
+ font-weight: 700;
3137
+ color: inherit;
3138
+ }
3139
+
3140
+ .markdown :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3141
+ margin-top: 2em;
3142
+ margin-bottom: 2em;
3143
+ }
3144
+
3145
+ .markdown :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3146
+ display: block;
3147
+ margin-top: 2em;
3148
+ margin-bottom: 2em;
3149
+ }
3150
+
3151
+ .markdown :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3152
+ margin-top: 2em;
3153
+ margin-bottom: 2em;
3154
+ }
3155
+
3156
+ .markdown :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3157
+ font-weight: 500;
3158
+ font-family: inherit;
3159
+ color: var(--tw-prose-kbd);
3160
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
3161
+ font-size: 0.875em;
3162
+ border-radius: 0.3125rem;
3163
+ padding-top: 0.1875em;
3164
+ padding-inline-end: 0.375em;
3165
+ padding-bottom: 0.1875em;
3166
+ padding-inline-start: 0.375em;
3167
+ }
3168
+
3169
+ .markdown :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3170
+ color: var(--tw-prose-code);
3171
+ font-weight: 600;
3172
+ font-size: 0.875em;
3173
+ }
3174
+
3175
+ .markdown :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
3176
+ content: "`";
3177
+ }
3178
+
3179
+ .markdown :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
3180
+ content: "`";
3181
+ }
3182
+
3183
+ .markdown :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3184
+ color: inherit;
3185
+ }
3186
+
3187
+ .markdown :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3188
+ color: inherit;
3189
+ }
3190
+
3191
+ .markdown :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3192
+ color: inherit;
3193
+ font-size: 0.875em;
3194
+ }
3195
+
3196
+ .markdown :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3197
+ color: inherit;
3198
+ font-size: 0.9em;
3199
+ }
3200
+
3201
+ .markdown :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3202
+ color: inherit;
3203
+ }
3204
+
3205
+ .markdown :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3206
+ color: inherit;
3207
+ }
3208
+
3209
+ .markdown :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3210
+ color: inherit;
3211
+ }
3212
+
3213
+ .markdown :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3214
+ color: var(--tw-prose-pre-code);
3215
+ background-color: var(--tw-prose-pre-bg);
3216
+ overflow-x: auto;
3217
+ font-weight: 400;
3218
+ font-size: 0.875em;
3219
+ line-height: 1.7142857;
3220
+ margin-top: 1.7142857em;
3221
+ margin-bottom: 1.7142857em;
3222
+ border-radius: 0.375rem;
3223
+ padding-top: 0.8571429em;
3224
+ padding-inline-end: 1.1428571em;
3225
+ padding-bottom: 0.8571429em;
3226
+ padding-inline-start: 1.1428571em;
3227
+ }
3228
+
3229
+ .markdown :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3230
+ background-color: transparent;
3231
+ border-width: 0;
3232
+ border-radius: 0;
3233
+ padding: 0;
3234
+ font-weight: inherit;
3235
+ color: inherit;
3236
+ font-size: inherit;
3237
+ font-family: inherit;
3238
+ line-height: inherit;
3239
+ }
3240
+
3241
+ .markdown :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
3242
+ content: none;
3243
+ }
3244
+
3245
+ .markdown :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
3246
+ content: none;
3247
+ }
3248
+
3249
+ .markdown :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3250
+ width: 100%;
3251
+ table-layout: auto;
3252
+ text-align: start;
3253
+ margin-top: 2em;
3254
+ margin-bottom: 2em;
3255
+ font-size: 0.875em;
3256
+ line-height: 1.7142857;
3257
+ }
3258
+
3259
+ .markdown :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3260
+ border-bottom-width: 1px;
3261
+ border-bottom-color: var(--tw-prose-th-borders);
3262
+ }
3263
+
3264
+ .markdown :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3265
+ color: var(--tw-prose-headings);
3266
+ font-weight: 600;
3267
+ vertical-align: bottom;
3268
+ padding-inline-end: 0.5714286em;
3269
+ padding-bottom: 0.5714286em;
3270
+ padding-inline-start: 0.5714286em;
3271
+ }
3272
+
3273
+ .markdown :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3274
+ border-bottom-width: 1px;
3275
+ border-bottom-color: var(--tw-prose-td-borders);
3276
+ }
3277
+
3278
+ .markdown :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3279
+ border-bottom-width: 0;
3280
+ }
3281
+
3282
+ .markdown :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3283
+ vertical-align: baseline;
3284
+ }
3285
+
3286
+ .markdown :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3287
+ border-top-width: 1px;
3288
+ border-top-color: var(--tw-prose-th-borders);
3289
+ }
3290
+
3291
+ .markdown :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3292
+ vertical-align: top;
3293
+ }
3294
+
3295
+ .markdown :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3296
+ margin-top: 0;
3297
+ margin-bottom: 0;
3298
+ }
3299
+
3300
+ .markdown :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3301
+ color: var(--tw-prose-captions);
3302
+ font-size: 0.875em;
3303
+ line-height: 1.4285714;
3304
+ margin-top: 0.8571429em;
3305
+ }
3306
+
3307
+ .markdown {
3308
+ --tw-prose-body: #374151;
3309
+ --tw-prose-headings: #111827;
3310
+ --tw-prose-lead: #4b5563;
3311
+ --tw-prose-links: #111827;
3312
+ --tw-prose-bold: #111827;
3313
+ --tw-prose-counters: #6b7280;
3314
+ --tw-prose-bullets: #d1d5db;
3315
+ --tw-prose-hr: #e5e7eb;
3316
+ --tw-prose-quotes: #111827;
3317
+ --tw-prose-quote-borders: #e5e7eb;
3318
+ --tw-prose-captions: #6b7280;
3319
+ --tw-prose-kbd: #111827;
3320
+ --tw-prose-kbd-shadows: 17 24 39;
3321
+ --tw-prose-code: #111827;
3322
+ --tw-prose-pre-code: #e5e7eb;
3323
+ --tw-prose-pre-bg: #1f2937;
3324
+ --tw-prose-th-borders: #d1d5db;
3325
+ --tw-prose-td-borders: #e5e7eb;
3326
+ --tw-prose-invert-body: #d1d5db;
3327
+ --tw-prose-invert-headings: #fff;
3328
+ --tw-prose-invert-lead: #9ca3af;
3329
+ --tw-prose-invert-links: #fff;
3330
+ --tw-prose-invert-bold: #fff;
3331
+ --tw-prose-invert-counters: #9ca3af;
3332
+ --tw-prose-invert-bullets: #4b5563;
3333
+ --tw-prose-invert-hr: #374151;
3334
+ --tw-prose-invert-quotes: #f3f4f6;
3335
+ --tw-prose-invert-quote-borders: #374151;
3336
+ --tw-prose-invert-captions: #9ca3af;
3337
+ --tw-prose-invert-kbd: #fff;
3338
+ --tw-prose-invert-kbd-shadows: 255 255 255;
3339
+ --tw-prose-invert-code: #fff;
3340
+ --tw-prose-invert-pre-code: #d1d5db;
3341
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
3342
+ --tw-prose-invert-th-borders: #4b5563;
3343
+ --tw-prose-invert-td-borders: #374151;
3344
+ font-size: 1rem;
3345
+ line-height: 1.75;
3346
+ }
3347
+
3348
+ .markdown :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3349
+ margin-top: 0;
3350
+ margin-bottom: 0;
3351
+ }
3352
+
3353
+ .markdown :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3354
+ margin-top: 0.5em;
3355
+ margin-bottom: 0.5em;
3356
+ }
3357
+
3358
+ .markdown :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3359
+ padding-inline-start: 0.375em;
3360
+ }
3361
+
3362
+ .markdown :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3363
+ padding-inline-start: 0.375em;
3364
+ }
3365
+
3366
+ .markdown :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3367
+ margin-top: 0.75em;
3368
+ margin-bottom: 0.75em;
3369
+ }
3370
+
3371
+ .markdown :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3372
+ margin-top: 1.25em;
3373
+ }
3374
+
3375
+ .markdown :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3376
+ margin-bottom: 1.25em;
3377
+ }
3378
+
3379
+ .markdown :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3380
+ margin-top: 1.25em;
3381
+ }
3382
+
3383
+ .markdown :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3384
+ margin-bottom: 1.25em;
3385
+ }
3386
+
3387
+ .markdown :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3388
+ margin-top: 0.75em;
3389
+ margin-bottom: 0.75em;
3390
+ }
3391
+
3392
+ .markdown :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3393
+ margin-top: 1.25em;
3394
+ margin-bottom: 1.25em;
3395
+ }
3396
+
3397
+ .markdown :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3398
+ margin-top: 0.5em;
3399
+ padding-inline-start: 1.625em;
3400
+ }
3401
+
3402
+ .markdown :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3403
+ margin-top: 0;
3404
+ }
3405
+
3406
+ .markdown :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3407
+ margin-top: 0;
3408
+ }
3409
+
3410
+ .markdown :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3411
+ margin-top: 0;
3412
+ }
3413
+
3414
+ .markdown :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3415
+ margin-top: 0;
3416
+ }
3417
+
3418
+ .markdown :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3419
+ padding-inline-start: 0;
3420
+ }
3421
+
3422
+ .markdown :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3423
+ padding-inline-end: 0;
3424
+ }
3425
+
3426
+ .markdown :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3427
+ padding-top: 0.5714286em;
3428
+ padding-inline-end: 0.5714286em;
3429
+ padding-bottom: 0.5714286em;
3430
+ padding-inline-start: 0.5714286em;
3431
+ }
3432
+
3433
+ .markdown :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3434
+ padding-inline-start: 0;
3435
+ }
3436
+
3437
+ .markdown :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3438
+ padding-inline-end: 0;
3439
+ }
3440
+
3441
+ .markdown :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3442
+ margin-top: 2em;
3443
+ margin-bottom: 2em;
3444
+ }
3445
+
3446
+ .markdown :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3447
+ margin-top: 0;
3448
+ }
3449
+
3450
+ .markdown :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
3451
+ margin-bottom: 0;
3452
+ }
3453
+
3454
+ .markdown {
3455
+ font-size: 0.875rem;
3456
+ line-height: 1.25rem;
3457
+ --tw-text-opacity: 1;
3458
+ color: rgba(var(--foreground), var(--tw-text-opacity));
3459
+ }
3460
+
3461
+ .space-the-final-frontier {
3462
+ position: fixed;
3463
+ top: 50%;
3464
+ left: 50%;
3465
+ height: 1px;
3466
+ width: 1px;
3467
+ background-color: #fff;
3468
+ border-radius: 50%;
3469
+ box-shadow:
3470
+ -42vw -4vh 0px 0px #fff,
3471
+ 25vw -41vh 0px 0px #fff,
3472
+ -20vw 49vh 0px 1px #fff,
3473
+ 5vw 40vh 1px 1px #fff,
3474
+ 29vw 19vh 1px 0px #fff,
3475
+ -44vw -13vh 0px 0px #fff,
3476
+ 46vw 41vh 0px 1px #fff,
3477
+ -3vw -45vh 0px 1px #fff,
3478
+ 47vw 35vh 1px 0px #fff,
3479
+ 12vw -8vh 1px 0px #fff,
3480
+ -34vw 48vh 1px 1px #fff,
3481
+ 32vw 26vh 1px 1px #fff,
3482
+ 32vw -41vh 1px 1px #fff,
3483
+ 0vw 37vh 1px 1px #fff,
3484
+ 34vw -26vh 1px 0px #fff,
3485
+ -14vw -49vh 1px 0px #fff,
3486
+ -12vw 45vh 0px 1px #fff,
3487
+ -44vw -33vh 0px 1px #fff,
3488
+ -13vw 41vh 0px 0px #fff,
3489
+ -36vw -11vh 0px 1px #fff,
3490
+ -23vw -24vh 1px 0px #fff,
3491
+ -38vw -27vh 0px 1px #fff,
3492
+ 16vw -19vh 0px 0px #fff,
3493
+ 28vw 33vh 1px 0px #fff,
3494
+ -49vw -4vh 0px 0px #fff,
3495
+ 16vw 32vh 0px 1px #fff,
3496
+ 36vw -18vh 1px 0px #fff,
3497
+ -25vw -30vh 1px 0px #fff,
3498
+ -23vw 24vh 0px 1px #fff,
3499
+ -2vw -35vh 1px 1px #fff,
3500
+ -25vw 9vh 0px 0px #fff,
3501
+ -15vw -34vh 0px 0px #fff,
3502
+ -8vw -19vh 1px 0px #fff,
3503
+ -20vw -20vh 1px 1px #fff,
3504
+ 42vw 50vh 0px 1px #fff,
3505
+ -32vw 10vh 1px 0px #fff,
3506
+ -23vw -17vh 0px 0px #fff,
3507
+ 44vw 15vh 1px 0px #fff,
3508
+ -40vw 33vh 1px 1px #fff,
3509
+ -43vw 8vh 0px 0px #fff,
3510
+ -48vw -15vh 1px 1px #fff,
3511
+ -24vw 17vh 0px 0px #fff,
3512
+ -31vw 50vh 1px 0px #fff,
3513
+ 36vw -38vh 0px 1px #fff,
3514
+ -7vw 48vh 0px 0px #fff,
3515
+ 15vw -32vh 0px 0px #fff,
3516
+ 29vw -41vh 0px 0px #fff,
3517
+ 2vw 37vh 1px 0px #fff,
3518
+ 7vw -40vh 1px 1px #fff,
3519
+ 15vw 18vh 0px 0px #fff,
3520
+ 25vw -13vh 1px 1px #fff,
3521
+ -46vw -12vh 1px 1px #fff,
3522
+ -18vw 22vh 0px 0px #fff,
3523
+ 23vw -9vh 1px 0px #fff,
3524
+ 50vw 12vh 0px 1px #fff,
3525
+ 45vw 2vh 0px 0px #fff,
3526
+ 14vw -48vh 1px 0px #fff,
3527
+ 23vw 43vh 0px 1px #fff,
3528
+ -40vw 16vh 1px 1px #fff,
3529
+ 20vw -31vh 0px 1px #fff,
3530
+ -17vw 44vh 1px 1px #fff,
3531
+ 18vw -45vh 0px 0px #fff,
3532
+ 33vw -6vh 0px 0px #fff,
3533
+ 0vw 7vh 0px 1px #fff,
3534
+ -10vw -18vh 0px 1px #fff,
3535
+ -19vw 5vh 1px 0px #fff,
3536
+ 1vw 42vh 0px 0px #fff,
3537
+ 22vw 48vh 0px 1px #fff,
3538
+ 39vw -8vh 1px 1px #fff,
3539
+ -6vw -42vh 1px 0px #fff,
3540
+ -47vw 34vh 0px 0px #fff,
3541
+ -46vw 19vh 0px 1px #fff,
3542
+ -12vw -32vh 0px 0px #fff,
3543
+ -45vw -38vh 0px 1px #fff,
3544
+ -28vw 18vh 1px 0px #fff,
3545
+ -38vw -46vh 1px 1px #fff,
3546
+ 49vw -6vh 1px 1px #fff,
3547
+ -28vw 18vh 1px 1px #fff,
3548
+ 10vw -24vh 0px 1px #fff,
3549
+ -5vw -11vh 1px 1px #fff,
3550
+ 33vw -8vh 1px 0px #fff,
3551
+ -16vw 17vh 0px 0px #fff,
3552
+ 18vw 27vh 0px 1px #fff,
3553
+ -8vw -10vh 1px 1px #fff;
3554
+ /* stars were too big with the layers above but left the code in case no one cares -- as in, if noone's just that one other loner who actually cares */
3555
+ box-shadow:
3556
+ 24vw 9vh 1px 0px #fff,
3557
+ 12vw -24vh 0px 1px #fff,
3558
+ -45vw -22vh 0px 0px #fff,
3559
+ -37vw -40vh 0px 1px #fff,
3560
+ 29vw 19vh 0px 1px #fff,
3561
+ 4vw -8vh 0px 1px #fff,
3562
+ -5vw 21vh 1px 1px #fff,
3563
+ -27vw 26vh 1px 1px #fff,
3564
+ -47vw -3vh 1px 1px #fff,
3565
+ -28vw -30vh 0px 1px #fff,
3566
+ -43vw -27vh 0px 1px #fff,
3567
+ 4vw 22vh 1px 1px #fff,
3568
+ 36vw 23vh 0px 0px #fff,
3569
+ -21vw 24vh 1px 1px #fff,
3570
+ -16vw 2vh 1px 0px #fff,
3571
+ -16vw -6vh 0px 0px #fff,
3572
+ 5vw 26vh 0px 0px #fff,
3573
+ -34vw 41vh 0px 0px #fff,
3574
+ 1vw 42vh 1px 1px #fff,
3575
+ 11vw -13vh 1px 1px #fff,
3576
+ 48vw -8vh 1px 0px #fff,
3577
+ 22vw -15vh 0px 0px #fff,
3578
+ 45vw 49vh 0px 0px #fff,
3579
+ 43vw -27vh 1px 1px #fff,
3580
+ 20vw -2vh 0px 0px #fff,
3581
+ 8vw 22vh 0px 1px #fff,
3582
+ 39vw 48vh 1px 1px #fff,
3583
+ -21vw -11vh 0px 1px #fff,
3584
+ -40vw 45vh 0px 1px #fff,
3585
+ 11vw -30vh 1px 0px #fff,
3586
+ 26vw 30vh 1px 0px #fff,
3587
+ 45vw -29vh 0px 1px #fff,
3588
+ -2vw 18vh 0px 0px #fff,
3589
+ -29vw -45vh 1px 0px #fff,
3590
+ -7vw -27vh 1px 1px #fff,
3591
+ 42vw 24vh 0px 0px #fff,
3592
+ 45vw -48vh 1px 0px #fff,
3593
+ -36vw -18vh 0px 0px #fff,
3594
+ -44vw 13vh 0px 1px #fff,
3595
+ 36vw 16vh 0px 1px #fff,
3596
+ 40vw 24vh 0px 0px #fff,
3597
+ 18vw 11vh 0px 0px #fff,
3598
+ -15vw -23vh 1px 0px #fff,
3599
+ -24vw 48vh 0px 1px #fff,
3600
+ 27vw -45vh 1px 0px #fff,
3601
+ -2vw -24vh 0px 1px #fff,
3602
+ -15vw -28vh 0px 0px #fff,
3603
+ -43vw 13vh 1px 0px #fff,
3604
+ 7vw 27vh 1px 0px #fff,
3605
+ 47vw 5vh 0px 0px #fff,
3606
+ -45vw 15vh 1px 1px #fff,
3607
+ -5vw -28vh 0px 1px #fff,
3608
+ 38vw 25vh 1px 1px #fff,
3609
+ -39vw -1vh 1px 0px #fff,
3610
+ 5vw 0vh 1px 0px #fff,
3611
+ 49vw 13vh 0px 0px #fff,
3612
+ 48vw 10vh 0px 1px #fff,
3613
+ 19vw -28vh 0px 0px #fff,
3614
+ 4vw 7vh 0px 0px #fff,
3615
+ 21vw 21vh 1px 1px #fff,
3616
+ -15vw -15vh 0px 1px #fff,
3617
+ -6vw -42vh 1px 0px #fff,
3618
+ -15vw 48vh 1px 1px #fff,
3619
+ -23vw 25vh 1px 1px #fff,
3620
+ -48vw 25vh 0px 1px #fff,
3621
+ -31vw -19vh 0px 1px #fff,
3622
+ 4vw 37vh 1px 1px #fff,
3623
+ -43vw 28vh 0px 0px #fff,
3624
+ 3vw -25vh 0px 1px #fff,
3625
+ -39vw 14vh 0px 1px #fff,
3626
+ -40vw 31vh 0px 1px #fff,
3627
+ 35vw -36vh 1px 1px #fff,
3628
+ 16vw 49vh 0px 0px #fff,
3629
+ 6vw 39vh 0px 0px #fff,
3630
+ 3vw -35vh 0px 1px #fff,
3631
+ -44vw -2vh 1px 0px #fff,
3632
+ -6vw 21vh 1px 0px #fff,
3633
+ 48vw 9vh 1px 1px #fff,
3634
+ -43vw 30vh 1px 1px #fff,
3635
+ 29vw -12vh 1px 1px #fff,
3636
+ -48vw 13vh 1px 0px #fff,
3637
+ -42vw 32vh 1px 1px #fff,
3638
+ 34vw 15vh 1px 1px #fff,
3639
+ 29vw -37vh 1px 1px #fff,
3640
+ 28vw 2vh 0px 0px #fff;
3641
+ animation: zoom 20s forwards;
3642
+ }
3643
+
3644
+ @keyframes zoom {
3645
+ 0% {
3646
+ transform: scale(1);
3647
+ }
3648
+
3649
+ 100% {
3650
+ transform: scale(1.5);
3651
+ }
3652
+ }
3653
+
3654
+ .animate-float {
3655
+ animation: float 6s ease-in-out infinite;
3656
+ }
3657
+
3658
+ @keyframes float {
3659
+ 0% {
3660
+ transform: translatey(0px);
3661
+ }
3662
+
3663
+ 50% {
3664
+ transform: translatey(-40px);
3665
+ }
3666
+
3667
+ 100% {
3668
+ transform: translatey(0px);
3669
+ }
3670
+ }
3671
+
3672
+ .hover\:cursor-pointer:hover {
3673
+ cursor: pointer;
3674
+ }
3675
+
3676
+ .hover\:border-neutral-400:hover {
3677
+ --tw-border-opacity: 1;
3678
+ border-color: rgb(163 163 163 / var(--tw-border-opacity));
3679
+ }
3680
+
3681
+ .hover\:bg-mono-purple-25:hover {
3682
+ --tw-bg-opacity: 1;
3683
+ background-color: rgb(240 240 248 / var(--tw-bg-opacity));
3684
+ }
3685
+
3686
+ .hover\:bg-neutral-200:hover {
3687
+ --tw-bg-opacity: 1;
3688
+ background-color: rgb(229 229 229 / var(--tw-bg-opacity));
3689
+ }
3690
+
3691
+ .hover\:bg-raketa-primary:hover {
3692
+ --tw-bg-opacity: 1;
3693
+ background-color: rgba(var(--primary), var(--tw-bg-opacity));
3694
+ }
3695
+
3696
+ .hover\:text-raketa-foreground:hover {
3697
+ --tw-text-opacity: 1;
3698
+ color: rgba(var(--foreground), var(--tw-text-opacity));
3699
+ }
3700
+
3701
+ .hover\:text-white:hover {
3702
+ --tw-text-opacity: 1;
3703
+ color: rgb(255 255 255 / var(--tw-text-opacity));
3704
+ }
3705
+
3706
+ .hover\:opacity-100:hover {
3707
+ opacity: 1;
3708
+ }
3709
+
3710
+ .group:hover .group-hover\:block {
3711
+ display: block;
3712
+ }
3713
+
3714
+ .group\/item:hover .group-hover\/item\:opacity-100 {
3715
+ opacity: 1;
3716
+ }
3717
+
3718
+ .group.expanded .group-\[\.expanded\]\:block {
3719
+ display: block;
3720
+ }
3721
+
3722
+ .group.expanded .group-\[\.expanded\]\:w-60 {
3723
+ width: 15rem;
3724
+ }
3725
+
3726
+ .group.expanded .group-\[\.expanded\]\:rotate-0 {
3727
+ --tw-rotate: 0deg;
3728
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3729
+ }
3730
+
3731
+ .group\/item.is-active .group-\[\.is-active\]\/item\:bg-raketa-primary {
3732
+ --tw-bg-opacity: 1;
3733
+ background-color: rgba(var(--primary), var(--tw-bg-opacity));
3734
+ }
3735
+
3736
+ .group\/item.is-active .group-\[\.is-active\]\/item\:text-white {
3737
+ --tw-text-opacity: 1;
3738
+ color: rgb(255 255 255 / var(--tw-text-opacity));
3739
+ }
3740
+
3741
+ .group.expanded .group-\[\.expanded\]\:opacity-50 {
3742
+ opacity: 0.5;
3743
+ }
3744
+
3745
+ .group\/item.is-active .group-\[\.is-active\]\/item\:opacity-100 {
3746
+ opacity: 1;
3747
+ }
3748
+
3749
+ @media (min-width: 768px) {
3750
+ .md\:grid-cols-3 {
3751
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3752
+ }
3753
+ }
3754
+
3755
+ @media (min-width: 1024px) {
3756
+ .lg\:col-span-2 {
3757
+ grid-column: span 2 / span 2;
3758
+ }
3759
+
3760
+ .lg\:block {
3761
+ display: block;
3762
+ }
3763
+
3764
+ .lg\:flex {
3765
+ display: flex;
3766
+ }
3767
+
3768
+ .lg\:grid-cols-3 {
3769
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3770
+ }
3771
+ }
3772
+
3773
+ .dark\:border-neutral-500:where(.dark, .dark *) {
3774
+ --tw-border-opacity: 1;
3775
+ border-color: rgb(115 115 115 / var(--tw-border-opacity));
3776
+ }
3777
+
3778
+ .dark\:border-neutral-700:where(.dark, .dark *) {
3779
+ --tw-border-opacity: 1;
3780
+ border-color: rgb(64 64 64 / var(--tw-border-opacity));
3781
+ }
3782
+
3783
+ .dark\:bg-orange-900\/50:where(.dark, .dark *) {
3784
+ background-color: rgb(124 45 18 / 0.5);
3785
+ }
3786
+
3787
+ .dark\:bg-raketa-primary\/15:where(.dark, .dark *) {
3788
+ background-color: rgba(var(--primary), 0.15);
3789
+ }
3790
+
3791
+ .dark\:text-orange-300:where(.dark, .dark *) {
3792
+ --tw-text-opacity: 1;
3793
+ color: rgb(253 186 116 / var(--tw-text-opacity));
3794
+ }
3795
+
3796
+ .dark\:invert:where(.dark, .dark *) {
3797
+ --tw-invert: invert(100%);
3798
+ 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);
3799
+ }
3800
+
3801
+ .dark\:hover\:bg-neutral-700:hover:where(.dark, .dark *) {
3802
+ --tw-bg-opacity: 1;
3803
+ background-color: rgb(64 64 64 / var(--tw-bg-opacity));
3804
+ }