lookbook 2.0.0.beta.2 → 2.0.0.beta.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/lookbook/css/fonts.css +33 -0
  3. data/app/assets/lookbook/css/lookbook.css +1 -0
  4. data/app/assets/lookbook/fonts/Inter-italic.var.woff2 +0 -0
  5. data/app/assets/lookbook/fonts/Inter-roman.var.woff2 +0 -0
  6. data/app/assets/lookbook/fonts/SourceCodeVariable-Italic.ttf.woff2 +0 -0
  7. data/app/assets/lookbook/fonts/SourceCodeVariable-Roman.ttf.woff2 +0 -0
  8. data/app/assets/lookbook/js/lib/lookbook.js +12 -2
  9. data/app/components/lookbook/nav/entity/component.html.erb +1 -1
  10. data/app/components/lookbook/page_tabs/component.html.erb +2 -2
  11. data/app/views/lookbook/pages/show.html.erb +3 -3
  12. data/lib/lookbook/engine.rb +8 -4
  13. data/lib/lookbook/error.rb +1 -1
  14. data/lib/lookbook/services/markdown_renderer.rb +2 -4
  15. data/lib/lookbook/version.rb +1 -1
  16. data/public/lookbook-assets/Inter-italic.var.69eb0fe1.woff2 +0 -0
  17. data/public/lookbook-assets/Inter-italic.var.736a7044.woff2 +0 -0
  18. data/public/lookbook-assets/Inter-roman.var.b695afbe.woff2 +0 -0
  19. data/public/lookbook-assets/Inter-roman.var.fbdd51d0.woff2 +0 -0
  20. data/public/lookbook-assets/SourceCodeVariable-Italic.cad97b83.otf +0 -0
  21. data/public/lookbook-assets/SourceCodeVariable-Italic.ttf.09b4354a.woff2 +0 -0
  22. data/public/lookbook-assets/SourceCodeVariable-Italic.ttf.fcd7e9f4.woff2 +0 -0
  23. data/public/lookbook-assets/SourceCodeVariable-Roman.185ddb17.otf +0 -0
  24. data/public/lookbook-assets/SourceCodeVariable-Roman.ttf.118e9f22.woff2 +0 -0
  25. data/public/lookbook-assets/SourceCodeVariable-Roman.ttf.91043609.woff2 +0 -0
  26. data/public/lookbook-assets/css/lookbook.css +43 -5
  27. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  28. data/public/lookbook-assets/js/index.js +48 -48
  29. data/public/lookbook-assets/js/index.js.map +1 -1
  30. data/public/lookbook-assets/js/lookbook-core.js +4 -2
  31. data/public/lookbook-assets/js/lookbook.js +4 -2
  32. metadata +18 -21
  33. data/lib/tasks/lookbook_tasks.rake +0 -10
  34. data/public/lookbook-assets/css/app.css +0 -2341
  35. data/public/lookbook-assets/css/app.css.map +0 -11
  36. data/public/lookbook-assets/css/themes/zinc.css.map.91837.5 +0 -1
  37. data/public/lookbook-assets/feather-sprite.svg +0 -1
  38. data/public/lookbook-assets/js/app.js +0 -10862
  39. data/public/lookbook-assets/js/app.js.map +0 -2571
  40. data/public/lookbook-assets/js/embed.js +0 -1427
  41. data/public/lookbook-assets/js/embed.js.91837.6 +0 -0
  42. data/public/lookbook-assets/js/embed.js.map +0 -1
  43. data/public/lookbook-assets/js/lookbook-core.js.map +0 -1
  44. data/public/lookbook-assets/js/lookbook.js.map +0 -1
  45. data/public/lookbook-assets/lookbook-esm.js +0 -1427
  46. data/public/lookbook-assets/lookbook-esm.js.map +0 -1
  47. data/public/lookbook-assets/lookbook-global.js +0 -1427
  48. data/public/lookbook-assets/lookbook-global.js.map +0 -1
  49. data/public/lookbook-assets/lookbook.js +0 -1427
  50. data/public/lookbook-assets/lookbook.js.map +0 -1
@@ -1,2341 +0,0 @@
1
- *,
2
- :before,
3
- :after {
4
- box-sizing: border-box;
5
- border: 0 solid #e5e7eb;
6
- }
7
- :before,
8
- :after {
9
- --tw-content: "";
10
- }
11
- html {
12
- -webkit-text-size-adjust: 100%;
13
- tab-size: 4;
14
- font-family: Nunito Sans, -apple-system, \.SFNSText-Regular, San Francisco,
15
- BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
16
- line-height: 1.5;
17
- }
18
- body {
19
- line-height: inherit;
20
- margin: 0;
21
- }
22
- hr {
23
- height: 0;
24
- color: inherit;
25
- border-top-width: 1px;
26
- }
27
- abbr:where([title]) {
28
- text-decoration: underline dotted;
29
- }
30
- h1,
31
- h2,
32
- h3,
33
- h4,
34
- h5,
35
- h6 {
36
- font-size: inherit;
37
- font-weight: inherit;
38
- }
39
- a {
40
- color: inherit;
41
- text-decoration: inherit;
42
- }
43
- b,
44
- strong {
45
- font-weight: bolder;
46
- }
47
- code,
48
- kbd,
49
- samp,
50
- pre {
51
- font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
52
- monospace;
53
- font-size: 1em;
54
- }
55
- small {
56
- font-size: 80%;
57
- }
58
- sub,
59
- sup {
60
- vertical-align: baseline;
61
- font-size: 75%;
62
- line-height: 0;
63
- position: relative;
64
- }
65
- sub {
66
- bottom: -0.25em;
67
- }
68
- sup {
69
- top: -0.5em;
70
- }
71
- table {
72
- text-indent: 0;
73
- border-color: inherit;
74
- border-collapse: collapse;
75
- }
76
- button,
77
- input,
78
- optgroup,
79
- select,
80
- textarea {
81
- font-family: inherit;
82
- font-size: 100%;
83
- line-height: inherit;
84
- color: inherit;
85
- margin: 0;
86
- padding: 0;
87
- }
88
- button,
89
- select {
90
- text-transform: none;
91
- }
92
- button,
93
- [type="button"],
94
- [type="reset"],
95
- [type="submit"] {
96
- -webkit-appearance: button;
97
- background-color: #0000;
98
- background-image: none;
99
- }
100
- :-moz-focusring {
101
- outline: auto;
102
- }
103
- :-moz-ui-invalid {
104
- box-shadow: none;
105
- }
106
- progress {
107
- vertical-align: baseline;
108
- }
109
- ::-webkit-inner-spin-button,
110
- ::-webkit-outer-spin-button {
111
- height: auto;
112
- }
113
- [type="search"] {
114
- -webkit-appearance: textfield;
115
- outline-offset: -2px;
116
- }
117
- ::-webkit-search-decoration {
118
- -webkit-appearance: none;
119
- }
120
- ::-webkit-file-upload-button {
121
- -webkit-appearance: button;
122
- font: inherit;
123
- }
124
- summary {
125
- display: list-item;
126
- }
127
- blockquote,
128
- dl,
129
- dd,
130
- h1,
131
- h2,
132
- h3,
133
- h4,
134
- h5,
135
- h6,
136
- hr,
137
- figure,
138
- p,
139
- pre {
140
- margin: 0;
141
- }
142
- fieldset {
143
- margin: 0;
144
- padding: 0;
145
- }
146
- legend {
147
- padding: 0;
148
- }
149
- ol,
150
- ul,
151
- menu {
152
- margin: 0;
153
- padding: 0;
154
- list-style: none;
155
- }
156
- textarea {
157
- resize: vertical;
158
- }
159
- input::placeholder,
160
- textarea::placeholder {
161
- opacity: 1;
162
- color: #9ca3af;
163
- }
164
- button,
165
- [role="button"] {
166
- cursor: pointer;
167
- }
168
- :disabled {
169
- cursor: default;
170
- }
171
- img,
172
- svg,
173
- video,
174
- canvas,
175
- audio,
176
- iframe,
177
- embed,
178
- object {
179
- vertical-align: middle;
180
- display: block;
181
- }
182
- img,
183
- video {
184
- max-width: 100%;
185
- height: auto;
186
- }
187
- [hidden] {
188
- display: none;
189
- }
190
- [type="text"],
191
- [type="email"],
192
- [type="url"],
193
- [type="password"],
194
- [type="number"],
195
- [type="date"],
196
- [type="datetime-local"],
197
- [type="month"],
198
- [type="search"],
199
- [type="tel"],
200
- [type="time"],
201
- [type="week"],
202
- [multiple],
203
- textarea,
204
- select {
205
- appearance: none;
206
- --tw-shadow: 0 0 #0000;
207
- background-color: #fff;
208
- border-width: 1px;
209
- border-color: #6b7280;
210
- border-radius: 0;
211
- padding: 0.5rem 0.75rem;
212
- font-size: 1rem;
213
- line-height: 1.5rem;
214
- }
215
- [type="text"]:focus,
216
- [type="email"]:focus,
217
- [type="url"]:focus,
218
- [type="password"]:focus,
219
- [type="number"]:focus,
220
- [type="date"]:focus,
221
- [type="datetime-local"]:focus,
222
- [type="month"]:focus,
223
- [type="search"]:focus,
224
- [type="tel"]:focus,
225
- [type="time"]:focus,
226
- [type="week"]:focus,
227
- [multiple]:focus,
228
- textarea:focus,
229
- select:focus {
230
- outline-offset: 2px;
231
- --tw-ring-inset: var(--tw-empty);
232
- --tw-ring-offset-width: 0px;
233
- --tw-ring-offset-color: #fff;
234
- --tw-ring-color: #2563eb;
235
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
236
- var(--tw-ring-offset-width) var(--tw-ring-offset-color);
237
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
238
- calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
239
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
240
- var(--tw-shadow);
241
- border-color: #2563eb;
242
- outline: 2px solid #0000;
243
- }
244
- input::placeholder,
245
- textarea::placeholder {
246
- color: #6b7280;
247
- opacity: 1;
248
- }
249
- ::-webkit-datetime-edit-fields-wrapper {
250
- padding: 0;
251
- }
252
- ::-webkit-date-and-time-value {
253
- min-height: 1.5em;
254
- }
255
- ::-webkit-datetime-edit,
256
- ::-webkit-datetime-edit-year-field,
257
- ::-webkit-datetime-edit-month-field,
258
- ::-webkit-datetime-edit-day-field,
259
- ::-webkit-datetime-edit-hour-field,
260
- ::-webkit-datetime-edit-minute-field,
261
- ::-webkit-datetime-edit-second-field,
262
- ::-webkit-datetime-edit-millisecond-field,
263
- ::-webkit-datetime-edit-meridiem-field {
264
- padding-top: 0;
265
- padding-bottom: 0;
266
- }
267
- select {
268
- color-adjust: exact;
269
- 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");
270
- background-position: right 0.5rem center;
271
- background-repeat: no-repeat;
272
- background-size: 1.5em 1.5em;
273
- padding-right: 2.5rem;
274
- }
275
- [multiple] {
276
- background-image: initial;
277
- background-position: initial;
278
- background-repeat: unset;
279
- background-size: initial;
280
- color-adjust: unset;
281
- padding-right: 0.75rem;
282
- }
283
- [type="checkbox"],
284
- [type="radio"] {
285
- appearance: none;
286
- color-adjust: exact;
287
- vertical-align: middle;
288
- user-select: none;
289
- height: 1rem;
290
- width: 1rem;
291
- color: #2563eb;
292
- --tw-shadow: 0 0 #0000;
293
- background-color: #fff;
294
- background-origin: border-box;
295
- border-width: 1px;
296
- border-color: #6b7280;
297
- flex-shrink: 0;
298
- padding: 0;
299
- display: inline-block;
300
- }
301
- [type="checkbox"] {
302
- border-radius: 0;
303
- }
304
- [type="radio"] {
305
- border-radius: 100%;
306
- }
307
- [type="checkbox"]:focus,
308
- [type="radio"]:focus {
309
- outline-offset: 2px;
310
- --tw-ring-inset: var(--tw-empty);
311
- --tw-ring-offset-width: 2px;
312
- --tw-ring-offset-color: #fff;
313
- --tw-ring-color: #2563eb;
314
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
315
- var(--tw-ring-offset-width) var(--tw-ring-offset-color);
316
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
317
- calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
318
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
319
- var(--tw-shadow);
320
- outline: 2px solid #0000;
321
- }
322
- [type="checkbox"]:checked,
323
- [type="radio"]:checked {
324
- background-color: currentColor;
325
- background-position: 50%;
326
- background-repeat: no-repeat;
327
- background-size: 100% 100%;
328
- border-color: #0000;
329
- }
330
- [type="checkbox"]:checked {
331
- 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");
332
- }
333
- [type="radio"]:checked {
334
- 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");
335
- }
336
- [type="checkbox"]:checked:hover,
337
- [type="checkbox"]:checked:focus,
338
- [type="radio"]:checked:hover,
339
- [type="radio"]:checked:focus {
340
- background-color: currentColor;
341
- border-color: #0000;
342
- }
343
- [type="checkbox"]:indeterminate {
344
- background-color: currentColor;
345
- 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");
346
- background-position: 50%;
347
- background-repeat: no-repeat;
348
- background-size: 100% 100%;
349
- border-color: #0000;
350
- }
351
- [type="checkbox"]:indeterminate:hover,
352
- [type="checkbox"]:indeterminate:focus {
353
- background-color: currentColor;
354
- border-color: #0000;
355
- }
356
- [type="file"] {
357
- background: unset;
358
- border-color: inherit;
359
- font-size: unset;
360
- line-height: inherit;
361
- border-width: 0;
362
- border-radius: 0;
363
- padding: 0;
364
- }
365
- [type="file"]:focus {
366
- outline: 1px auto -webkit-focus-ring-color;
367
- }
368
- html {
369
- scroll-behavior: smooth;
370
- }
371
- @media screen and (prefers-reduced-motion: reduce) {
372
- html {
373
- scroll-behavior: auto;
374
- }
375
- }
376
- [x-cloak] {
377
- display: none !important;
378
- }
379
- pre[class*="language-"] {
380
- margin: 0 !important;
381
- padding: 0 !important;
382
- }
383
- .feather {
384
- width: 24px;
385
- height: 24px;
386
- stroke: currentColor;
387
- stroke-width: 2px;
388
- stroke-linecap: round;
389
- stroke-linejoin: round;
390
- fill: none;
391
- }
392
- ::-webkit-scrollbar {
393
- width: 8px;
394
- height: 8px;
395
- }
396
- ::-webkit-scrollbar-track {
397
- background: 0 0;
398
- }
399
- ::-webkit-scrollbar-thumb {
400
- --tw-bg-opacity: 1;
401
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
402
- background-clip: content-box;
403
- border: 2px solid #0000;
404
- border-radius: 6px;
405
- transition-property: color, background-color, border-color,
406
- text-decoration-color, fill, stroke;
407
- transition-duration: 0.15s;
408
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
409
- }
410
- ::-webkit-scrollbar-thumb:hover {
411
- --tw-bg-opacity: 1;
412
- background-color: rgb(156 163 175 / var(--tw-bg-opacity));
413
- }
414
- *,
415
- :before,
416
- :after {
417
- --tw-translate-x: 0;
418
- --tw-translate-y: 0;
419
- --tw-rotate: 0;
420
- --tw-skew-x: 0;
421
- --tw-skew-y: 0;
422
- --tw-scale-x: 1;
423
- --tw-scale-y: 1;
424
- --tw-pan-x: ;
425
- --tw-pan-y: ;
426
- --tw-pinch-zoom: ;
427
- --tw-scroll-snap-strictness: proximity;
428
- --tw-ordinal: ;
429
- --tw-slashed-zero: ;
430
- --tw-numeric-figure: ;
431
- --tw-numeric-spacing: ;
432
- --tw-numeric-fraction: ;
433
- --tw-ring-inset: ;
434
- --tw-ring-offset-width: 0px;
435
- --tw-ring-offset-color: #fff;
436
- --tw-ring-color: #3b82f680;
437
- --tw-ring-offset-shadow: 0 0 #0000;
438
- --tw-ring-shadow: 0 0 #0000;
439
- --tw-shadow: 0 0 #0000;
440
- --tw-shadow-colored: 0 0 #0000;
441
- --tw-blur: ;
442
- --tw-brightness: ;
443
- --tw-contrast: ;
444
- --tw-grayscale: ;
445
- --tw-hue-rotate: ;
446
- --tw-invert: ;
447
- --tw-saturate: ;
448
- --tw-sepia: ;
449
- --tw-drop-shadow: ;
450
- --tw-backdrop-blur: ;
451
- --tw-backdrop-brightness: ;
452
- --tw-backdrop-contrast: ;
453
- --tw-backdrop-grayscale: ;
454
- --tw-backdrop-hue-rotate: ;
455
- --tw-backdrop-invert: ;
456
- --tw-backdrop-opacity: ;
457
- --tw-backdrop-saturate: ;
458
- --tw-backdrop-sepia: ;
459
- }
460
- .prose {
461
- color: var(--tw-prose-body);
462
- max-width: 65ch;
463
- }
464
- .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
465
- color: var(--tw-prose-lead);
466
- margin-top: 1.2em;
467
- margin-bottom: 1.2em;
468
- font-size: 1.25em;
469
- line-height: 1.6;
470
- }
471
- .prose :where(a):not(:where([class~="not-prose"] *)) {
472
- color: var(--tw-prose-links);
473
- font-weight: 500;
474
- text-decoration: underline;
475
- }
476
- .prose :where(strong):not(:where([class~="not-prose"] *)) {
477
- color: var(--tw-prose-bold);
478
- font-weight: 600;
479
- }
480
- .prose :where(ol):not(:where([class~="not-prose"] *)) {
481
- padding-left: 1.625em;
482
- list-style-type: decimal;
483
- }
484
- .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
485
- list-style-type: upper-alpha;
486
- }
487
- .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
488
- list-style-type: lower-alpha;
489
- }
490
- .prose :where(ol[type="A s"]):not(:where([class~="not-prose"] *)) {
491
- list-style-type: upper-alpha;
492
- }
493
- .prose :where(ol[type="a s"]):not(:where([class~="not-prose"] *)) {
494
- list-style-type: lower-alpha;
495
- }
496
- .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
497
- list-style-type: upper-roman;
498
- }
499
- .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
500
- list-style-type: lower-roman;
501
- }
502
- .prose :where(ol[type="I s"]):not(:where([class~="not-prose"] *)) {
503
- list-style-type: upper-roman;
504
- }
505
- .prose :where(ol[type="i s"]):not(:where([class~="not-prose"] *)) {
506
- list-style-type: lower-roman;
507
- }
508
- .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
509
- list-style-type: decimal;
510
- }
511
- .prose :where(ul):not(:where([class~="not-prose"] *)) {
512
- padding-left: 1.625em;
513
- list-style-type: disc;
514
- }
515
- .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
516
- color: var(--tw-prose-counters);
517
- font-weight: 400;
518
- }
519
- .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
520
- color: var(--tw-prose-bullets);
521
- }
522
- .prose :where(hr):not(:where([class~="not-prose"] *)) {
523
- border-color: var(--tw-prose-hr);
524
- border-top-width: 1px;
525
- margin-top: 3em;
526
- margin-bottom: 3em;
527
- }
528
- .prose :where(blockquote):not(:where([class~="not-prose"] *)) {
529
- color: var(--tw-prose-quotes);
530
- border-left-width: 0.25rem;
531
- border-left-color: var(--tw-prose-quote-borders);
532
- quotes: "“" "”" "‘" "’";
533
- margin-top: 1.6em;
534
- margin-bottom: 1.6em;
535
- padding-left: 1em;
536
- font-style: italic;
537
- font-weight: 500;
538
- }
539
- .prose
540
- :where(blockquote p:first-of-type):not(:where([class~="not-prose"]
541
- *)):before {
542
- content: open-quote;
543
- }
544
- .prose
545
- :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *)):after {
546
- content: close-quote;
547
- }
548
- .prose :where(h1):not(:where([class~="not-prose"] *)) {
549
- color: var(--tw-prose-headings);
550
- margin-top: 0;
551
- margin-bottom: 0.888889em;
552
- font-size: 2.25em;
553
- font-weight: 800;
554
- line-height: 1.11111;
555
- }
556
- .prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
557
- font-weight: 900;
558
- }
559
- .prose :where(h2):not(:where([class~="not-prose"] *)) {
560
- color: var(--tw-prose-headings);
561
- margin-top: 2em;
562
- margin-bottom: 1em;
563
- font-size: 1.5em;
564
- font-weight: 700;
565
- line-height: 1.33333;
566
- }
567
- .prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
568
- font-weight: 800;
569
- }
570
- .prose :where(h3):not(:where([class~="not-prose"] *)) {
571
- color: var(--tw-prose-headings);
572
- margin-top: 1.6em;
573
- margin-bottom: 0.6em;
574
- font-size: 1.25em;
575
- font-weight: 600;
576
- line-height: 1.6;
577
- }
578
- .prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
579
- font-weight: 700;
580
- }
581
- .prose :where(h4):not(:where([class~="not-prose"] *)) {
582
- color: var(--tw-prose-headings);
583
- margin-top: 1.5em;
584
- margin-bottom: 0.5em;
585
- font-weight: 600;
586
- line-height: 1.5;
587
- }
588
- .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
589
- font-weight: 700;
590
- }
591
- .prose :where(figure > *):not(:where([class~="not-prose"] *)) {
592
- margin-top: 0;
593
- margin-bottom: 0;
594
- }
595
- .prose :where(figcaption):not(:where([class~="not-prose"] *)) {
596
- color: var(--tw-prose-captions);
597
- margin-top: 0.857143em;
598
- font-size: 0.875em;
599
- line-height: 1.42857;
600
- }
601
- .prose :where(code):not(:where([class~="not-prose"] *)) {
602
- color: var(--tw-prose-code);
603
- font-size: 0.875em;
604
- font-weight: 600;
605
- }
606
- .prose :where(code):not(:where([class~="not-prose"] *)):before,
607
- .prose :where(code):not(:where([class~="not-prose"] *)):after {
608
- content: "`";
609
- }
610
- .prose :where(a code):not(:where([class~="not-prose"] *)) {
611
- color: var(--tw-prose-links);
612
- }
613
- .prose :where(pre):not(:where([class~="not-prose"] *)) {
614
- color: var(--tw-prose-pre-code);
615
- background-color: var(--tw-prose-pre-bg);
616
- border-radius: 0.375rem;
617
- margin-top: 1.71429em;
618
- margin-bottom: 1.71429em;
619
- padding: 0.857143em 1.14286em;
620
- font-size: 0.875em;
621
- font-weight: 400;
622
- line-height: 1.71429;
623
- overflow-x: auto;
624
- }
625
- .prose :where(pre code):not(:where([class~="not-prose"] *)) {
626
- font-weight: inherit;
627
- color: inherit;
628
- font-size: inherit;
629
- font-family: inherit;
630
- line-height: inherit;
631
- background-color: #0000;
632
- border-width: 0;
633
- border-radius: 0;
634
- padding: 0;
635
- }
636
- .prose :where(pre code):not(:where([class~="not-prose"] *)):before,
637
- .prose :where(pre code):not(:where([class~="not-prose"] *)):after {
638
- content: none;
639
- }
640
- .prose :where(table):not(:where([class~="not-prose"] *)) {
641
- width: 100%;
642
- table-layout: auto;
643
- text-align: left;
644
- margin-top: 2em;
645
- margin-bottom: 2em;
646
- font-size: 0.875em;
647
- line-height: 1.71429;
648
- }
649
- .prose :where(thead):not(:where([class~="not-prose"] *)) {
650
- border-bottom-width: 1px;
651
- border-bottom-color: var(--tw-prose-th-borders);
652
- }
653
- .prose :where(thead th):not(:where([class~="not-prose"] *)) {
654
- color: var(--tw-prose-headings);
655
- vertical-align: bottom;
656
- padding-bottom: 0.571429em;
657
- padding-left: 0.571429em;
658
- padding-right: 0.571429em;
659
- font-weight: 600;
660
- }
661
- .prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
662
- border-bottom-width: 1px;
663
- border-bottom-color: var(--tw-prose-td-borders);
664
- }
665
- .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
666
- border-bottom-width: 0;
667
- }
668
- .prose :where(tbody td):not(:where([class~="not-prose"] *)) {
669
- vertical-align: baseline;
670
- padding: 0.571429em;
671
- }
672
- .prose {
673
- --tw-prose-body: #374151;
674
- --tw-prose-headings: #111827;
675
- --tw-prose-lead: #4b5563;
676
- --tw-prose-links: #111827;
677
- --tw-prose-bold: #111827;
678
- --tw-prose-counters: #6b7280;
679
- --tw-prose-bullets: #d1d5db;
680
- --tw-prose-hr: #e5e7eb;
681
- --tw-prose-quotes: #111827;
682
- --tw-prose-quote-borders: #e5e7eb;
683
- --tw-prose-captions: #6b7280;
684
- --tw-prose-code: #111827;
685
- --tw-prose-pre-code: #e5e7eb;
686
- --tw-prose-pre-bg: #1f2937;
687
- --tw-prose-th-borders: #d1d5db;
688
- --tw-prose-td-borders: #e5e7eb;
689
- --tw-prose-invert-body: #d1d5db;
690
- --tw-prose-invert-headings: #fff;
691
- --tw-prose-invert-lead: #9ca3af;
692
- --tw-prose-invert-links: #fff;
693
- --tw-prose-invert-bold: #fff;
694
- --tw-prose-invert-counters: #9ca3af;
695
- --tw-prose-invert-bullets: #4b5563;
696
- --tw-prose-invert-hr: #374151;
697
- --tw-prose-invert-quotes: #f3f4f6;
698
- --tw-prose-invert-quote-borders: #374151;
699
- --tw-prose-invert-captions: #9ca3af;
700
- --tw-prose-invert-code: #fff;
701
- --tw-prose-invert-pre-code: #d1d5db;
702
- --tw-prose-invert-pre-bg: #00000080;
703
- --tw-prose-invert-th-borders: #4b5563;
704
- --tw-prose-invert-td-borders: #374151;
705
- font-size: 1rem;
706
- line-height: 1.75;
707
- }
708
- .prose :where(p):not(:where([class~="not-prose"] *)) {
709
- margin-top: 1.25em;
710
- margin-bottom: 1.25em;
711
- }
712
- .prose :where(img):not(:where([class~="not-prose"] *)) {
713
- margin-top: 2em;
714
- margin-bottom: 2em;
715
- }
716
- .prose :where(video):not(:where([class~="not-prose"] *)) {
717
- margin-top: 2em;
718
- margin-bottom: 2em;
719
- }
720
- .prose :where(figure):not(:where([class~="not-prose"] *)) {
721
- margin-top: 2em;
722
- margin-bottom: 2em;
723
- }
724
- .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
725
- font-size: 0.875em;
726
- }
727
- .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
728
- font-size: 0.9em;
729
- }
730
- .prose :where(li):not(:where([class~="not-prose"] *)) {
731
- margin-top: 0.5em;
732
- margin-bottom: 0.5em;
733
- }
734
- .prose :where(ol > li):not(:where([class~="not-prose"] *)) {
735
- padding-left: 0.375em;
736
- }
737
- .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
738
- padding-left: 0.375em;
739
- }
740
- .prose > :where(ul > li p):not(:where([class~="not-prose"] *)) {
741
- margin-top: 0.75em;
742
- margin-bottom: 0.75em;
743
- }
744
- .prose > :where(ul > li > :first-child):not(:where([class~="not-prose"] *)) {
745
- margin-top: 1.25em;
746
- }
747
- .prose > :where(ul > li > :last-child):not(:where([class~="not-prose"] *)) {
748
- margin-bottom: 1.25em;
749
- }
750
- .prose > :where(ol > li > :first-child):not(:where([class~="not-prose"] *)) {
751
- margin-top: 1.25em;
752
- }
753
- .prose > :where(ol > li > :last-child):not(:where([class~="not-prose"] *)) {
754
- margin-bottom: 1.25em;
755
- }
756
- .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
757
- margin-top: 0.75em;
758
- margin-bottom: 0.75em;
759
- }
760
- .prose :where(hr + *):not(:where([class~="not-prose"] *)) {
761
- margin-top: 0;
762
- }
763
- .prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
764
- margin-top: 0;
765
- }
766
- .prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
767
- margin-top: 0;
768
- }
769
- .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
770
- margin-top: 0;
771
- }
772
- .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
773
- padding-left: 0;
774
- }
775
- .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
776
- padding-right: 0;
777
- }
778
- .prose :where(tbody td:first-child):not(:where([class~="not-prose"] *)) {
779
- padding-left: 0;
780
- }
781
- .prose :where(tbody td:last-child):not(:where([class~="not-prose"] *)) {
782
- padding-right: 0;
783
- }
784
- .prose > :where(:first-child):not(:where([class~="not-prose"] *)) {
785
- margin-top: 0;
786
- }
787
- .prose > :where(:last-child):not(:where([class~="not-prose"] *)) {
788
- margin-bottom: 0;
789
- }
790
- .prose-sm {
791
- font-size: 0.875rem;
792
- line-height: 1.71429;
793
- }
794
- .prose-sm :where(p):not(:where([class~="not-prose"] *)) {
795
- margin-top: 1.14286em;
796
- margin-bottom: 1.14286em;
797
- }
798
- .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
799
- margin-top: 0.888889em;
800
- margin-bottom: 0.888889em;
801
- font-size: 1.28571em;
802
- line-height: 1.55556;
803
- }
804
- .prose-sm :where(blockquote):not(:where([class~="not-prose"] *)) {
805
- margin-top: 1.33333em;
806
- margin-bottom: 1.33333em;
807
- padding-left: 1.11111em;
808
- }
809
- .prose-sm :where(h1):not(:where([class~="not-prose"] *)) {
810
- margin-top: 0;
811
- margin-bottom: 0.8em;
812
- font-size: 2.14286em;
813
- line-height: 1.2;
814
- }
815
- .prose-sm :where(h2):not(:where([class~="not-prose"] *)) {
816
- margin-top: 1.6em;
817
- margin-bottom: 0.8em;
818
- font-size: 1.42857em;
819
- line-height: 1.4;
820
- }
821
- .prose-sm :where(h3):not(:where([class~="not-prose"] *)) {
822
- margin-top: 1.55556em;
823
- margin-bottom: 0.444444em;
824
- font-size: 1.28571em;
825
- line-height: 1.55556;
826
- }
827
- .prose-sm :where(h4):not(:where([class~="not-prose"] *)) {
828
- margin-top: 1.42857em;
829
- margin-bottom: 0.571429em;
830
- line-height: 1.42857;
831
- }
832
- .prose-sm :where(img):not(:where([class~="not-prose"] *)) {
833
- margin-top: 1.71429em;
834
- margin-bottom: 1.71429em;
835
- }
836
- .prose-sm :where(video):not(:where([class~="not-prose"] *)) {
837
- margin-top: 1.71429em;
838
- margin-bottom: 1.71429em;
839
- }
840
- .prose-sm :where(figure):not(:where([class~="not-prose"] *)) {
841
- margin-top: 1.71429em;
842
- margin-bottom: 1.71429em;
843
- }
844
- .prose-sm :where(figure > *):not(:where([class~="not-prose"] *)) {
845
- margin-top: 0;
846
- margin-bottom: 0;
847
- }
848
- .prose-sm :where(figcaption):not(:where([class~="not-prose"] *)) {
849
- margin-top: 0.666667em;
850
- font-size: 0.857143em;
851
- line-height: 1.33333;
852
- }
853
- .prose-sm :where(code):not(:where([class~="not-prose"] *)) {
854
- font-size: 0.857143em;
855
- }
856
- .prose-sm :where(h2 code):not(:where([class~="not-prose"] *)) {
857
- font-size: 0.9em;
858
- }
859
- .prose-sm :where(h3 code):not(:where([class~="not-prose"] *)) {
860
- font-size: 0.888889em;
861
- }
862
- .prose-sm :where(pre):not(:where([class~="not-prose"] *)) {
863
- border-radius: 0.25rem;
864
- margin-top: 1.66667em;
865
- margin-bottom: 1.66667em;
866
- padding: 0.666667em 1em;
867
- font-size: 0.857143em;
868
- line-height: 1.66667;
869
- }
870
- .prose-sm :where(ol):not(:where([class~="not-prose"] *)) {
871
- padding-left: 1.57143em;
872
- }
873
- .prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
874
- padding-left: 1.57143em;
875
- }
876
- .prose-sm :where(li):not(:where([class~="not-prose"] *)) {
877
- margin-top: 0.285714em;
878
- margin-bottom: 0.285714em;
879
- }
880
- .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)) {
881
- padding-left: 0.428571em;
882
- }
883
- .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
884
- padding-left: 0.428571em;
885
- }
886
- .prose-sm > :where(ul > li p):not(:where([class~="not-prose"] *)) {
887
- margin-top: 0.571429em;
888
- margin-bottom: 0.571429em;
889
- }
890
- .prose-sm > :where(ul > li > :first-child):not(:where([class~="not-prose"] *)) {
891
- margin-top: 1.14286em;
892
- }
893
- .prose-sm > :where(ul > li > :last-child):not(:where([class~="not-prose"] *)) {
894
- margin-bottom: 1.14286em;
895
- }
896
- .prose-sm > :where(ol > li > :first-child):not(:where([class~="not-prose"] *)) {
897
- margin-top: 1.14286em;
898
- }
899
- .prose-sm > :where(ol > li > :last-child):not(:where([class~="not-prose"] *)) {
900
- margin-bottom: 1.14286em;
901
- }
902
- .prose-sm
903
- :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
904
- margin-top: 0.571429em;
905
- margin-bottom: 0.571429em;
906
- }
907
- .prose-sm :where(hr):not(:where([class~="not-prose"] *)) {
908
- margin-top: 2.85714em;
909
- margin-bottom: 2.85714em;
910
- }
911
- .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)) {
912
- margin-top: 0;
913
- }
914
- .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)) {
915
- margin-top: 0;
916
- }
917
- .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)) {
918
- margin-top: 0;
919
- }
920
- .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {
921
- margin-top: 0;
922
- }
923
- .prose-sm :where(table):not(:where([class~="not-prose"] *)) {
924
- font-size: 0.857143em;
925
- line-height: 1.5;
926
- }
927
- .prose-sm :where(thead th):not(:where([class~="not-prose"] *)) {
928
- padding-bottom: 0.666667em;
929
- padding-left: 1em;
930
- padding-right: 1em;
931
- }
932
- .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
933
- padding-left: 0;
934
- }
935
- .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
936
- padding-right: 0;
937
- }
938
- .prose-sm :where(tbody td):not(:where([class~="not-prose"] *)) {
939
- padding: 0.666667em 1em;
940
- }
941
- .prose-sm :where(tbody td:first-child):not(:where([class~="not-prose"] *)) {
942
- padding-left: 0;
943
- }
944
- .prose-sm :where(tbody td:last-child):not(:where([class~="not-prose"] *)) {
945
- padding-right: 0;
946
- }
947
- .prose-sm > :where(:first-child):not(:where([class~="not-prose"] *)) {
948
- margin-top: 0;
949
- }
950
- .prose-sm > :where(:last-child):not(:where([class~="not-prose"] *)) {
951
- margin-bottom: 0;
952
- }
953
- .unsectioned > #nav > ul > li > div {
954
- --tw-border-opacity: 1;
955
- border-bottom-width: 1px;
956
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
957
- padding-top: 0.25rem;
958
- padding-bottom: 0.25rem;
959
- }
960
- .nav-toggle {
961
- cursor: pointer;
962
- align-items: center;
963
- padding-right: 0.75rem;
964
- display: flex;
965
- }
966
- .nav-toggle:hover {
967
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
968
- --tw-bg-opacity: 0.5;
969
- }
970
- .nav-label {
971
- width: 100%;
972
- user-select: none;
973
- text-overflow: ellipsis;
974
- white-space: nowrap;
975
- text-align: left;
976
- overflow: hidden;
977
- }
978
- .code {
979
- font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
980
- monospace;
981
- }
982
- .code pre {
983
- display: block;
984
- }
985
- .code.wrapped pre {
986
- white-space: pre-wrap;
987
- }
988
- .code .line {
989
- line-height: 1.625;
990
- }
991
- .code.numbered {
992
- position: relative;
993
- }
994
- .code.numbered:before {
995
- content: "";
996
- z-index: 10;
997
- --tw-border-opacity: 1;
998
- border-right-width: 1px;
999
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1000
- position: absolute;
1001
- top: 0;
1002
- bottom: 0;
1003
- left: 2.7em;
1004
- }
1005
- .code.numbered .line {
1006
- padding-left: calc(2.7em + 14px);
1007
- position: relative;
1008
- }
1009
- .code .line-number {
1010
- width: calc(2.7em + 8px);
1011
- text-align: right;
1012
- --tw-text-opacity: 1;
1013
- color: rgb(156 163 175 / var(--tw-text-opacity));
1014
- flex: none;
1015
- margin-right: 16px;
1016
- padding-top: 3px;
1017
- padding-bottom: 3px;
1018
- padding-right: 8px;
1019
- font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
1020
- monospace;
1021
- font-size: 0.75rem;
1022
- line-height: 1rem;
1023
- display: inline-block;
1024
- position: absolute;
1025
- left: 0;
1026
- }
1027
- .code .line-content {
1028
- flex: none;
1029
- padding-right: 1rem;
1030
- }
1031
- .code.focussed .line:not(.highlighted-line) *,
1032
- .code.focussed .line:not(.highlighted-line) .line-content * {
1033
- color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
1034
- --tw-text-opacity: 0.4 !important;
1035
- }
1036
- .code.focussed .line:not(.highlighted-line) .line-number {
1037
- opacity: 0.7 !important;
1038
- }
1039
- .code.focussed .line.highlighted-line {
1040
- --tw-bg-opacity: 1;
1041
- background-color: rgb(254 252 232 / var(--tw-bg-opacity));
1042
- }
1043
- .code.focussed .line.highlighted-line .line-number {
1044
- --tw-text-opacity: 1;
1045
- color: rgb(17 24 39 / var(--tw-text-opacity));
1046
- }
1047
- .prose .code {
1048
- width: 100%;
1049
- max-width: 48rem;
1050
- --tw-border-opacity: 1;
1051
- border-width: 1px;
1052
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1053
- --tw-text-opacity: 1;
1054
- color: rgb(75 85 99 / var(--tw-text-opacity));
1055
- border-radius: 0.375rem;
1056
- margin: 2rem auto;
1057
- padding-top: 1rem;
1058
- padding-bottom: 1rem;
1059
- font-size: 0.875rem;
1060
- line-height: 1.25rem;
1061
- overflow: auto;
1062
- --tw-bg-opacity: 1 !important;
1063
- background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
1064
- }
1065
- .prose .code:not(.numbered) .line {
1066
- padding-left: 1rem;
1067
- padding-right: 1rem;
1068
- }
1069
- .prose .embed {
1070
- margin-top: 2rem;
1071
- margin-bottom: 2rem;
1072
- }
1073
- .resize-handle {
1074
- height: 100%;
1075
- width: 100%;
1076
- touch-action: none;
1077
- user-select: none;
1078
- --tw-border-opacity: 1;
1079
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1080
- --tw-bg-opacity: 1;
1081
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1082
- --tw-text-opacity: 1;
1083
- color: rgb(156 163 175 / var(--tw-text-opacity));
1084
- justify-content: center;
1085
- align-items: center;
1086
- transition-property: color, background-color, border-color,
1087
- text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
1088
- backdrop-filter;
1089
- transition-duration: 0.15s;
1090
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1091
- display: flex;
1092
- }
1093
- .resize-handle:hover {
1094
- background-color: rgb(224 231 255 / var(--tw-bg-opacity));
1095
- --tw-bg-opacity: 0.2;
1096
- --tw-text-opacity: 1;
1097
- color: rgb(55 65 81 / var(--tw-text-opacity));
1098
- }
1099
- .pointer-events-none {
1100
- pointer-events: none;
1101
- }
1102
- .invisible {
1103
- visibility: hidden;
1104
- }
1105
- .absolute {
1106
- position: absolute;
1107
- }
1108
- .relative {
1109
- position: relative;
1110
- }
1111
- .inset-0 {
1112
- inset: 0;
1113
- }
1114
- .-inset-px {
1115
- inset: -1px;
1116
- }
1117
- .top-0 {
1118
- top: 0;
1119
- }
1120
- .bottom-0 {
1121
- bottom: 0;
1122
- }
1123
- .top-\[9px\] {
1124
- top: 9px;
1125
- }
1126
- .-top-px {
1127
- top: -1px;
1128
- }
1129
- .-right-px {
1130
- right: -1px;
1131
- }
1132
- .top-1\/2 {
1133
- top: 50%;
1134
- }
1135
- .right-5 {
1136
- right: 1.25rem;
1137
- }
1138
- .left-0 {
1139
- left: 0;
1140
- }
1141
- .right-0 {
1142
- right: 0;
1143
- }
1144
- .-left-px {
1145
- left: -1px;
1146
- }
1147
- .z-10 {
1148
- z-index: 10;
1149
- }
1150
- .mx-8 {
1151
- margin-left: 2rem;
1152
- margin-right: 2rem;
1153
- }
1154
- .mx-auto {
1155
- margin-left: auto;
1156
- margin-right: auto;
1157
- }
1158
- .mb-8 {
1159
- margin-bottom: 2rem;
1160
- }
1161
- .mb-2 {
1162
- margin-bottom: 0.5rem;
1163
- }
1164
- .\!mt-1 {
1165
- margin-top: 0.25rem !important;
1166
- }
1167
- .mb-4 {
1168
- margin-bottom: 1rem;
1169
- }
1170
- .mt-8 {
1171
- margin-top: 2rem;
1172
- }
1173
- .mt-4 {
1174
- margin-top: 1rem;
1175
- }
1176
- .-mb-px {
1177
- margin-bottom: -1px;
1178
- }
1179
- .ml-auto {
1180
- margin-left: auto;
1181
- }
1182
- .mt-2 {
1183
- margin-top: 0.5rem;
1184
- }
1185
- .mr-6 {
1186
- margin-right: 1.5rem;
1187
- }
1188
- .mr-1 {
1189
- margin-right: 0.25rem;
1190
- }
1191
- .mr-1\.5 {
1192
- margin-right: 0.375rem;
1193
- }
1194
- .ml-\[3px\] {
1195
- margin-left: 3px;
1196
- }
1197
- .mt-1 {
1198
- margin-top: 0.25rem;
1199
- }
1200
- .ml-2 {
1201
- margin-left: 0.5rem;
1202
- }
1203
- .mt-3 {
1204
- margin-top: 0.75rem;
1205
- }
1206
- .mb-10 {
1207
- margin-bottom: 2.5rem;
1208
- }
1209
- .mt-12 {
1210
- margin-top: 3rem;
1211
- }
1212
- .mr-2 {
1213
- margin-right: 0.5rem;
1214
- }
1215
- .block {
1216
- display: block;
1217
- }
1218
- .inline-block {
1219
- display: inline-block;
1220
- }
1221
- .inline {
1222
- display: inline;
1223
- }
1224
- .flex {
1225
- display: flex;
1226
- }
1227
- .inline-flex {
1228
- display: inline-flex;
1229
- }
1230
- .grid {
1231
- display: grid;
1232
- }
1233
- .hidden {
1234
- display: none;
1235
- }
1236
- .h-full {
1237
- height: 100%;
1238
- }
1239
- .h-screen {
1240
- height: 100vh;
1241
- }
1242
- .h-10 {
1243
- height: 2.5rem;
1244
- }
1245
- .h-4 {
1246
- height: 1rem;
1247
- }
1248
- .h-3\.5 {
1249
- height: 0.875rem;
1250
- }
1251
- .h-3 {
1252
- height: 0.75rem;
1253
- }
1254
- .h-\[11px\] {
1255
- height: 11px;
1256
- }
1257
- .h-6 {
1258
- height: 1.5rem;
1259
- }
1260
- .h-5 {
1261
- height: 1.25rem;
1262
- }
1263
- .max-h-\[300px\] {
1264
- max-height: 300px;
1265
- }
1266
- .min-h-0 {
1267
- min-height: 0;
1268
- }
1269
- .w-full {
1270
- width: 100%;
1271
- }
1272
- .w-screen {
1273
- width: 100vw;
1274
- }
1275
- .w-\[9px\] {
1276
- width: 9px;
1277
- }
1278
- .w-px {
1279
- width: 1px;
1280
- }
1281
- .w-4 {
1282
- width: 1rem;
1283
- }
1284
- .w-3\.5 {
1285
- width: 0.875rem;
1286
- }
1287
- .w-3 {
1288
- width: 0.75rem;
1289
- }
1290
- .w-11 {
1291
- width: 2.75rem;
1292
- }
1293
- .w-5 {
1294
- width: 1.25rem;
1295
- }
1296
- .min-w-0 {
1297
- min-width: 0;
1298
- }
1299
- .min-w-\[120px\] {
1300
- min-width: 120px;
1301
- }
1302
- .min-w-full {
1303
- min-width: 100%;
1304
- }
1305
- .max-w-full {
1306
- max-width: 100%;
1307
- }
1308
- .\!max-w-full {
1309
- max-width: 100% !important;
1310
- }
1311
- .max-w-xs {
1312
- max-width: 20rem;
1313
- }
1314
- .max-w-\[800px\] {
1315
- max-width: 800px;
1316
- }
1317
- .max-w-3xl {
1318
- max-width: 48rem;
1319
- }
1320
- .max-w-none {
1321
- max-width: none;
1322
- }
1323
- .flex-none {
1324
- flex: none;
1325
- }
1326
- .flex-shrink-0 {
1327
- flex-shrink: 0;
1328
- }
1329
- .flex-grow {
1330
- flex-grow: 1;
1331
- }
1332
- .-translate-x-1\/2 {
1333
- --tw-translate-x: -50%;
1334
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1335
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1336
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1337
- }
1338
- .-translate-y-1\/2 {
1339
- --tw-translate-y: -50%;
1340
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1341
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1342
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1343
- }
1344
- .translate-x-5 {
1345
- --tw-translate-x: 1.25rem;
1346
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1347
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1348
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1349
- }
1350
- .translate-x-0 {
1351
- --tw-translate-x: 0px;
1352
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1353
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1354
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1355
- }
1356
- .rotate-90 {
1357
- --tw-rotate: 90deg;
1358
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1359
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1360
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1361
- }
1362
- .rotate-45 {
1363
- --tw-rotate: 45deg;
1364
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1365
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1366
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1367
- }
1368
- .scale-\[-1\] {
1369
- --tw-scale-x: -1;
1370
- --tw-scale-y: -1;
1371
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1372
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1373
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1374
- }
1375
- .cursor-\[col-resize\] {
1376
- cursor: col-resize;
1377
- }
1378
- .cursor-auto {
1379
- cursor: auto;
1380
- }
1381
- .cursor-pointer {
1382
- cursor: pointer;
1383
- }
1384
- .cursor-\[row-resize\] {
1385
- cursor: row-resize;
1386
- }
1387
- .cursor-\[nwse-resize\] {
1388
- cursor: nwse-resize;
1389
- }
1390
- .select-none {
1391
- user-select: none;
1392
- }
1393
- .resize {
1394
- resize: both;
1395
- }
1396
- .grid-cols-\[1fr_17px\] {
1397
- grid-template-columns: 1fr 17px;
1398
- }
1399
- .grid-rows-\[40px_1fr\] {
1400
- grid-template-rows: 40px 1fr;
1401
- }
1402
- .grid-rows-\[1fr_17px\] {
1403
- grid-template-rows: 1fr 17px;
1404
- }
1405
- .flex-col {
1406
- flex-direction: column;
1407
- }
1408
- .items-start {
1409
- align-items: flex-start;
1410
- }
1411
- .items-center {
1412
- align-items: center;
1413
- }
1414
- .items-stretch {
1415
- align-items: stretch;
1416
- }
1417
- .justify-center {
1418
- justify-content: center;
1419
- }
1420
- .justify-between {
1421
- justify-content: space-between;
1422
- }
1423
- .space-x-8 > :not([hidden]) ~ :not([hidden]) {
1424
- --tw-space-x-reverse: 0;
1425
- margin-right: calc(2rem * var(--tw-space-x-reverse));
1426
- margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
1427
- }
1428
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1429
- --tw-space-x-reverse: 0;
1430
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1431
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1432
- }
1433
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1434
- --tw-space-x-reverse: 0;
1435
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1436
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1437
- }
1438
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1439
- --tw-space-y-reverse: 0;
1440
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1441
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1442
- }
1443
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1444
- --tw-divide-y-reverse: 0;
1445
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1446
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1447
- }
1448
- .divide-x > :not([hidden]) ~ :not([hidden]) {
1449
- --tw-divide-x-reverse: 0;
1450
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
1451
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1452
- }
1453
- .divide-dashed > :not([hidden]) ~ :not([hidden]) {
1454
- border-style: dashed;
1455
- }
1456
- .divide-red-200 > :not([hidden]) ~ :not([hidden]) {
1457
- --tw-divide-opacity: 1;
1458
- border-color: rgb(254 202 202 / var(--tw-divide-opacity));
1459
- }
1460
- .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
1461
- --tw-divide-opacity: 1;
1462
- border-color: rgb(209 213 219 / var(--tw-divide-opacity));
1463
- }
1464
- .overflow-auto {
1465
- overflow: auto;
1466
- }
1467
- .overflow-hidden {
1468
- overflow: hidden;
1469
- }
1470
- .overflow-y-auto {
1471
- overflow-y: auto;
1472
- }
1473
- .scroll-smooth {
1474
- scroll-behavior: smooth;
1475
- }
1476
- .truncate {
1477
- text-overflow: ellipsis;
1478
- white-space: nowrap;
1479
- overflow: hidden;
1480
- }
1481
- .whitespace-nowrap {
1482
- white-space: nowrap;
1483
- }
1484
- .whitespace-pre-wrap {
1485
- white-space: pre-wrap;
1486
- }
1487
- .break-all {
1488
- word-break: break-all;
1489
- }
1490
- .rounded-md {
1491
- border-radius: 0.375rem;
1492
- }
1493
- .rounded-full {
1494
- border-radius: 9999px;
1495
- }
1496
- .border {
1497
- border-width: 1px;
1498
- }
1499
- .border-0 {
1500
- border-width: 0;
1501
- }
1502
- .border-2 {
1503
- border-width: 2px;
1504
- }
1505
- .border-t {
1506
- border-top-width: 1px;
1507
- }
1508
- .border-b {
1509
- border-bottom-width: 1px;
1510
- }
1511
- .border-r {
1512
- border-right-width: 1px;
1513
- }
1514
- .border-b-2 {
1515
- border-bottom-width: 2px;
1516
- }
1517
- .border-l-2 {
1518
- border-left-width: 2px;
1519
- }
1520
- .border-l {
1521
- border-left-width: 1px;
1522
- }
1523
- .border-dashed {
1524
- border-style: dashed;
1525
- }
1526
- .border-red-300 {
1527
- --tw-border-opacity: 1;
1528
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
1529
- }
1530
- .border-red-200 {
1531
- --tw-border-opacity: 1;
1532
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
1533
- }
1534
- .\!border-red-200 {
1535
- --tw-border-opacity: 1 !important;
1536
- border-color: rgb(254 202 202 / var(--tw-border-opacity)) !important;
1537
- }
1538
- .border-gray-300 {
1539
- --tw-border-opacity: 1;
1540
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1541
- }
1542
- .border-indigo-400 {
1543
- --tw-border-opacity: 1;
1544
- border-color: rgb(129 140 248 / var(--tw-border-opacity));
1545
- }
1546
- .border-transparent {
1547
- border-color: #0000;
1548
- }
1549
- .border-gray-200 {
1550
- --tw-border-opacity: 1;
1551
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
1552
- }
1553
- .\!border-gray-300 {
1554
- --tw-border-opacity: 1 !important;
1555
- border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
1556
- }
1557
- .bg-red-50 {
1558
- --tw-bg-opacity: 1;
1559
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1560
- }
1561
- .bg-red-100 {
1562
- --tw-bg-opacity: 1;
1563
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1564
- }
1565
- .bg-transparent {
1566
- background-color: #0000;
1567
- }
1568
- .bg-white {
1569
- --tw-bg-opacity: 1;
1570
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1571
- }
1572
- .\!bg-indigo-100 {
1573
- --tw-bg-opacity: 1 !important;
1574
- background-color: rgb(224 231 255 / var(--tw-bg-opacity)) !important;
1575
- }
1576
- .bg-gray-100 {
1577
- --tw-bg-opacity: 1;
1578
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1579
- }
1580
- .bg-gray-50 {
1581
- --tw-bg-opacity: 1;
1582
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1583
- }
1584
- .bg-indigo-500 {
1585
- --tw-bg-opacity: 1;
1586
- background-color: rgb(99 102 241 / var(--tw-bg-opacity));
1587
- }
1588
- .bg-gray-300 {
1589
- --tw-bg-opacity: 1;
1590
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1591
- }
1592
- .p-4 {
1593
- padding: 1rem;
1594
- }
1595
- .p-6 {
1596
- padding: 1.5rem;
1597
- }
1598
- .p-1 {
1599
- padding: 0.25rem;
1600
- }
1601
- .px-8 {
1602
- padding-left: 2rem;
1603
- padding-right: 2rem;
1604
- }
1605
- .py-6 {
1606
- padding-top: 1.5rem;
1607
- padding-bottom: 1.5rem;
1608
- }
1609
- .py-4 {
1610
- padding-top: 1rem;
1611
- padding-bottom: 1rem;
1612
- }
1613
- .px-1 {
1614
- padding-left: 0.25rem;
1615
- padding-right: 0.25rem;
1616
- }
1617
- .py-1 {
1618
- padding-top: 0.25rem;
1619
- padding-bottom: 0.25rem;
1620
- }
1621
- .px-2 {
1622
- padding-left: 0.5rem;
1623
- padding-right: 0.5rem;
1624
- }
1625
- .py-2 {
1626
- padding-top: 0.5rem;
1627
- padding-bottom: 0.5rem;
1628
- }
1629
- .px-4 {
1630
- padding-left: 1rem;
1631
- padding-right: 1rem;
1632
- }
1633
- .px-3 {
1634
- padding-left: 0.75rem;
1635
- padding-right: 0.75rem;
1636
- }
1637
- .py-3 {
1638
- padding-top: 0.75rem;
1639
- padding-bottom: 0.75rem;
1640
- }
1641
- .py-\[5px\] {
1642
- padding-top: 5px;
1643
- padding-bottom: 5px;
1644
- }
1645
- .pt-8 {
1646
- padding-top: 2rem;
1647
- }
1648
- .pl-2 {
1649
- padding-left: 0.5rem;
1650
- }
1651
- .pb-10 {
1652
- padding-bottom: 2.5rem;
1653
- }
1654
- .pr-2 {
1655
- padding-right: 0.5rem;
1656
- }
1657
- .pl-4 {
1658
- padding-left: 1rem;
1659
- }
1660
- .pr-8 {
1661
- padding-right: 2rem;
1662
- }
1663
- .pt-2\.5 {
1664
- padding-top: 0.625rem;
1665
- }
1666
- .pb-1\.5 {
1667
- padding-bottom: 0.375rem;
1668
- }
1669
- .pt-2 {
1670
- padding-top: 0.5rem;
1671
- }
1672
- .pb-1 {
1673
- padding-bottom: 0.25rem;
1674
- }
1675
- .pl-3 {
1676
- padding-left: 0.75rem;
1677
- }
1678
- .pr-3 {
1679
- padding-right: 0.75rem;
1680
- }
1681
- .pr-4 {
1682
- padding-right: 1rem;
1683
- }
1684
- .pb-3 {
1685
- padding-bottom: 0.75rem;
1686
- }
1687
- .pt-3 {
1688
- padding-top: 0.75rem;
1689
- }
1690
- .pb-6 {
1691
- padding-bottom: 1.5rem;
1692
- }
1693
- .text-center {
1694
- text-align: center;
1695
- }
1696
- .font-mono {
1697
- font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
1698
- monospace;
1699
- }
1700
- .font-sans {
1701
- font-family: Nunito Sans, -apple-system, \.SFNSText-Regular, San Francisco,
1702
- BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
1703
- }
1704
- .text-xl {
1705
- font-size: 1.25rem;
1706
- line-height: 1.75rem;
1707
- }
1708
- .text-base {
1709
- font-size: 1rem;
1710
- line-height: 1.5rem;
1711
- }
1712
- .text-sm {
1713
- font-size: 0.875rem;
1714
- line-height: 1.25rem;
1715
- }
1716
- .text-xs {
1717
- font-size: 0.75rem;
1718
- line-height: 1rem;
1719
- }
1720
- .text-\[11px\] {
1721
- font-size: 11px;
1722
- }
1723
- .font-bold {
1724
- font-weight: 700;
1725
- }
1726
- .font-black {
1727
- font-weight: 900;
1728
- }
1729
- .uppercase {
1730
- text-transform: uppercase;
1731
- }
1732
- .italic {
1733
- font-style: italic;
1734
- }
1735
- .leading-relaxed {
1736
- line-height: 1.625;
1737
- }
1738
- .leading-tight {
1739
- line-height: 1.25;
1740
- }
1741
- .leading-none {
1742
- line-height: 1;
1743
- }
1744
- .tracking-wide {
1745
- letter-spacing: 0.025em;
1746
- }
1747
- .text-red-700 {
1748
- --tw-text-opacity: 1;
1749
- color: rgb(185 28 28 / var(--tw-text-opacity));
1750
- }
1751
- .text-red-900 {
1752
- --tw-text-opacity: 1;
1753
- color: rgb(127 29 29 / var(--tw-text-opacity));
1754
- }
1755
- .text-gray-800 {
1756
- --tw-text-opacity: 1;
1757
- color: rgb(31 41 55 / var(--tw-text-opacity));
1758
- }
1759
- .text-gray-400 {
1760
- --tw-text-opacity: 1;
1761
- color: rgb(156 163 175 / var(--tw-text-opacity));
1762
- }
1763
- .text-gray-300 {
1764
- --tw-text-opacity: 1;
1765
- color: rgb(209 213 219 / var(--tw-text-opacity));
1766
- }
1767
- .\!text-green-600 {
1768
- --tw-text-opacity: 1 !important;
1769
- color: rgb(22 163 74 / var(--tw-text-opacity)) !important;
1770
- }
1771
- .\!text-gray-300 {
1772
- --tw-text-opacity: 1 !important;
1773
- color: rgb(209 213 219 / var(--tw-text-opacity)) !important;
1774
- }
1775
- .text-gray-500 {
1776
- --tw-text-opacity: 1;
1777
- color: rgb(107 114 128 / var(--tw-text-opacity));
1778
- }
1779
- .text-red-800 {
1780
- --tw-text-opacity: 1;
1781
- color: rgb(153 27 27 / var(--tw-text-opacity));
1782
- }
1783
- .text-indigo-500 {
1784
- --tw-text-opacity: 1;
1785
- color: rgb(99 102 241 / var(--tw-text-opacity));
1786
- }
1787
- .text-gray-900 {
1788
- --tw-text-opacity: 1;
1789
- color: rgb(17 24 39 / var(--tw-text-opacity));
1790
- }
1791
- .text-red-300 {
1792
- --tw-text-opacity: 1;
1793
- color: rgb(252 165 165 / var(--tw-text-opacity));
1794
- }
1795
- .text-gray-700 {
1796
- --tw-text-opacity: 1;
1797
- color: rgb(55 65 81 / var(--tw-text-opacity));
1798
- }
1799
- .text-gray-600 {
1800
- --tw-text-opacity: 1;
1801
- color: rgb(75 85 99 / var(--tw-text-opacity));
1802
- }
1803
- .underline {
1804
- text-decoration-line: underline;
1805
- }
1806
- .antialiased {
1807
- -webkit-font-smoothing: antialiased;
1808
- -moz-osx-font-smoothing: grayscale;
1809
- }
1810
- .opacity-30 {
1811
- opacity: 0.3;
1812
- }
1813
- .opacity-80 {
1814
- opacity: 0.8;
1815
- }
1816
- .opacity-50 {
1817
- opacity: 0.5;
1818
- }
1819
- .opacity-100 {
1820
- opacity: 1;
1821
- }
1822
- .opacity-20 {
1823
- opacity: 0.2;
1824
- }
1825
- .shadow {
1826
- --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
1827
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
1828
- 0 1px 2px -1px var(--tw-shadow-color);
1829
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
1830
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1831
- }
1832
- .outline-none {
1833
- outline-offset: 2px;
1834
- outline: 2px solid #0000;
1835
- }
1836
- .ring-0 {
1837
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
1838
- var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1839
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
1840
- calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1841
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
1842
- var(--tw-shadow, 0 0 #0000);
1843
- }
1844
- .blur {
1845
- --tw-blur: blur(8px);
1846
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
1847
- var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
1848
- var(--tw-sepia) var(--tw-drop-shadow);
1849
- }
1850
- .filter {
1851
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
1852
- var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
1853
- var(--tw-sepia) var(--tw-drop-shadow);
1854
- }
1855
- .transition-colors {
1856
- transition-property: color, background-color, border-color,
1857
- text-decoration-color, fill, stroke;
1858
- transition-duration: 0.15s;
1859
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1860
- }
1861
- .transition {
1862
- transition-property: color, background-color, border-color,
1863
- text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
1864
- backdrop-filter;
1865
- transition-duration: 0.15s;
1866
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1867
- }
1868
- .duration-100 {
1869
- transition-duration: 0.1s;
1870
- }
1871
- .duration-200 {
1872
- transition-duration: 0.2s;
1873
- }
1874
- .ease-in-out {
1875
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1876
- }
1877
- .form-input {
1878
- width: 100%;
1879
- --tw-border-opacity: 1;
1880
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1881
- --tw-text-opacity: 1;
1882
- color: rgb(55 65 81 / var(--tw-text-opacity));
1883
- border-radius: 0.125rem;
1884
- font-size: 0.875rem;
1885
- line-height: 1.25rem;
1886
- }
1887
- .form-input:focus {
1888
- --tw-border-opacity: 1;
1889
- border-color: rgb(165 180 252 / var(--tw-border-opacity));
1890
- --tw-ring-opacity: 1;
1891
- --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
1892
- }
1893
- .checked-bg {
1894
- background-color: #fff;
1895
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
1896
- }
1897
- .tippy-box[data-animation="fade"][data-state="hidden"] {
1898
- opacity: 0;
1899
- }
1900
- [data-tippy-root] {
1901
- max-width: calc(100vw - 10px);
1902
- }
1903
- .tippy-box {
1904
- color: #fff;
1905
- white-space: normal;
1906
- background-color: #333;
1907
- border-radius: 4px;
1908
- outline: 0;
1909
- font-size: 14px;
1910
- line-height: 1.4;
1911
- transition-property: transform, visibility, opacity;
1912
- position: relative;
1913
- }
1914
- .tippy-box[data-placement^="top"] > .tippy-arrow {
1915
- bottom: 0;
1916
- }
1917
- .tippy-box[data-placement^="top"] > .tippy-arrow:before {
1918
- border-width: 8px 8px 0;
1919
- border-top-color: initial;
1920
- transform-origin: top;
1921
- bottom: -7px;
1922
- left: 0;
1923
- }
1924
- .tippy-box[data-placement^="bottom"] > .tippy-arrow {
1925
- top: 0;
1926
- }
1927
- .tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
1928
- border-width: 0 8px 8px;
1929
- border-bottom-color: initial;
1930
- transform-origin: bottom;
1931
- top: -7px;
1932
- left: 0;
1933
- }
1934
- .tippy-box[data-placement^="left"] > .tippy-arrow {
1935
- right: 0;
1936
- }
1937
- .tippy-box[data-placement^="left"] > .tippy-arrow:before {
1938
- border-width: 8px 0 8px 8px;
1939
- border-left-color: initial;
1940
- transform-origin: 0;
1941
- right: -7px;
1942
- }
1943
- .tippy-box[data-placement^="right"] > .tippy-arrow {
1944
- left: 0;
1945
- }
1946
- .tippy-box[data-placement^="right"] > .tippy-arrow:before {
1947
- border-width: 8px 8px 8px 0;
1948
- border-right-color: initial;
1949
- transform-origin: 100%;
1950
- left: -7px;
1951
- }
1952
- .tippy-box[data-inertia][data-state="visible"] {
1953
- transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
1954
- }
1955
- .tippy-arrow {
1956
- width: 16px;
1957
- height: 16px;
1958
- color: #333;
1959
- }
1960
- .tippy-arrow:before {
1961
- content: "";
1962
- border-style: solid;
1963
- border-color: #0000;
1964
- position: absolute;
1965
- }
1966
- .tippy-content {
1967
- z-index: 1;
1968
- padding: 5px 9px;
1969
- position: relative;
1970
- }
1971
- .tippy-box {
1972
- border: 1px #0000;
1973
- }
1974
- .tippy-box[data-placement^="top"] > .tippy-arrow:after {
1975
- border-top-color: inherit;
1976
- border-width: 8px 8px 0;
1977
- bottom: -8px;
1978
- left: 0;
1979
- }
1980
- .tippy-box[data-placement^="bottom"] > .tippy-arrow:after {
1981
- border-bottom-color: inherit;
1982
- border-width: 0 8px 8px;
1983
- top: -8px;
1984
- left: 0;
1985
- }
1986
- .tippy-box[data-placement^="left"] > .tippy-arrow:after {
1987
- border-left-color: inherit;
1988
- border-width: 8px 0 8px 8px;
1989
- top: 0;
1990
- right: -8px;
1991
- }
1992
- .tippy-box[data-placement^="right"] > .tippy-arrow:after {
1993
- border-width: 8px 8px 8px 0;
1994
- border-right-color: inherit;
1995
- top: 0;
1996
- left: -8px;
1997
- }
1998
- .tippy-box[data-placement^="top"]
1999
- > .tippy-svg-arrow
2000
- > svg:first-child:not(:last-child) {
2001
- top: 17px;
2002
- }
2003
- .tippy-box[data-placement^="bottom"]
2004
- > .tippy-svg-arrow
2005
- > svg:first-child:not(:last-child) {
2006
- bottom: 17px;
2007
- }
2008
- .tippy-box[data-placement^="left"]
2009
- > .tippy-svg-arrow
2010
- > svg:first-child:not(:last-child) {
2011
- left: 12px;
2012
- }
2013
- .tippy-box[data-placement^="right"]
2014
- > .tippy-svg-arrow
2015
- > svg:first-child:not(:last-child) {
2016
- right: 12px;
2017
- }
2018
- .tippy-arrow {
2019
- border-color: inherit;
2020
- }
2021
- .tippy-arrow:after {
2022
- content: "";
2023
- z-index: -1;
2024
- border-style: solid;
2025
- border-color: #0000;
2026
- position: absolute;
2027
- }
2028
- .highlight .hll {
2029
- background-color: #f8f8f8;
2030
- border: 1px solid #ccc;
2031
- border-radius: 3px;
2032
- padding: 6px 10px;
2033
- }
2034
- .highlight .c {
2035
- color: #998;
2036
- font-style: italic;
2037
- }
2038
- .highlight .err {
2039
- color: #a61717;
2040
- background-color: #e3d2d2;
2041
- }
2042
- .highlight .k,
2043
- .highlight .o {
2044
- font-weight: 700;
2045
- }
2046
- .highlight .cm {
2047
- color: #998;
2048
- font-style: italic;
2049
- }
2050
- .highlight .cp {
2051
- color: #999;
2052
- font-weight: 700;
2053
- }
2054
- .highlight .c1 {
2055
- color: #998;
2056
- font-style: italic;
2057
- }
2058
- .highlight .cs {
2059
- color: #999;
2060
- font-style: italic;
2061
- font-weight: 700;
2062
- }
2063
- .highlight .gd {
2064
- color: #000;
2065
- background-color: #fdd;
2066
- }
2067
- .highlight .gd .x {
2068
- color: #000;
2069
- background-color: #faa;
2070
- }
2071
- .highlight .ge {
2072
- font-style: italic;
2073
- }
2074
- .highlight .gr {
2075
- color: #a00;
2076
- }
2077
- .highlight .gh {
2078
- color: #999;
2079
- }
2080
- .highlight .gi {
2081
- color: #000;
2082
- background-color: #dfd;
2083
- }
2084
- .highlight .gi .x {
2085
- color: #000;
2086
- background-color: #afa;
2087
- }
2088
- .highlight .go {
2089
- color: #888;
2090
- }
2091
- .highlight .gp {
2092
- color: #555;
2093
- }
2094
- .highlight .gs {
2095
- font-weight: 700;
2096
- }
2097
- .highlight .gu {
2098
- color: purple;
2099
- font-weight: 700;
2100
- }
2101
- .highlight .gt {
2102
- color: #a00;
2103
- }
2104
- .highlight .kc,
2105
- .highlight .kd,
2106
- .highlight .kn,
2107
- .highlight .kp,
2108
- .highlight .kr {
2109
- font-weight: 700;
2110
- }
2111
- .highlight .kt {
2112
- color: #458;
2113
- font-weight: 700;
2114
- }
2115
- .highlight .m {
2116
- color: #099;
2117
- }
2118
- .highlight .s {
2119
- color: #d14;
2120
- }
2121
- .highlight .n {
2122
- color: #333;
2123
- }
2124
- .highlight .na {
2125
- color: teal;
2126
- }
2127
- .highlight .nb {
2128
- color: #0086b3;
2129
- }
2130
- .highlight .nc {
2131
- color: #458;
2132
- font-weight: 700;
2133
- }
2134
- .highlight .no {
2135
- color: teal;
2136
- }
2137
- .highlight .ni {
2138
- color: purple;
2139
- }
2140
- .highlight .ne,
2141
- .highlight .nf {
2142
- color: #900;
2143
- font-weight: 700;
2144
- }
2145
- .highlight .nn {
2146
- color: #555;
2147
- }
2148
- .highlight .nt {
2149
- color: navy;
2150
- }
2151
- .highlight .nv {
2152
- color: teal;
2153
- }
2154
- .highlight .ow {
2155
- font-weight: 700;
2156
- }
2157
- .highlight .w {
2158
- color: #bbb;
2159
- }
2160
- .highlight .mf,
2161
- .highlight .mh,
2162
- .highlight .mi,
2163
- .highlight .mo {
2164
- color: #099;
2165
- }
2166
- .highlight .sb,
2167
- .highlight .sc,
2168
- .highlight .sd,
2169
- .highlight .s2,
2170
- .highlight .se,
2171
- .highlight .sh,
2172
- .highlight .si,
2173
- .highlight .sx {
2174
- color: #d14;
2175
- }
2176
- .highlight .sr {
2177
- color: #009926;
2178
- }
2179
- .highlight .s1 {
2180
- color: #d14;
2181
- }
2182
- .highlight .ss {
2183
- color: #990073;
2184
- }
2185
- .highlight .bp {
2186
- color: #999;
2187
- }
2188
- .highlight .vc,
2189
- .highlight .vg,
2190
- .highlight .vi {
2191
- color: teal;
2192
- }
2193
- .highlight .il {
2194
- color: #099;
2195
- }
2196
- .highlight .gc {
2197
- color: #999;
2198
- background-color: #eaf2f5;
2199
- }
2200
- .tippy-box[data-theme~="lookbook"] {
2201
- --tw-bg-opacity: 1;
2202
- background-color: rgb(99 102 241 / var(--tw-bg-opacity));
2203
- --tw-text-opacity: 1;
2204
- color: rgb(255 255 255 / var(--tw-text-opacity));
2205
- opacity: 0.9;
2206
- font-size: 0.75rem;
2207
- line-height: 1rem;
2208
- }
2209
- .tippy-box[data-theme~="lookbook"][data-placement^="top"]
2210
- > .tippy-arrow:before {
2211
- border-top-color: #6366f1;
2212
- }
2213
- .tippy-box[data-theme~="lookbook"][data-placement^="bottom"]
2214
- > .tippy-arrow:before {
2215
- border-bottom-color: #6366f1;
2216
- }
2217
- .tippy-box[data-theme~="lookbook"][data-placement^="left"]
2218
- > .tippy-arrow:before {
2219
- border-left-color: #6366f1;
2220
- }
2221
- .tippy-box[data-theme~="lookbook"][data-placement^="right"]
2222
- > .tippy-arrow:before {
2223
- border-right-color: #6366f1;
2224
- }
2225
- .tippy-box[data-theme~="menu"] {
2226
- --tw-bg-opacity: 1;
2227
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2228
- --tw-text-opacity: 1;
2229
- color: rgb(75 85 99 / var(--tw-text-opacity));
2230
- --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
2231
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
2232
- 0 2px 4px -2px var(--tw-shadow-color);
2233
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
2234
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2235
- border: 1px solid #d1d5db;
2236
- border-radius: 0.25rem;
2237
- }
2238
- .tippy-box[data-theme~="menu"] > .tippy-content {
2239
- padding: 0;
2240
- }
2241
- .tippy-box[data-theme~="menu"][data-placement^="top"] > .tippy-arrow:before {
2242
- border-top-color: #fff;
2243
- }
2244
- .tippy-box[data-theme~="menu"][data-placement^="bottom"] > .tippy-arrow:before {
2245
- border-bottom-color: #fff;
2246
- }
2247
- .tippy-box[data-theme~="menu"][data-placement^="left"] > .tippy-arrow:before {
2248
- border-left-color: #fff;
2249
- }
2250
- .tippy-box[data-theme~="menu"][data-placement^="right"] > .tippy-arrow:before {
2251
- border-right-color: #fff;
2252
- }
2253
- .placeholder\:italic::placeholder {
2254
- font-style: italic;
2255
- }
2256
- .placeholder\:text-gray-500::placeholder {
2257
- --tw-text-opacity: 1;
2258
- color: rgb(107 114 128 / var(--tw-text-opacity));
2259
- }
2260
- .hover\:bg-indigo-100:hover {
2261
- --tw-bg-opacity: 1;
2262
- background-color: rgb(224 231 255 / var(--tw-bg-opacity));
2263
- }
2264
- .hover\:bg-gray-200:hover {
2265
- --tw-bg-opacity: 1;
2266
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2267
- }
2268
- .hover\:bg-opacity-20:hover {
2269
- --tw-bg-opacity: 0.2;
2270
- }
2271
- .hover\:bg-opacity-50:hover {
2272
- --tw-bg-opacity: 0.5;
2273
- }
2274
- .hover\:text-gray-900:hover {
2275
- --tw-text-opacity: 1;
2276
- color: rgb(17 24 39 / var(--tw-text-opacity));
2277
- }
2278
- .hover\:text-green-600:hover {
2279
- --tw-text-opacity: 1;
2280
- color: rgb(22 163 74 / var(--tw-text-opacity));
2281
- }
2282
- .hover\:text-indigo-500:hover {
2283
- --tw-text-opacity: 1;
2284
- color: rgb(99 102 241 / var(--tw-text-opacity));
2285
- }
2286
- .hover\:text-gray-700:hover {
2287
- --tw-text-opacity: 1;
2288
- color: rgb(55 65 81 / var(--tw-text-opacity));
2289
- }
2290
- .hover\:text-indigo-800:hover {
2291
- --tw-text-opacity: 1;
2292
- color: rgb(55 48 163 / var(--tw-text-opacity));
2293
- }
2294
- .hover\:opacity-100:hover {
2295
- opacity: 1;
2296
- }
2297
- .focus\:outline-none:focus {
2298
- outline-offset: 2px;
2299
- outline: 2px solid #0000;
2300
- }
2301
- .focus\:ring-0:focus {
2302
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
2303
- var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2304
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
2305
- calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2306
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
2307
- var(--tw-shadow, 0 0 #0000);
2308
- }
2309
- .focus\:ring-2:focus {
2310
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
2311
- var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2312
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
2313
- calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2314
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
2315
- var(--tw-shadow, 0 0 #0000);
2316
- }
2317
- .focus\:ring-indigo-400:focus {
2318
- --tw-ring-opacity: 1;
2319
- --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
2320
- }
2321
- .focus\:ring-offset-2:focus {
2322
- --tw-ring-offset-width: 2px;
2323
- }
2324
- .group:hover .group-hover\:text-indigo-800 {
2325
- --tw-text-opacity: 1;
2326
- color: rgb(55 48 163 / var(--tw-text-opacity));
2327
- }
2328
- .prose-a\:text-indigo-900 :is(:where(a):not(:where([class~="not-prose"] *))) {
2329
- --tw-text-opacity: 1;
2330
- color: rgb(49 46 129 / var(--tw-text-opacity));
2331
- }
2332
- @media (min-width: 768px) {
2333
- .md\:px-10 {
2334
- padding-left: 2.5rem;
2335
- padding-right: 2.5rem;
2336
- }
2337
- .md\:pt-12 {
2338
- padding-top: 3rem;
2339
- }
2340
- }
2341
- /*# sourceMappingURL=app.css.map */