lookbook 0.4.6 → 0.5.0.beta.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -3
  3. data/app/assets/lookbook/css/app.css +66 -5
  4. data/app/assets/lookbook/css/tooltip_theme.css +28 -0
  5. data/app/assets/lookbook/js/app.js +41 -53
  6. data/app/assets/lookbook/js/components/code.js +5 -0
  7. data/app/assets/lookbook/js/components/copy.js +16 -0
  8. data/app/assets/lookbook/js/components/filter.js +24 -0
  9. data/app/assets/lookbook/js/components/inspector.js +58 -0
  10. data/app/assets/lookbook/js/{nav/node.js → components/nav-group.js} +17 -16
  11. data/app/assets/lookbook/js/components/nav-item.js +27 -0
  12. data/app/assets/lookbook/js/components/nav.js +35 -0
  13. data/app/assets/lookbook/js/components/page.js +45 -0
  14. data/app/assets/lookbook/js/components/param.js +34 -0
  15. data/app/assets/lookbook/js/components/preview-window.js +107 -0
  16. data/app/assets/lookbook/js/components/sidebar.js +3 -0
  17. data/app/assets/lookbook/js/components/sizes.js +16 -0
  18. data/app/assets/lookbook/js/components/splitter.js +25 -0
  19. data/app/assets/lookbook/js/components/tabs.js +50 -0
  20. data/app/assets/lookbook/js/config.js +20 -0
  21. data/app/assets/lookbook/js/{utils/reloader.js → lib/socket.js} +7 -12
  22. data/app/assets/lookbook/js/lib/split.js +21 -0
  23. data/app/assets/lookbook/js/lib/utils.js +3 -0
  24. data/app/assets/lookbook/js/stores/filter.js +11 -0
  25. data/app/assets/lookbook/js/stores/inspector.js +24 -0
  26. data/app/assets/lookbook/js/stores/layout.js +12 -0
  27. data/app/assets/lookbook/js/stores/nav.js +21 -0
  28. data/app/assets/lookbook/js/stores/sidebar.js +14 -0
  29. data/app/controllers/lookbook/app_controller.rb +71 -96
  30. data/app/helpers/lookbook/application_helper.rb +48 -4
  31. data/app/views/layouts/lookbook/app.html.erb +58 -0
  32. data/app/views/layouts/lookbook/preview.html.erb +12 -0
  33. data/app/views/lookbook/components/_code.html.erb +13 -0
  34. data/app/views/lookbook/components/_copy.html.erb +14 -0
  35. data/app/views/lookbook/components/_drawer.html.erb +121 -0
  36. data/app/views/lookbook/components/_filter.html.erb +15 -0
  37. data/app/views/lookbook/{shared → components}/_header.html.erb +3 -3
  38. data/app/views/lookbook/components/_icon.html.erb +5 -0
  39. data/app/views/lookbook/components/_nav.html.erb +17 -0
  40. data/app/views/lookbook/components/_nav_collection.html.erb +5 -0
  41. data/app/views/lookbook/components/_nav_group.html.erb +14 -0
  42. data/app/views/lookbook/components/_nav_item.html.erb +23 -0
  43. data/app/views/lookbook/components/_nav_preview.html.erb +11 -0
  44. data/app/views/lookbook/components/_param.html.erb +21 -0
  45. data/app/views/lookbook/components/_preview.html.erb +52 -0
  46. data/app/views/lookbook/{app/error.html.erb → error.html.erb} +0 -0
  47. data/app/views/lookbook/index.html.erb +9 -0
  48. data/app/views/lookbook/{workbench/inspector/params → inputs}/_select.html.erb +2 -3
  49. data/app/views/lookbook/inputs/_text.html.erb +8 -0
  50. data/app/views/lookbook/inputs/_textarea.html.erb +8 -0
  51. data/app/views/lookbook/inputs/_toggle.html.erb +13 -0
  52. data/app/views/lookbook/{app/not_found.html.erb → not_found.html.erb} +2 -4
  53. data/app/views/lookbook/panels/_notes.html.erb +25 -0
  54. data/app/views/lookbook/panels/_output.html.erb +18 -0
  55. data/app/views/lookbook/panels/_params.html.erb +17 -0
  56. data/app/views/lookbook/panels/_source.html.erb +20 -0
  57. data/app/views/lookbook/show.html.erb +73 -0
  58. data/lib/lookbook/code_formatter.rb +20 -0
  59. data/lib/lookbook/engine.rb +8 -1
  60. data/lib/lookbook/lang.rb +10 -5
  61. data/lib/lookbook/preview.rb +1 -1
  62. data/lib/lookbook/preview_controller.rb +1 -1
  63. data/lib/lookbook/preview_group.rb +5 -1
  64. data/lib/lookbook/version.rb +1 -1
  65. data/lib/lookbook.rb +2 -0
  66. data/public/lookbook-assets/css/app.css +4 -0
  67. data/public/lookbook-assets/css/app.css.map +1 -0
  68. data/public/lookbook-assets/js/app.js +2 -0
  69. data/public/lookbook-assets/js/app.js.map +1 -0
  70. metadata +59 -45
  71. data/app/assets/lookbook/js/nav/leaf.js +0 -20
  72. data/app/assets/lookbook/js/nav.js +0 -38
  73. data/app/assets/lookbook/js/page.js +0 -38
  74. data/app/assets/lookbook/js/utils/clipboard.js +0 -13
  75. data/app/assets/lookbook/js/utils/morph.js +0 -19
  76. data/app/assets/lookbook/js/utils/screen.js +0 -44
  77. data/app/assets/lookbook/js/utils/size_observer.js +0 -16
  78. data/app/assets/lookbook/js/utils/split.js +0 -26
  79. data/app/assets/lookbook/js/workbench/inspector.js +0 -11
  80. data/app/assets/lookbook/js/workbench/param.js +0 -19
  81. data/app/assets/lookbook/js/workbench/preview.js +0 -39
  82. data/app/assets/lookbook/js/workbench.js +0 -14
  83. data/app/views/lookbook/app/index.html.erb +0 -11
  84. data/app/views/lookbook/app/show.html.erb +0 -1
  85. data/app/views/lookbook/layouts/app.html.erb +0 -41
  86. data/app/views/lookbook/nav/_collection.html.erb +0 -5
  87. data/app/views/lookbook/nav/_leaf.html.erb +0 -22
  88. data/app/views/lookbook/nav/_node.html.erb +0 -19
  89. data/app/views/lookbook/nav/_preview.html.erb +0 -11
  90. data/app/views/lookbook/preview/group.html.erb +0 -8
  91. data/app/views/lookbook/shared/_clipboard.html.erb +0 -11
  92. data/app/views/lookbook/shared/_sidebar.html.erb +0 -45
  93. data/app/views/lookbook/shared/_workbench.html.erb +0 -12
  94. data/app/views/lookbook/workbench/_header.html.erb +0 -39
  95. data/app/views/lookbook/workbench/_inspector.html.erb +0 -38
  96. data/app/views/lookbook/workbench/_preview.html.erb +0 -24
  97. data/app/views/lookbook/workbench/inspector/_code.html.erb +0 -3
  98. data/app/views/lookbook/workbench/inspector/_notes.html.erb +0 -24
  99. data/app/views/lookbook/workbench/inspector/_params.html.erb +0 -28
  100. data/app/views/lookbook/workbench/inspector/_plain.html.erb +0 -3
  101. data/app/views/lookbook/workbench/inspector/params/_text.html.erb +0 -8
  102. data/app/views/lookbook/workbench/inspector/params/_textarea.html.erb +0 -8
  103. data/app/views/lookbook/workbench/inspector/params/_toggle.html.erb +0 -13
  104. data/public/lookbook-assets/app.css +0 -2626
  105. data/public/lookbook-assets/app.js +0 -8718
@@ -1,2626 +0,0 @@
1
- /*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
2
-
3
- /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
4
-
5
- /*
6
- Document
7
- ========
8
- */
9
-
10
- /**
11
- Use a better box model (opinionated).
12
- */
13
-
14
- *,
15
- ::before,
16
- ::after {
17
- box-sizing: border-box;
18
- }
19
-
20
- /**
21
- Use a more readable tab size (opinionated).
22
- */
23
-
24
- html {
25
- -moz-tab-size: 4;
26
- -o-tab-size: 4;
27
- tab-size: 4;
28
- }
29
-
30
- /**
31
- 1. Correct the line height in all browsers.
32
- 2. Prevent adjustments of font size after orientation changes in iOS.
33
- */
34
-
35
- html {
36
- line-height: 1.15;
37
- /* 1 */
38
- -webkit-text-size-adjust: 100%;
39
- /* 2 */
40
- }
41
-
42
- /*
43
- Sections
44
- ========
45
- */
46
-
47
- /**
48
- Remove the margin in all browsers.
49
- */
50
-
51
- body {
52
- margin: 0;
53
- }
54
-
55
- /**
56
- Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
57
- */
58
-
59
- body {
60
- font-family:
61
- system-ui,
62
- -apple-system, /* Firefox supports this but not yet `system-ui` */
63
- 'Segoe UI',
64
- Roboto,
65
- Helvetica,
66
- Arial,
67
- sans-serif,
68
- 'Apple Color Emoji',
69
- 'Segoe UI Emoji';
70
- }
71
-
72
- /*
73
- Grouping content
74
- ================
75
- */
76
-
77
- /**
78
- 1. Add the correct height in Firefox.
79
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
80
- */
81
-
82
- hr {
83
- height: 0;
84
- /* 1 */
85
- color: inherit;
86
- /* 2 */
87
- }
88
-
89
- /*
90
- Text-level semantics
91
- ====================
92
- */
93
-
94
- /**
95
- Add the correct text decoration in Chrome, Edge, and Safari.
96
- */
97
-
98
- abbr[title] {
99
- -webkit-text-decoration: underline dotted;
100
- text-decoration: underline dotted;
101
- }
102
-
103
- /**
104
- Add the correct font weight in Edge and Safari.
105
- */
106
-
107
- b,
108
- strong {
109
- font-weight: bolder;
110
- }
111
-
112
- /**
113
- 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
114
- 2. Correct the odd 'em' font sizing in all browsers.
115
- */
116
-
117
- code,
118
- kbd,
119
- samp,
120
- pre {
121
- font-family:
122
- ui-monospace,
123
- SFMono-Regular,
124
- Consolas,
125
- 'Liberation Mono',
126
- Menlo,
127
- monospace;
128
- /* 1 */
129
- font-size: 1em;
130
- /* 2 */
131
- }
132
-
133
- /**
134
- Add the correct font size in all browsers.
135
- */
136
-
137
- small {
138
- font-size: 80%;
139
- }
140
-
141
- /**
142
- Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
143
- */
144
-
145
- sub,
146
- sup {
147
- font-size: 75%;
148
- line-height: 0;
149
- position: relative;
150
- vertical-align: baseline;
151
- }
152
-
153
- sub {
154
- bottom: -0.25em;
155
- }
156
-
157
- sup {
158
- top: -0.5em;
159
- }
160
-
161
- /*
162
- Tabular data
163
- ============
164
- */
165
-
166
- /**
167
- 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)
168
- 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)
169
- */
170
-
171
- table {
172
- text-indent: 0;
173
- /* 1 */
174
- border-color: inherit;
175
- /* 2 */
176
- }
177
-
178
- /*
179
- Forms
180
- =====
181
- */
182
-
183
- /**
184
- 1. Change the font styles in all browsers.
185
- 2. Remove the margin in Firefox and Safari.
186
- */
187
-
188
- button,
189
- input,
190
- optgroup,
191
- select,
192
- textarea {
193
- font-family: inherit;
194
- /* 1 */
195
- font-size: 100%;
196
- /* 1 */
197
- line-height: 1.15;
198
- /* 1 */
199
- margin: 0;
200
- /* 2 */
201
- }
202
-
203
- /**
204
- Remove the inheritance of text transform in Edge and Firefox.
205
- 1. Remove the inheritance of text transform in Firefox.
206
- */
207
-
208
- button,
209
- select {
210
- /* 1 */
211
- text-transform: none;
212
- }
213
-
214
- /**
215
- Correct the inability to style clickable types in iOS and Safari.
216
- */
217
-
218
- button,
219
- [type='button'],
220
- [type='reset'],
221
- [type='submit'] {
222
- -webkit-appearance: button;
223
- }
224
-
225
- /**
226
- Remove the inner border and padding in Firefox.
227
- */
228
-
229
- ::-moz-focus-inner {
230
- border-style: none;
231
- padding: 0;
232
- }
233
-
234
- /**
235
- Restore the focus styles unset by the previous rule.
236
- */
237
-
238
- :-moz-focusring {
239
- outline: 1px dotted ButtonText;
240
- }
241
-
242
- /**
243
- Remove the additional ':invalid' styles in Firefox.
244
- See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
245
- */
246
-
247
- :-moz-ui-invalid {
248
- box-shadow: none;
249
- }
250
-
251
- /**
252
- Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
253
- */
254
-
255
- legend {
256
- padding: 0;
257
- }
258
-
259
- /**
260
- Add the correct vertical alignment in Chrome and Firefox.
261
- */
262
-
263
- progress {
264
- vertical-align: baseline;
265
- }
266
-
267
- /**
268
- Correct the cursor style of increment and decrement buttons in Safari.
269
- */
270
-
271
- ::-webkit-inner-spin-button,
272
- ::-webkit-outer-spin-button {
273
- height: auto;
274
- }
275
-
276
- /**
277
- 1. Correct the odd appearance in Chrome and Safari.
278
- 2. Correct the outline style in Safari.
279
- */
280
-
281
- [type='search'] {
282
- -webkit-appearance: textfield;
283
- /* 1 */
284
- outline-offset: -2px;
285
- /* 2 */
286
- }
287
-
288
- /**
289
- Remove the inner padding in Chrome and Safari on macOS.
290
- */
291
-
292
- ::-webkit-search-decoration {
293
- -webkit-appearance: none;
294
- }
295
-
296
- /**
297
- 1. Correct the inability to style clickable types in iOS and Safari.
298
- 2. Change font properties to 'inherit' in Safari.
299
- */
300
-
301
- ::-webkit-file-upload-button {
302
- -webkit-appearance: button;
303
- /* 1 */
304
- font: inherit;
305
- /* 2 */
306
- }
307
-
308
- /*
309
- Interactive
310
- ===========
311
- */
312
-
313
- /*
314
- Add the correct display in Chrome and Safari.
315
- */
316
-
317
- summary {
318
- display: list-item;
319
- }
320
-
321
- /**
322
- * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
323
- * A thin layer on top of normalize.css that provides a starting point more
324
- * suitable for web applications.
325
- */
326
-
327
- /**
328
- * Removes the default spacing and border for appropriate elements.
329
- */
330
-
331
- blockquote,
332
- dl,
333
- dd,
334
- h1,
335
- h2,
336
- h3,
337
- h4,
338
- h5,
339
- h6,
340
- hr,
341
- figure,
342
- p,
343
- pre {
344
- margin: 0;
345
- }
346
-
347
- button {
348
- background-color: transparent;
349
- background-image: none;
350
- }
351
-
352
- fieldset {
353
- margin: 0;
354
- padding: 0;
355
- }
356
-
357
- ol,
358
- ul {
359
- list-style: none;
360
- margin: 0;
361
- padding: 0;
362
- }
363
-
364
- /**
365
- * Tailwind custom reset styles
366
- */
367
-
368
- /**
369
- * 1. Use the user's configured `sans` font-family (with Tailwind's default
370
- * sans-serif font stack as a fallback) as a sane default.
371
- * 2. Use Tailwind's default "normal" line-height so the user isn't forced
372
- * to override it to ensure consistency even when using the default theme.
373
- */
374
-
375
- html {
376
- font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
377
- /* 1 */
378
- line-height: 1.5;
379
- /* 2 */
380
- }
381
-
382
- /**
383
- * Inherit font-family and line-height from `html` so users can set them as
384
- * a class directly on the `html` element.
385
- */
386
-
387
- body {
388
- font-family: inherit;
389
- line-height: inherit;
390
- }
391
-
392
- /**
393
- * 1. Prevent padding and border from affecting element width.
394
- *
395
- * We used to set this in the html element and inherit from
396
- * the parent element for everything else. This caused issues
397
- * in shadow-dom-enhanced elements like <details> where the content
398
- * is wrapped by a div with box-sizing set to `content-box`.
399
- *
400
- * https://github.com/mozdevs/cssremedy/issues/4
401
- *
402
- *
403
- * 2. Allow adding a border to an element by just adding a border-width.
404
- *
405
- * By default, the way the browser specifies that an element should have no
406
- * border is by setting it's border-style to `none` in the user-agent
407
- * stylesheet.
408
- *
409
- * In order to easily add borders to elements by just setting the `border-width`
410
- * property, we change the default border-style for all elements to `solid`, and
411
- * use border-width to hide them instead. This way our `border` utilities only
412
- * need to set the `border-width` property instead of the entire `border`
413
- * shorthand, making our border utilities much more straightforward to compose.
414
- *
415
- * https://github.com/tailwindcss/tailwindcss/pull/116
416
- */
417
-
418
- *,
419
- ::before,
420
- ::after {
421
- box-sizing: border-box;
422
- /* 1 */
423
- border-width: 0;
424
- /* 2 */
425
- border-style: solid;
426
- /* 2 */
427
- border-color: currentColor;
428
- /* 2 */
429
- }
430
-
431
- /*
432
- * Ensure horizontal rules are visible by default
433
- */
434
-
435
- hr {
436
- border-top-width: 1px;
437
- }
438
-
439
- /**
440
- * Undo the `border-style: none` reset that Normalize applies to images so that
441
- * our `border-{width}` utilities have the expected effect.
442
- *
443
- * The Normalize reset is unnecessary for us since we default the border-width
444
- * to 0 on all elements.
445
- *
446
- * https://github.com/tailwindcss/tailwindcss/issues/362
447
- */
448
-
449
- img {
450
- border-style: solid;
451
- }
452
-
453
- textarea {
454
- resize: vertical;
455
- }
456
-
457
- input::-moz-placeholder, textarea::-moz-placeholder {
458
- opacity: 1;
459
- color: #9ca3af;
460
- }
461
-
462
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
463
- opacity: 1;
464
- color: #9ca3af;
465
- }
466
-
467
- input::placeholder,
468
- textarea::placeholder {
469
- opacity: 1;
470
- color: #9ca3af;
471
- }
472
-
473
- button,
474
- [role="button"] {
475
- cursor: pointer;
476
- }
477
-
478
- /**
479
- * Override legacy focus reset from Normalize with modern Firefox focus styles.
480
- *
481
- * This is actually an improvement over the new defaults in Firefox in our testing,
482
- * as it triggers the better focus styles even for links, which still use a dotted
483
- * outline in Firefox by default.
484
- */
485
-
486
- :-moz-focusring {
487
- outline: auto;
488
- }
489
-
490
- table {
491
- border-collapse: collapse;
492
- }
493
-
494
- h1,
495
- h2,
496
- h3,
497
- h4,
498
- h5,
499
- h6 {
500
- font-size: inherit;
501
- font-weight: inherit;
502
- }
503
-
504
- /**
505
- * Reset links to optimize for opt-in styling instead of
506
- * opt-out.
507
- */
508
-
509
- a {
510
- color: inherit;
511
- text-decoration: inherit;
512
- }
513
-
514
- /**
515
- * Reset form element properties that are easy to forget to
516
- * style explicitly so you don't inadvertently introduce
517
- * styles that deviate from your design system. These styles
518
- * supplement a partial reset that is already applied by
519
- * normalize.css.
520
- */
521
-
522
- button,
523
- input,
524
- optgroup,
525
- select,
526
- textarea {
527
- padding: 0;
528
- line-height: inherit;
529
- color: inherit;
530
- }
531
-
532
- /**
533
- * Use the configured 'mono' font family for elements that
534
- * are expected to be rendered with a monospace font, falling
535
- * back to the system monospace stack if there is no configured
536
- * 'mono' font family.
537
- */
538
-
539
- pre,
540
- code,
541
- kbd,
542
- samp {
543
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
544
- }
545
-
546
- /**
547
- * 1. Make replaced elements `display: block` by default as that's
548
- * the behavior you want almost all of the time. Inspired by
549
- * CSS Remedy, with `svg` added as well.
550
- *
551
- * https://github.com/mozdevs/cssremedy/issues/14
552
- *
553
- * 2. Add `vertical-align: middle` to align replaced elements more
554
- * sensibly by default when overriding `display` by adding a
555
- * utility like `inline`.
556
- *
557
- * This can trigger a poorly considered linting error in some
558
- * tools but is included by design.
559
- *
560
- * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
561
- */
562
-
563
- img,
564
- svg,
565
- video,
566
- canvas,
567
- audio,
568
- iframe,
569
- embed,
570
- object {
571
- display: block;
572
- /* 1 */
573
- vertical-align: middle;
574
- /* 2 */
575
- }
576
-
577
- /**
578
- * Constrain images and videos to the parent width and preserve
579
- * their intrinsic aspect ratio.
580
- *
581
- * https://github.com/mozdevs/cssremedy/issues/14
582
- */
583
-
584
- img,
585
- video {
586
- max-width: 100%;
587
- height: auto;
588
- }
589
-
590
- /**
591
- * Ensure the default browser behavior of the `hidden` attribute.
592
- */
593
-
594
- [hidden] {
595
- display: none;
596
- }
597
-
598
- *, ::before, ::after {
599
- --tw-translate-x: 0;
600
- --tw-translate-y: 0;
601
- --tw-rotate: 0;
602
- --tw-skew-x: 0;
603
- --tw-skew-y: 0;
604
- --tw-scale-x: 1;
605
- --tw-scale-y: 1;
606
- --tw-transform: translateX(var(--tw-translate-x)) translateY(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));
607
- --tw-border-opacity: 1;
608
- border-color: rgba(229, 231, 235, var(--tw-border-opacity));
609
- --tw-ring-offset-shadow: 0 0 #0000;
610
- --tw-ring-shadow: 0 0 #0000;
611
- --tw-shadow: 0 0 #0000;
612
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
613
- --tw-ring-offset-width: 0px;
614
- --tw-ring-offset-color: #fff;
615
- --tw-ring-color: rgba(59, 130, 246, 0.5);
616
- --tw-ring-offset-shadow: 0 0 #0000;
617
- --tw-ring-shadow: 0 0 #0000;
618
- --tw-shadow: 0 0 #0000;
619
- --tw-blur: var(--tw-empty,/*!*/ /*!*/);
620
- --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
621
- --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
622
- --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
623
- --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
624
- --tw-invert: var(--tw-empty,/*!*/ /*!*/);
625
- --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
626
- --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
627
- --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
628
- --tw-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);
629
- }
630
-
631
- [type='text'],[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 {
632
- -webkit-appearance: none;
633
- -moz-appearance: none;
634
- appearance: none;
635
- background-color: #fff;
636
- border-color: #6b7280;
637
- border-width: 1px;
638
- border-radius: 0px;
639
- padding-top: 0.5rem;
640
- padding-right: 0.75rem;
641
- padding-bottom: 0.5rem;
642
- padding-left: 0.75rem;
643
- font-size: 1rem;
644
- line-height: 1.5rem;
645
- --tw-shadow: 0 0 #0000;
646
- }
647
-
648
- [type='text']: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 {
649
- outline: 2px solid transparent;
650
- outline-offset: 2px;
651
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
652
- --tw-ring-offset-width: 0px;
653
- --tw-ring-offset-color: #fff;
654
- --tw-ring-color: #2563eb;
655
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
656
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
657
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
658
- border-color: #2563eb;
659
- }
660
-
661
- input::-moz-placeholder, textarea::-moz-placeholder {
662
- color: #6b7280;
663
- opacity: 1;
664
- }
665
-
666
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
667
- color: #6b7280;
668
- opacity: 1;
669
- }
670
-
671
- input::placeholder,textarea::placeholder {
672
- color: #6b7280;
673
- opacity: 1;
674
- }
675
-
676
- ::-webkit-datetime-edit-fields-wrapper {
677
- padding: 0;
678
- }
679
-
680
- ::-webkit-date-and-time-value {
681
- min-height: 1.5em;
682
- }
683
-
684
- select {
685
- 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");
686
- background-position: right 0.5rem center;
687
- background-repeat: no-repeat;
688
- background-size: 1.5em 1.5em;
689
- padding-right: 2.5rem;
690
- -webkit-print-color-adjust: exact;
691
- color-adjust: exact;
692
- }
693
-
694
- [multiple] {
695
- background-image: initial;
696
- background-position: initial;
697
- background-repeat: unset;
698
- background-size: initial;
699
- padding-right: 0.75rem;
700
- -webkit-print-color-adjust: unset;
701
- color-adjust: unset;
702
- }
703
-
704
- [type='checkbox'],[type='radio'] {
705
- -webkit-appearance: none;
706
- -moz-appearance: none;
707
- appearance: none;
708
- padding: 0;
709
- -webkit-print-color-adjust: exact;
710
- color-adjust: exact;
711
- display: inline-block;
712
- vertical-align: middle;
713
- background-origin: border-box;
714
- -webkit-user-select: none;
715
- -moz-user-select: none;
716
- -ms-user-select: none;
717
- user-select: none;
718
- flex-shrink: 0;
719
- height: 1rem;
720
- width: 1rem;
721
- color: #2563eb;
722
- background-color: #fff;
723
- border-color: #6b7280;
724
- border-width: 1px;
725
- --tw-shadow: 0 0 #0000;
726
- }
727
-
728
- [type='checkbox'] {
729
- border-radius: 0px;
730
- }
731
-
732
- [type='radio'] {
733
- border-radius: 100%;
734
- }
735
-
736
- [type='checkbox']:focus,[type='radio']:focus {
737
- outline: 2px solid transparent;
738
- outline-offset: 2px;
739
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
740
- --tw-ring-offset-width: 2px;
741
- --tw-ring-offset-color: #fff;
742
- --tw-ring-color: #2563eb;
743
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
744
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
745
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
746
- }
747
-
748
- [type='checkbox']:checked,[type='radio']:checked {
749
- border-color: transparent;
750
- background-color: currentColor;
751
- background-size: 100% 100%;
752
- background-position: center;
753
- background-repeat: no-repeat;
754
- }
755
-
756
- [type='checkbox']:checked {
757
- 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");
758
- }
759
-
760
- [type='radio']:checked {
761
- 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");
762
- }
763
-
764
- [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
765
- border-color: transparent;
766
- background-color: currentColor;
767
- }
768
-
769
- [type='checkbox']:indeterminate {
770
- 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");
771
- border-color: transparent;
772
- background-color: currentColor;
773
- background-size: 100% 100%;
774
- background-position: center;
775
- background-repeat: no-repeat;
776
- }
777
-
778
- [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
779
- border-color: transparent;
780
- background-color: currentColor;
781
- }
782
-
783
- [type='file'] {
784
- background: unset;
785
- border-color: inherit;
786
- border-width: 0;
787
- border-radius: 0;
788
- padding: 0;
789
- font-size: unset;
790
- line-height: inherit;
791
- }
792
-
793
- [type='file']:focus {
794
- outline: 1px auto -webkit-focus-ring-color;
795
- }
796
-
797
- html {
798
- scroll-behavior: smooth;
799
- }
800
-
801
- @media screen and (prefers-reduced-motion: reduce) {
802
- html {
803
- scroll-behavior: auto;
804
- }
805
- }
806
-
807
- [x-cloak] {
808
- display: none !important;
809
- }
810
-
811
- pre[class*="language-"] {
812
- padding: 0 !important;
813
- margin: 0 !important;
814
- }
815
-
816
- .feather {
817
- width: 24px;
818
- height: 24px;
819
- stroke: currentColor;
820
- stroke-width: 2;
821
- stroke-linecap: round;
822
- stroke-linejoin: round;
823
- fill: none;
824
- }
825
-
826
- ::-webkit-scrollbar {
827
- width: 8px;
828
- height: 8px;
829
- }
830
-
831
- ::-webkit-scrollbar-track {
832
- background: transparent;
833
- }
834
-
835
- ::-webkit-scrollbar-thumb {
836
- --tw-bg-opacity: 1;
837
- background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
838
- -webkit-transition-property: background-color, border-color, color, fill, stroke;
839
- transition-property: background-color, border-color, color, fill, stroke;
840
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
841
- transition-duration: 150ms;
842
- border-radius: 6px;
843
- border: 2px solid transparent;
844
- background-clip: content-box;
845
- }
846
-
847
- ::-webkit-scrollbar-thumb:hover {
848
- --tw-bg-opacity: 1;
849
- background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
850
- }
851
-
852
- .prose {
853
- color: #374151;
854
- max-width: 65ch;
855
- }
856
-
857
- .prose [class~="lead"] {
858
- color: #4b5563;
859
- font-size: 1.25em;
860
- line-height: 1.6;
861
- margin-top: 1.2em;
862
- margin-bottom: 1.2em;
863
- }
864
-
865
- .prose a {
866
- color: #111827;
867
- text-decoration: underline;
868
- font-weight: 500;
869
- }
870
-
871
- .prose strong {
872
- color: #111827;
873
- font-weight: 600;
874
- }
875
-
876
- .prose ol[type="A"] {
877
- --list-counter-style: upper-alpha;
878
- }
879
-
880
- .prose ol[type="a"] {
881
- --list-counter-style: lower-alpha;
882
- }
883
-
884
- .prose ol[type="A" s] {
885
- --list-counter-style: upper-alpha;
886
- }
887
-
888
- .prose ol[type="a" s] {
889
- --list-counter-style: lower-alpha;
890
- }
891
-
892
- .prose ol[type="I"] {
893
- --list-counter-style: upper-roman;
894
- }
895
-
896
- .prose ol[type="i"] {
897
- --list-counter-style: lower-roman;
898
- }
899
-
900
- .prose ol[type="I" s] {
901
- --list-counter-style: upper-roman;
902
- }
903
-
904
- .prose ol[type="i" s] {
905
- --list-counter-style: lower-roman;
906
- }
907
-
908
- .prose ol[type="1"] {
909
- --list-counter-style: decimal;
910
- }
911
-
912
- .prose ol > li {
913
- position: relative;
914
- padding-left: 1.75em;
915
- }
916
-
917
- .prose ol > li::before {
918
- content: counter(list-item, var(--list-counter-style, decimal)) ".";
919
- position: absolute;
920
- font-weight: 400;
921
- color: #6b7280;
922
- left: 0;
923
- }
924
-
925
- .prose ul > li {
926
- position: relative;
927
- padding-left: 1.75em;
928
- }
929
-
930
- .prose ul > li::before {
931
- content: "";
932
- position: absolute;
933
- background-color: #d1d5db;
934
- border-radius: 50%;
935
- width: 0.375em;
936
- height: 0.375em;
937
- top: calc(0.875em - 0.1875em);
938
- left: 0.25em;
939
- }
940
-
941
- .prose hr {
942
- border-color: #e5e7eb;
943
- border-top-width: 1px;
944
- margin-top: 3em;
945
- margin-bottom: 3em;
946
- }
947
-
948
- .prose blockquote {
949
- font-weight: 500;
950
- font-style: italic;
951
- color: #111827;
952
- border-left-width: 0.25rem;
953
- border-left-color: #e5e7eb;
954
- quotes: "\201C""\201D""\2018""\2019";
955
- margin-top: 1.6em;
956
- margin-bottom: 1.6em;
957
- padding-left: 1em;
958
- }
959
-
960
- .prose blockquote p:first-of-type::before {
961
- content: open-quote;
962
- }
963
-
964
- .prose blockquote p:last-of-type::after {
965
- content: close-quote;
966
- }
967
-
968
- .prose h1 {
969
- color: #111827;
970
- font-weight: 800;
971
- font-size: 2.25em;
972
- margin-top: 0;
973
- margin-bottom: 0.8888889em;
974
- line-height: 1.1111111;
975
- }
976
-
977
- .prose h2 {
978
- color: #111827;
979
- font-weight: 700;
980
- font-size: 1.5em;
981
- margin-top: 2em;
982
- margin-bottom: 1em;
983
- line-height: 1.3333333;
984
- }
985
-
986
- .prose h3 {
987
- color: #111827;
988
- font-weight: 600;
989
- font-size: 1.25em;
990
- margin-top: 1.6em;
991
- margin-bottom: 0.6em;
992
- line-height: 1.6;
993
- }
994
-
995
- .prose h4 {
996
- color: #111827;
997
- font-weight: 600;
998
- margin-top: 1.5em;
999
- margin-bottom: 0.5em;
1000
- line-height: 1.5;
1001
- }
1002
-
1003
- .prose figure figcaption {
1004
- color: #6b7280;
1005
- font-size: 0.875em;
1006
- line-height: 1.4285714;
1007
- margin-top: 0.8571429em;
1008
- }
1009
-
1010
- .prose code {
1011
- color: #111827;
1012
- font-weight: 600;
1013
- font-size: 0.875em;
1014
- }
1015
-
1016
- .prose code::before {
1017
- content: "`";
1018
- }
1019
-
1020
- .prose code::after {
1021
- content: "`";
1022
- }
1023
-
1024
- .prose a code {
1025
- color: #111827;
1026
- }
1027
-
1028
- .prose pre {
1029
- color: #e5e7eb;
1030
- background-color: #1f2937;
1031
- overflow-x: auto;
1032
- font-size: 0.875em;
1033
- line-height: 1.7142857;
1034
- margin-top: 1.7142857em;
1035
- margin-bottom: 1.7142857em;
1036
- border-radius: 0.375rem;
1037
- padding-top: 0.8571429em;
1038
- padding-right: 1.1428571em;
1039
- padding-bottom: 0.8571429em;
1040
- padding-left: 1.1428571em;
1041
- }
1042
-
1043
- .prose pre code {
1044
- background-color: transparent;
1045
- border-width: 0;
1046
- border-radius: 0;
1047
- padding: 0;
1048
- font-weight: 400;
1049
- color: inherit;
1050
- font-size: inherit;
1051
- font-family: inherit;
1052
- line-height: inherit;
1053
- }
1054
-
1055
- .prose pre code::before {
1056
- content: none;
1057
- }
1058
-
1059
- .prose pre code::after {
1060
- content: none;
1061
- }
1062
-
1063
- .prose table {
1064
- width: 100%;
1065
- table-layout: auto;
1066
- text-align: left;
1067
- margin-top: 2em;
1068
- margin-bottom: 2em;
1069
- font-size: 0.875em;
1070
- line-height: 1.7142857;
1071
- }
1072
-
1073
- .prose thead {
1074
- color: #111827;
1075
- font-weight: 600;
1076
- border-bottom-width: 1px;
1077
- border-bottom-color: #d1d5db;
1078
- }
1079
-
1080
- .prose thead th {
1081
- vertical-align: bottom;
1082
- padding-right: 0.5714286em;
1083
- padding-bottom: 0.5714286em;
1084
- padding-left: 0.5714286em;
1085
- }
1086
-
1087
- .prose tbody tr {
1088
- border-bottom-width: 1px;
1089
- border-bottom-color: #e5e7eb;
1090
- }
1091
-
1092
- .prose tbody tr:last-child {
1093
- border-bottom-width: 0;
1094
- }
1095
-
1096
- .prose tbody td {
1097
- vertical-align: top;
1098
- padding-top: 0.5714286em;
1099
- padding-right: 0.5714286em;
1100
- padding-bottom: 0.5714286em;
1101
- padding-left: 0.5714286em;
1102
- }
1103
-
1104
- .prose {
1105
- font-size: 1rem;
1106
- line-height: 1.75;
1107
- }
1108
-
1109
- .prose p {
1110
- margin-top: 1.25em;
1111
- margin-bottom: 1.25em;
1112
- }
1113
-
1114
- .prose img {
1115
- margin-top: 2em;
1116
- margin-bottom: 2em;
1117
- }
1118
-
1119
- .prose video {
1120
- margin-top: 2em;
1121
- margin-bottom: 2em;
1122
- }
1123
-
1124
- .prose figure {
1125
- margin-top: 2em;
1126
- margin-bottom: 2em;
1127
- }
1128
-
1129
- .prose figure > * {
1130
- margin-top: 0;
1131
- margin-bottom: 0;
1132
- }
1133
-
1134
- .prose h2 code {
1135
- font-size: 0.875em;
1136
- }
1137
-
1138
- .prose h3 code {
1139
- font-size: 0.9em;
1140
- }
1141
-
1142
- .prose ol {
1143
- margin-top: 1.25em;
1144
- margin-bottom: 1.25em;
1145
- }
1146
-
1147
- .prose ul {
1148
- margin-top: 1.25em;
1149
- margin-bottom: 1.25em;
1150
- }
1151
-
1152
- .prose li {
1153
- margin-top: 0.5em;
1154
- margin-bottom: 0.5em;
1155
- }
1156
-
1157
- .prose > ul > li p {
1158
- margin-top: 0.75em;
1159
- margin-bottom: 0.75em;
1160
- }
1161
-
1162
- .prose > ul > li > *:first-child {
1163
- margin-top: 1.25em;
1164
- }
1165
-
1166
- .prose > ul > li > *:last-child {
1167
- margin-bottom: 1.25em;
1168
- }
1169
-
1170
- .prose > ol > li > *:first-child {
1171
- margin-top: 1.25em;
1172
- }
1173
-
1174
- .prose > ol > li > *:last-child {
1175
- margin-bottom: 1.25em;
1176
- }
1177
-
1178
- .prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol {
1179
- margin-top: 0.75em;
1180
- margin-bottom: 0.75em;
1181
- }
1182
-
1183
- .prose hr + * {
1184
- margin-top: 0;
1185
- }
1186
-
1187
- .prose h2 + * {
1188
- margin-top: 0;
1189
- }
1190
-
1191
- .prose h3 + * {
1192
- margin-top: 0;
1193
- }
1194
-
1195
- .prose h4 + * {
1196
- margin-top: 0;
1197
- }
1198
-
1199
- .prose thead th:first-child {
1200
- padding-left: 0;
1201
- }
1202
-
1203
- .prose thead th:last-child {
1204
- padding-right: 0;
1205
- }
1206
-
1207
- .prose tbody td:first-child {
1208
- padding-left: 0;
1209
- }
1210
-
1211
- .prose tbody td:last-child {
1212
- padding-right: 0;
1213
- }
1214
-
1215
- .prose > :first-child {
1216
- margin-top: 0;
1217
- }
1218
-
1219
- .prose > :last-child {
1220
- margin-bottom: 0;
1221
- }
1222
-
1223
- .prose-sm {
1224
- font-size: 0.875rem;
1225
- line-height: 1.7142857;
1226
- }
1227
-
1228
- .prose-sm p {
1229
- margin-top: 1.1428571em;
1230
- margin-bottom: 1.1428571em;
1231
- }
1232
-
1233
- .prose-sm [class~="lead"] {
1234
- font-size: 1.2857143em;
1235
- line-height: 1.5555556;
1236
- margin-top: 0.8888889em;
1237
- margin-bottom: 0.8888889em;
1238
- }
1239
-
1240
- .prose-sm blockquote {
1241
- margin-top: 1.3333333em;
1242
- margin-bottom: 1.3333333em;
1243
- padding-left: 1.1111111em;
1244
- }
1245
-
1246
- .prose-sm h1 {
1247
- font-size: 2.1428571em;
1248
- margin-top: 0;
1249
- margin-bottom: 0.8em;
1250
- line-height: 1.2;
1251
- }
1252
-
1253
- .prose-sm h2 {
1254
- font-size: 1.4285714em;
1255
- margin-top: 1.6em;
1256
- margin-bottom: 0.8em;
1257
- line-height: 1.4;
1258
- }
1259
-
1260
- .prose-sm h3 {
1261
- font-size: 1.2857143em;
1262
- margin-top: 1.5555556em;
1263
- margin-bottom: 0.4444444em;
1264
- line-height: 1.5555556;
1265
- }
1266
-
1267
- .prose-sm h4 {
1268
- margin-top: 1.4285714em;
1269
- margin-bottom: 0.5714286em;
1270
- line-height: 1.4285714;
1271
- }
1272
-
1273
- .prose-sm img {
1274
- margin-top: 1.7142857em;
1275
- margin-bottom: 1.7142857em;
1276
- }
1277
-
1278
- .prose-sm video {
1279
- margin-top: 1.7142857em;
1280
- margin-bottom: 1.7142857em;
1281
- }
1282
-
1283
- .prose-sm figure {
1284
- margin-top: 1.7142857em;
1285
- margin-bottom: 1.7142857em;
1286
- }
1287
-
1288
- .prose-sm figure > * {
1289
- margin-top: 0;
1290
- margin-bottom: 0;
1291
- }
1292
-
1293
- .prose-sm figure figcaption {
1294
- font-size: 0.8571429em;
1295
- line-height: 1.3333333;
1296
- margin-top: 0.6666667em;
1297
- }
1298
-
1299
- .prose-sm code {
1300
- font-size: 0.8571429em;
1301
- }
1302
-
1303
- .prose-sm h2 code {
1304
- font-size: 0.9em;
1305
- }
1306
-
1307
- .prose-sm h3 code {
1308
- font-size: 0.8888889em;
1309
- }
1310
-
1311
- .prose-sm pre {
1312
- font-size: 0.8571429em;
1313
- line-height: 1.6666667;
1314
- margin-top: 1.6666667em;
1315
- margin-bottom: 1.6666667em;
1316
- border-radius: 0.25rem;
1317
- padding-top: 0.6666667em;
1318
- padding-right: 1em;
1319
- padding-bottom: 0.6666667em;
1320
- padding-left: 1em;
1321
- }
1322
-
1323
- .prose-sm ol {
1324
- margin-top: 1.1428571em;
1325
- margin-bottom: 1.1428571em;
1326
- }
1327
-
1328
- .prose-sm ul {
1329
- margin-top: 1.1428571em;
1330
- margin-bottom: 1.1428571em;
1331
- }
1332
-
1333
- .prose-sm li {
1334
- margin-top: 0.2857143em;
1335
- margin-bottom: 0.2857143em;
1336
- }
1337
-
1338
- .prose-sm ol > li {
1339
- padding-left: 1.5714286em;
1340
- }
1341
-
1342
- .prose-sm ol > li::before {
1343
- left: 0;
1344
- }
1345
-
1346
- .prose-sm ul > li {
1347
- padding-left: 1.5714286em;
1348
- }
1349
-
1350
- .prose-sm ul > li::before {
1351
- height: 0.3571429em;
1352
- width: 0.3571429em;
1353
- top: calc(0.8571429em - 0.1785714em);
1354
- left: 0.2142857em;
1355
- }
1356
-
1357
- .prose-sm > ul > li p {
1358
- margin-top: 0.5714286em;
1359
- margin-bottom: 0.5714286em;
1360
- }
1361
-
1362
- .prose-sm > ul > li > *:first-child {
1363
- margin-top: 1.1428571em;
1364
- }
1365
-
1366
- .prose-sm > ul > li > *:last-child {
1367
- margin-bottom: 1.1428571em;
1368
- }
1369
-
1370
- .prose-sm > ol > li > *:first-child {
1371
- margin-top: 1.1428571em;
1372
- }
1373
-
1374
- .prose-sm > ol > li > *:last-child {
1375
- margin-bottom: 1.1428571em;
1376
- }
1377
-
1378
- .prose-sm ul ul, .prose-sm ul ol, .prose-sm ol ul, .prose-sm ol ol {
1379
- margin-top: 0.5714286em;
1380
- margin-bottom: 0.5714286em;
1381
- }
1382
-
1383
- .prose-sm hr {
1384
- margin-top: 2.8571429em;
1385
- margin-bottom: 2.8571429em;
1386
- }
1387
-
1388
- .prose-sm hr + * {
1389
- margin-top: 0;
1390
- }
1391
-
1392
- .prose-sm h2 + * {
1393
- margin-top: 0;
1394
- }
1395
-
1396
- .prose-sm h3 + * {
1397
- margin-top: 0;
1398
- }
1399
-
1400
- .prose-sm h4 + * {
1401
- margin-top: 0;
1402
- }
1403
-
1404
- .prose-sm table {
1405
- font-size: 0.8571429em;
1406
- line-height: 1.5;
1407
- }
1408
-
1409
- .prose-sm thead th {
1410
- padding-right: 1em;
1411
- padding-bottom: 0.6666667em;
1412
- padding-left: 1em;
1413
- }
1414
-
1415
- .prose-sm thead th:first-child {
1416
- padding-left: 0;
1417
- }
1418
-
1419
- .prose-sm thead th:last-child {
1420
- padding-right: 0;
1421
- }
1422
-
1423
- .prose-sm tbody td {
1424
- padding-top: 0.6666667em;
1425
- padding-right: 1em;
1426
- padding-bottom: 0.6666667em;
1427
- padding-left: 1em;
1428
- }
1429
-
1430
- .prose-sm tbody td:first-child {
1431
- padding-left: 0;
1432
- }
1433
-
1434
- .prose-sm tbody td:last-child {
1435
- padding-right: 0;
1436
- }
1437
-
1438
- .prose-sm > :first-child {
1439
- margin-top: 0;
1440
- }
1441
-
1442
- .prose-sm > :last-child {
1443
- margin-bottom: 0;
1444
- }
1445
-
1446
- .pointer-events-none {
1447
- pointer-events: none;
1448
- }
1449
-
1450
- .absolute {
1451
- position: absolute;
1452
- }
1453
-
1454
- .relative {
1455
- position: relative;
1456
- }
1457
-
1458
- .inset-0 {
1459
- top: 0px;
1460
- right: 0px;
1461
- bottom: 0px;
1462
- left: 0px;
1463
- }
1464
-
1465
- .inset-y-0 {
1466
- top: 0px;
1467
- bottom: 0px;
1468
- }
1469
-
1470
- .top-0 {
1471
- top: 0px;
1472
- }
1473
-
1474
- .bottom-0 {
1475
- bottom: 0px;
1476
- }
1477
-
1478
- .right-0 {
1479
- right: 0px;
1480
- }
1481
-
1482
- .top-1\/2 {
1483
- top: 50%;
1484
- }
1485
-
1486
- .right-2 {
1487
- right: 0.5rem;
1488
- }
1489
-
1490
- .left-0 {
1491
- left: 0px;
1492
- }
1493
-
1494
- .left-4 {
1495
- left: 1rem;
1496
- }
1497
-
1498
- .z-10 {
1499
- z-index: 10;
1500
- }
1501
-
1502
- .mx-auto {
1503
- margin-left: auto;
1504
- margin-right: auto;
1505
- }
1506
-
1507
- .mt-4 {
1508
- margin-top: 1rem;
1509
- }
1510
-
1511
- .mt-3 {
1512
- margin-top: 0.75rem;
1513
- }
1514
-
1515
- .mt-2 {
1516
- margin-top: 0.5rem;
1517
- }
1518
-
1519
- .mr-1\.5 {
1520
- margin-right: 0.375rem;
1521
- }
1522
-
1523
- .ml-\[3px\] {
1524
- margin-left: 3px;
1525
- }
1526
-
1527
- .mr-1 {
1528
- margin-right: 0.25rem;
1529
- }
1530
-
1531
- .mr-3 {
1532
- margin-right: 0.75rem;
1533
- }
1534
-
1535
- .ml-4 {
1536
- margin-left: 1rem;
1537
- }
1538
-
1539
- .mb-1 {
1540
- margin-bottom: 0.25rem;
1541
- }
1542
-
1543
- .ml-auto {
1544
- margin-left: auto;
1545
- }
1546
-
1547
- .-mb-px {
1548
- margin-bottom: -1px;
1549
- }
1550
-
1551
- .block {
1552
- display: block;
1553
- }
1554
-
1555
- .inline-block {
1556
- display: inline-block;
1557
- }
1558
-
1559
- .flex {
1560
- display: flex;
1561
- }
1562
-
1563
- .inline-flex {
1564
- display: inline-flex;
1565
- }
1566
-
1567
- .hidden {
1568
- display: none;
1569
- }
1570
-
1571
- .h-screen {
1572
- height: 100vh;
1573
- }
1574
-
1575
- .h-full {
1576
- height: 100%;
1577
- }
1578
-
1579
- .h-10 {
1580
- height: 2.5rem;
1581
- }
1582
-
1583
- .h-3\.5 {
1584
- height: 0.875rem;
1585
- }
1586
-
1587
- .h-3 {
1588
- height: 0.75rem;
1589
- }
1590
-
1591
- .h-4 {
1592
- height: 1rem;
1593
- }
1594
-
1595
- .h-5 {
1596
- height: 1.25rem;
1597
- }
1598
-
1599
- .h-\[11px\] {
1600
- height: 11px;
1601
- }
1602
-
1603
- .h-6 {
1604
- height: 1.5rem;
1605
- }
1606
-
1607
- .w-full {
1608
- width: 100%;
1609
- }
1610
-
1611
- .w-10 {
1612
- width: 2.5rem;
1613
- }
1614
-
1615
- .w-screen {
1616
- width: 100vw;
1617
- }
1618
-
1619
- .w-\[9px\] {
1620
- width: 9px;
1621
- }
1622
-
1623
- .w-3\.5 {
1624
- width: 0.875rem;
1625
- }
1626
-
1627
- .w-3 {
1628
- width: 0.75rem;
1629
- }
1630
-
1631
- .w-4 {
1632
- width: 1rem;
1633
- }
1634
-
1635
- .w-5 {
1636
- width: 1.25rem;
1637
- }
1638
-
1639
- .w-\[200px\] {
1640
- width: 200px;
1641
- }
1642
-
1643
- .w-11 {
1644
- width: 2.75rem;
1645
- }
1646
-
1647
- .max-w-xs {
1648
- max-width: 20rem;
1649
- }
1650
-
1651
- .max-w-\[800px\] {
1652
- max-width: 800px;
1653
- }
1654
-
1655
- .flex-none {
1656
- flex: none;
1657
- }
1658
-
1659
- .flex-auto {
1660
- flex: 1 1 auto;
1661
- }
1662
-
1663
- .flex-shrink-0 {
1664
- flex-shrink: 0;
1665
- }
1666
-
1667
- .flex-grow {
1668
- flex-grow: 1;
1669
- }
1670
-
1671
- .-translate-x-1\/2 {
1672
- --tw-translate-x: -50%;
1673
- transform: var(--tw-transform);
1674
- }
1675
-
1676
- .-translate-y-1\/2 {
1677
- --tw-translate-y: -50%;
1678
- transform: var(--tw-transform);
1679
- }
1680
-
1681
- .translate-x-5 {
1682
- --tw-translate-x: 1.25rem;
1683
- transform: var(--tw-transform);
1684
- }
1685
-
1686
- .translate-x-0 {
1687
- --tw-translate-x: 0px;
1688
- transform: var(--tw-transform);
1689
- }
1690
-
1691
- .transform {
1692
- transform: var(--tw-transform);
1693
- }
1694
-
1695
- .cursor-\[col-resize\] {
1696
- cursor: col-resize;
1697
- }
1698
-
1699
- .cursor-pointer {
1700
- cursor: pointer;
1701
- }
1702
-
1703
- .cursor-\[row-resize\] {
1704
- cursor: row-resize;
1705
- }
1706
-
1707
- .cursor-auto {
1708
- cursor: auto;
1709
- }
1710
-
1711
- .select-none {
1712
- -webkit-user-select: none;
1713
- -moz-user-select: none;
1714
- -ms-user-select: none;
1715
- user-select: none;
1716
- }
1717
-
1718
- .resize {
1719
- resize: both;
1720
- }
1721
-
1722
- .flex-col {
1723
- flex-direction: column;
1724
- }
1725
-
1726
- .items-start {
1727
- align-items: flex-start;
1728
- }
1729
-
1730
- .items-center {
1731
- align-items: center;
1732
- }
1733
-
1734
- .justify-center {
1735
- justify-content: center;
1736
- }
1737
-
1738
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1739
- --tw-space-x-reverse: 0;
1740
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1741
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1742
- }
1743
-
1744
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1745
- --tw-space-x-reverse: 0;
1746
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1747
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1748
- }
1749
-
1750
- .space-x-8 > :not([hidden]) ~ :not([hidden]) {
1751
- --tw-space-x-reverse: 0;
1752
- margin-right: calc(2rem * var(--tw-space-x-reverse));
1753
- margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
1754
- }
1755
-
1756
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1757
- --tw-divide-y-reverse: 0;
1758
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1759
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1760
- }
1761
-
1762
- .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
1763
- --tw-divide-opacity: 1;
1764
- border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
1765
- }
1766
-
1767
- .overflow-auto {
1768
- overflow: auto;
1769
- }
1770
-
1771
- .overflow-hidden {
1772
- overflow: hidden;
1773
- }
1774
-
1775
- .overflow-y-auto {
1776
- overflow-y: auto;
1777
- }
1778
-
1779
- .truncate {
1780
- overflow: hidden;
1781
- text-overflow: ellipsis;
1782
- white-space: nowrap;
1783
- }
1784
-
1785
- .whitespace-nowrap {
1786
- white-space: nowrap;
1787
- }
1788
-
1789
- .rounded-full {
1790
- border-radius: 9999px;
1791
- }
1792
-
1793
- .rounded-b {
1794
- border-bottom-right-radius: 0.25rem;
1795
- border-bottom-left-radius: 0.25rem;
1796
- }
1797
-
1798
- .rounded-bl-md {
1799
- border-bottom-left-radius: 0.375rem;
1800
- }
1801
-
1802
- .border-0 {
1803
- border-width: 0px;
1804
- }
1805
-
1806
- .border {
1807
- border-width: 1px;
1808
- }
1809
-
1810
- .border-2 {
1811
- border-width: 2px;
1812
- }
1813
-
1814
- .border-r {
1815
- border-right-width: 1px;
1816
- }
1817
-
1818
- .border-b {
1819
- border-bottom-width: 1px;
1820
- }
1821
-
1822
- .border-l {
1823
- border-left-width: 1px;
1824
- }
1825
-
1826
- .border-t {
1827
- border-top-width: 1px;
1828
- }
1829
-
1830
- .border-b-2 {
1831
- border-bottom-width: 2px;
1832
- }
1833
-
1834
- .border-t-0 {
1835
- border-top-width: 0px;
1836
- }
1837
-
1838
- .border-gray-300 {
1839
- --tw-border-opacity: 1;
1840
- border-color: rgba(209, 213, 219, var(--tw-border-opacity));
1841
- }
1842
-
1843
- .border-gray-200 {
1844
- --tw-border-opacity: 1;
1845
- border-color: rgba(229, 231, 235, var(--tw-border-opacity));
1846
- }
1847
-
1848
- .border-indigo-400 {
1849
- --tw-border-opacity: 1;
1850
- border-color: rgba(129, 140, 248, var(--tw-border-opacity));
1851
- }
1852
-
1853
- .border-transparent {
1854
- border-color: transparent;
1855
- }
1856
-
1857
- .bg-white {
1858
- --tw-bg-opacity: 1;
1859
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1860
- }
1861
-
1862
- .bg-gray-100 {
1863
- --tw-bg-opacity: 1;
1864
- background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1865
- }
1866
-
1867
- .bg-transparent {
1868
- background-color: transparent;
1869
- }
1870
-
1871
- .\!bg-indigo-100 {
1872
- --tw-bg-opacity: 1 !important;
1873
- background-color: rgba(224, 231, 255, var(--tw-bg-opacity)) !important;
1874
- }
1875
-
1876
- .bg-gray-50 {
1877
- --tw-bg-opacity: 1;
1878
- background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1879
- }
1880
-
1881
- .bg-indigo-500 {
1882
- --tw-bg-opacity: 1;
1883
- background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
1884
- }
1885
-
1886
- .bg-gray-300 {
1887
- --tw-bg-opacity: 1;
1888
- background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
1889
- }
1890
-
1891
- .p-4 {
1892
- padding: 1rem;
1893
- }
1894
-
1895
- .p-1\.5 {
1896
- padding: 0.375rem;
1897
- }
1898
-
1899
- .p-1 {
1900
- padding: 0.25rem;
1901
- }
1902
-
1903
- .py-\[5px\] {
1904
- padding-top: 5px;
1905
- padding-bottom: 5px;
1906
- }
1907
-
1908
- .py-1 {
1909
- padding-top: 0.25rem;
1910
- padding-bottom: 0.25rem;
1911
- }
1912
-
1913
- .py-2 {
1914
- padding-top: 0.5rem;
1915
- padding-bottom: 0.5rem;
1916
- }
1917
-
1918
- .px-4 {
1919
- padding-left: 1rem;
1920
- padding-right: 1rem;
1921
- }
1922
-
1923
- .px-1 {
1924
- padding-left: 0.25rem;
1925
- padding-right: 0.25rem;
1926
- }
1927
-
1928
- .px-2 {
1929
- padding-left: 0.5rem;
1930
- padding-right: 0.5rem;
1931
- }
1932
-
1933
- .py-0 {
1934
- padding-top: 0px;
1935
- padding-bottom: 0px;
1936
- }
1937
-
1938
- .py-3 {
1939
- padding-top: 0.75rem;
1940
- padding-bottom: 0.75rem;
1941
- }
1942
-
1943
- .pr-3 {
1944
- padding-right: 0.75rem;
1945
- }
1946
-
1947
- .pt-10 {
1948
- padding-top: 2.5rem;
1949
- }
1950
-
1951
- .pb-8 {
1952
- padding-bottom: 2rem;
1953
- }
1954
-
1955
- .text-left {
1956
- text-align: left;
1957
- }
1958
-
1959
- .text-center {
1960
- text-align: center;
1961
- }
1962
-
1963
- .font-sans {
1964
- font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1965
- }
1966
-
1967
- .font-monospace {
1968
- font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
1969
- }
1970
-
1971
- .text-base {
1972
- font-size: 1rem;
1973
- line-height: 1.5rem;
1974
- }
1975
-
1976
- .text-sm {
1977
- font-size: 0.875rem;
1978
- line-height: 1.25rem;
1979
- }
1980
-
1981
- .text-xs {
1982
- font-size: 0.75rem;
1983
- line-height: 1rem;
1984
- }
1985
-
1986
- .text-\[11px\] {
1987
- font-size: 11px;
1988
- }
1989
-
1990
- .font-bold {
1991
- font-weight: 700;
1992
- }
1993
-
1994
- .text-gray-300 {
1995
- --tw-text-opacity: 1;
1996
- color: rgba(209, 213, 219, var(--tw-text-opacity));
1997
- }
1998
-
1999
- .text-gray-400 {
2000
- --tw-text-opacity: 1;
2001
- color: rgba(156, 163, 175, var(--tw-text-opacity));
2002
- }
2003
-
2004
- .text-red-300 {
2005
- --tw-text-opacity: 1;
2006
- color: rgba(252, 165, 165, var(--tw-text-opacity));
2007
- }
2008
-
2009
- .text-gray-700 {
2010
- --tw-text-opacity: 1;
2011
- color: rgba(55, 65, 81, var(--tw-text-opacity));
2012
- }
2013
-
2014
- .text-gray-500 {
2015
- --tw-text-opacity: 1;
2016
- color: rgba(107, 114, 128, var(--tw-text-opacity));
2017
- }
2018
-
2019
- .text-gray-800 {
2020
- --tw-text-opacity: 1;
2021
- color: rgba(31, 41, 55, var(--tw-text-opacity));
2022
- }
2023
-
2024
- .text-gray-900 {
2025
- --tw-text-opacity: 1;
2026
- color: rgba(17, 24, 39, var(--tw-text-opacity));
2027
- }
2028
-
2029
- .text-indigo-500 {
2030
- --tw-text-opacity: 1;
2031
- color: rgba(99, 102, 241, var(--tw-text-opacity));
2032
- }
2033
-
2034
- .\!text-gray-300 {
2035
- --tw-text-opacity: 1 !important;
2036
- color: rgba(209, 213, 219, var(--tw-text-opacity)) !important;
2037
- }
2038
-
2039
- .text-gray-600 {
2040
- --tw-text-opacity: 1;
2041
- color: rgba(75, 85, 99, var(--tw-text-opacity));
2042
- }
2043
-
2044
- .underline {
2045
- text-decoration: underline;
2046
- }
2047
-
2048
- .antialiased {
2049
- -webkit-font-smoothing: antialiased;
2050
- -moz-osx-font-smoothing: grayscale;
2051
- }
2052
-
2053
- .opacity-0 {
2054
- opacity: 0;
2055
- }
2056
-
2057
- .opacity-50 {
2058
- opacity: 0.5;
2059
- }
2060
-
2061
- .shadow {
2062
- --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
2063
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2064
- }
2065
-
2066
- .outline-none {
2067
- outline: 2px solid transparent;
2068
- outline-offset: 2px;
2069
- }
2070
-
2071
- .ring-0 {
2072
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2073
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2074
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2075
- }
2076
-
2077
- .blur {
2078
- --tw-blur: blur(8px);
2079
- filter: var(--tw-filter);
2080
- }
2081
-
2082
- .filter {
2083
- filter: var(--tw-filter);
2084
- }
2085
-
2086
- .transition {
2087
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2088
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2089
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2090
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2091
- transition-duration: 150ms;
2092
- }
2093
-
2094
- .transition-colors {
2095
- transition-property: background-color, border-color, color, fill, stroke;
2096
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2097
- transition-duration: 150ms;
2098
- }
2099
-
2100
- .duration-200 {
2101
- transition-duration: 200ms;
2102
- }
2103
-
2104
- .ease-in-out {
2105
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2106
- }
2107
-
2108
- .min-h-fill {
2109
- min-height: -webkit-fill-available;
2110
- min-height: -moz-available;
2111
- min-height: fill-available;
2112
- }
2113
-
2114
- .form-input {
2115
- width: 100%;
2116
- border-radius: 0.125rem;
2117
- --tw-border-opacity: 1;
2118
- border-color: rgba(209, 213, 219, var(--tw-border-opacity));
2119
- font-size: 0.875rem;
2120
- line-height: 1.25rem;
2121
- --tw-text-opacity: 1;
2122
- color: rgba(55, 65, 81, var(--tw-text-opacity));
2123
- }
2124
-
2125
- .form-input:focus {
2126
- --tw-border-opacity: 1;
2127
- border-color: rgba(165, 180, 252, var(--tw-border-opacity));
2128
- --tw-ring-opacity: 1;
2129
- --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
2130
- }
2131
-
2132
- .tippy-box[data-animation=fade][data-state=hidden]{
2133
- opacity:0
2134
- }
2135
-
2136
- [data-tippy-root]{
2137
- max-width:calc(100vw - 10px)
2138
- }
2139
-
2140
- .tippy-box{
2141
- position:relative;
2142
- background-color:#333;
2143
- color:#fff;
2144
- border-radius:4px;
2145
- font-size:14px;
2146
- line-height:1.4;
2147
- white-space:normal;
2148
- outline:0;
2149
- transition-property:transform,visibility,opacity
2150
- }
2151
-
2152
- .tippy-box[data-placement^=top]>.tippy-arrow{
2153
- bottom:0
2154
- }
2155
-
2156
- .tippy-box[data-placement^=top]>.tippy-arrow:before{
2157
- bottom:-7px;
2158
- left:0;
2159
- border-width:8px 8px 0;
2160
- border-top-color:initial;
2161
- transform-origin:center top
2162
- }
2163
-
2164
- .tippy-box[data-placement^=bottom]>.tippy-arrow{
2165
- top:0
2166
- }
2167
-
2168
- .tippy-box[data-placement^=bottom]>.tippy-arrow:before{
2169
- top:-7px;
2170
- left:0;
2171
- border-width:0 8px 8px;
2172
- border-bottom-color:initial;
2173
- transform-origin:center bottom
2174
- }
2175
-
2176
- .tippy-box[data-placement^=left]>.tippy-arrow{
2177
- right:0
2178
- }
2179
-
2180
- .tippy-box[data-placement^=left]>.tippy-arrow:before{
2181
- border-width:8px 0 8px 8px;
2182
- border-left-color:initial;
2183
- right:-7px;
2184
- transform-origin:center left
2185
- }
2186
-
2187
- .tippy-box[data-placement^=right]>.tippy-arrow{
2188
- left:0
2189
- }
2190
-
2191
- .tippy-box[data-placement^=right]>.tippy-arrow:before{
2192
- left:-7px;
2193
- border-width:8px 8px 8px 0;
2194
- border-right-color:initial;
2195
- transform-origin:center right
2196
- }
2197
-
2198
- .tippy-box[data-inertia][data-state=visible]{
2199
- transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)
2200
- }
2201
-
2202
- .tippy-arrow{
2203
- width:16px;
2204
- height:16px;
2205
- color:#333
2206
- }
2207
-
2208
- .tippy-arrow:before{
2209
- content:"";
2210
- position:absolute;
2211
- border-color:transparent;
2212
- border-style:solid
2213
- }
2214
-
2215
- .tippy-content{
2216
- position:relative;
2217
- padding:5px 9px;
2218
- z-index:1
2219
- }
2220
-
2221
- /*
2222
- * GitHub style for Pygments
2223
- * Courtesy of GitHub.com
2224
- */
2225
-
2226
- .highlight .hll {
2227
- background-color: #f8f8f8;
2228
- border: 1px solid #ccc;
2229
- padding: 6px 10px;
2230
- border-radius: 3px;
2231
- }
2232
-
2233
- .highlight .c {
2234
- color: #999988;
2235
- font-style: italic;
2236
- }
2237
-
2238
- .highlight .err {
2239
- color: #a61717;
2240
- background-color: #e3d2d2;
2241
- }
2242
-
2243
- .highlight .k {
2244
- font-weight: bold;
2245
- }
2246
-
2247
- .highlight .o {
2248
- font-weight: bold;
2249
- }
2250
-
2251
- .highlight .cm {
2252
- color: #999988;
2253
- font-style: italic;
2254
- }
2255
-
2256
- .highlight .cp {
2257
- color: #999999;
2258
- font-weight: bold;
2259
- }
2260
-
2261
- .highlight .c1 {
2262
- color: #999988;
2263
- font-style: italic;
2264
- }
2265
-
2266
- .highlight .cs {
2267
- color: #999999;
2268
- font-weight: bold;
2269
- font-style: italic;
2270
- }
2271
-
2272
- .highlight .gd {
2273
- color: #000000;
2274
- background-color: #ffdddd;
2275
- }
2276
-
2277
- .highlight .gd .x {
2278
- color: #000000;
2279
- background-color: #ffaaaa;
2280
- }
2281
-
2282
- .highlight .ge {
2283
- font-style: italic;
2284
- }
2285
-
2286
- .highlight .gr {
2287
- color: #aa0000;
2288
- }
2289
-
2290
- .highlight .gh {
2291
- color: #999999;
2292
- }
2293
-
2294
- .highlight .gi {
2295
- color: #000000;
2296
- background-color: #ddffdd;
2297
- }
2298
-
2299
- .highlight .gi .x {
2300
- color: #000000;
2301
- background-color: #aaffaa;
2302
- }
2303
-
2304
- .highlight .go {
2305
- color: #888888;
2306
- }
2307
-
2308
- .highlight .gp {
2309
- color: #555555;
2310
- }
2311
-
2312
- .highlight .gs {
2313
- font-weight: bold;
2314
- }
2315
-
2316
- .highlight .gu {
2317
- color: #800080;
2318
- font-weight: bold;
2319
- }
2320
-
2321
- .highlight .gt {
2322
- color: #aa0000;
2323
- }
2324
-
2325
- .highlight .kc {
2326
- font-weight: bold;
2327
- }
2328
-
2329
- .highlight .kd {
2330
- font-weight: bold;
2331
- }
2332
-
2333
- .highlight .kn {
2334
- font-weight: bold;
2335
- }
2336
-
2337
- .highlight .kp {
2338
- font-weight: bold;
2339
- }
2340
-
2341
- .highlight .kr {
2342
- font-weight: bold;
2343
- }
2344
-
2345
- .highlight .kt {
2346
- color: #445588;
2347
- font-weight: bold;
2348
- }
2349
-
2350
- .highlight .m {
2351
- color: #009999;
2352
- }
2353
-
2354
- .highlight .s {
2355
- color: #dd1144;
2356
- }
2357
-
2358
- .highlight .n {
2359
- color: #333333;
2360
- }
2361
-
2362
- .highlight .na {
2363
- color: teal;
2364
- }
2365
-
2366
- .highlight .nb {
2367
- color: #0086b3;
2368
- }
2369
-
2370
- .highlight .nc {
2371
- color: #445588;
2372
- font-weight: bold;
2373
- }
2374
-
2375
- .highlight .no {
2376
- color: teal;
2377
- }
2378
-
2379
- .highlight .ni {
2380
- color: purple;
2381
- }
2382
-
2383
- .highlight .ne {
2384
- color: #990000;
2385
- font-weight: bold;
2386
- }
2387
-
2388
- .highlight .nf {
2389
- color: #990000;
2390
- font-weight: bold;
2391
- }
2392
-
2393
- .highlight .nn {
2394
- color: #555555;
2395
- }
2396
-
2397
- .highlight .nt {
2398
- color: navy;
2399
- }
2400
-
2401
- .highlight .nv {
2402
- color: teal;
2403
- }
2404
-
2405
- .highlight .ow {
2406
- font-weight: bold;
2407
- }
2408
-
2409
- .highlight .w {
2410
- color: #bbbbbb;
2411
- }
2412
-
2413
- .highlight .mf {
2414
- color: #009999;
2415
- }
2416
-
2417
- .highlight .mh {
2418
- color: #009999;
2419
- }
2420
-
2421
- .highlight .mi {
2422
- color: #009999;
2423
- }
2424
-
2425
- .highlight .mo {
2426
- color: #009999;
2427
- }
2428
-
2429
- .highlight .sb {
2430
- color: #dd1144;
2431
- }
2432
-
2433
- .highlight .sc {
2434
- color: #dd1144;
2435
- }
2436
-
2437
- .highlight .sd {
2438
- color: #dd1144;
2439
- }
2440
-
2441
- .highlight .s2 {
2442
- color: #dd1144;
2443
- }
2444
-
2445
- .highlight .se {
2446
- color: #dd1144;
2447
- }
2448
-
2449
- .highlight .sh {
2450
- color: #dd1144;
2451
- }
2452
-
2453
- .highlight .si {
2454
- color: #dd1144;
2455
- }
2456
-
2457
- .highlight .sx {
2458
- color: #dd1144;
2459
- }
2460
-
2461
- .highlight .sr {
2462
- color: #009926;
2463
- }
2464
-
2465
- .highlight .s1 {
2466
- color: #dd1144;
2467
- }
2468
-
2469
- .highlight .ss {
2470
- color: #990073;
2471
- }
2472
-
2473
- .highlight .bp {
2474
- color: #999999;
2475
- }
2476
-
2477
- .highlight .vc {
2478
- color: teal;
2479
- }
2480
-
2481
- .highlight .vg {
2482
- color: teal;
2483
- }
2484
-
2485
- .highlight .vi {
2486
- color: teal;
2487
- }
2488
-
2489
- .highlight .il {
2490
- color: #009999;
2491
- }
2492
-
2493
- .highlight .gc {
2494
- color: #999;
2495
- background-color: #eaf2f5;
2496
- }
2497
-
2498
- .tippy-box[data-theme~="lookbook"] {
2499
- --tw-bg-opacity: 1;
2500
- background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
2501
- font-size: 0.75rem;
2502
- line-height: 1rem;
2503
- --tw-text-opacity: 1;
2504
- color: rgba(255, 255, 255, var(--tw-text-opacity));
2505
- opacity: 0.9;
2506
- }
2507
-
2508
- .tippy-box[data-theme~="lookbook"][data-placement^="top"] > .tippy-arrow::before {
2509
- border-top-color: #6366f1;
2510
- }
2511
-
2512
- .tippy-box[data-theme~="lookbook"][data-placement^="bottom"] > .tippy-arrow::before {
2513
- border-bottom-color: #6366f1;
2514
- }
2515
-
2516
- .tippy-box[data-theme~="lookbook"][data-placement^="left"] > .tippy-arrow::before {
2517
- border-left-color: #6366f1;
2518
- }
2519
-
2520
- .tippy-box[data-theme~="lookbook"][data-placement^="right"] > .tippy-arrow::before {
2521
- border-right-color: #6366f1;
2522
- }
2523
-
2524
- .hover\:border-gray-300:hover {
2525
- --tw-border-opacity: 1;
2526
- border-color: rgba(209, 213, 219, var(--tw-border-opacity));
2527
- }
2528
-
2529
- .hover\:bg-indigo-100:hover {
2530
- --tw-bg-opacity: 1;
2531
- background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
2532
- }
2533
-
2534
- .hover\:bg-gray-200:hover {
2535
- --tw-bg-opacity: 1;
2536
- background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
2537
- }
2538
-
2539
- .hover\:bg-opacity-20:hover {
2540
- --tw-bg-opacity: 0.2;
2541
- }
2542
-
2543
- .hover\:bg-opacity-50:hover {
2544
- --tw-bg-opacity: 0.5;
2545
- }
2546
-
2547
- .hover\:text-indigo-500:hover {
2548
- --tw-text-opacity: 1;
2549
- color: rgba(99, 102, 241, var(--tw-text-opacity));
2550
- }
2551
-
2552
- .hover\:text-indigo-800:hover {
2553
- --tw-text-opacity: 1;
2554
- color: rgba(55, 48, 163, var(--tw-text-opacity));
2555
- }
2556
-
2557
- .hover\:text-gray-700:hover {
2558
- --tw-text-opacity: 1;
2559
- color: rgba(55, 65, 81, var(--tw-text-opacity));
2560
- }
2561
-
2562
- .focus\:outline-none:focus {
2563
- outline: 2px solid transparent;
2564
- outline-offset: 2px;
2565
- }
2566
-
2567
- .focus\:ring-0:focus {
2568
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2569
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2570
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2571
- }
2572
-
2573
- .focus\:ring-2:focus {
2574
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2575
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2576
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2577
- }
2578
-
2579
- .focus\:ring-indigo-400:focus {
2580
- --tw-ring-opacity: 1;
2581
- --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
2582
- }
2583
-
2584
- .focus\:ring-offset-2:focus {
2585
- --tw-ring-offset-width: 2px;
2586
- }
2587
-
2588
- .group:hover .group-hover\:text-indigo-800 {
2589
- --tw-text-opacity: 1;
2590
- color: rgba(55, 48, 163, var(--tw-text-opacity));
2591
- }
2592
-
2593
- @media (min-width: 768px) {
2594
- .md\:-mx-px {
2595
- margin-left: -1px;
2596
- margin-right: -1px;
2597
- }
2598
-
2599
- .md\:ml-3 {
2600
- margin-left: 0.75rem;
2601
- }
2602
-
2603
- .md\:grid {
2604
- display: grid;
2605
- }
2606
-
2607
- .md\:h-auto {
2608
- height: auto;
2609
- }
2610
-
2611
- .md\:min-h-0 {
2612
- min-height: 0px;
2613
- }
2614
-
2615
- .md\:border-l {
2616
- border-left-width: 1px;
2617
- }
2618
-
2619
- .md\:pl-3 {
2620
- padding-left: 0.75rem;
2621
- }
2622
-
2623
- .md\:pr-4 {
2624
- padding-right: 1rem;
2625
- }
2626
- }