@infonomic/uikit 1.0.2 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/button/index.js +17 -1
  2. package/dist/styles/styles.css +1 -2592
  3. package/dist/styles/typography.css +1 -394
  4. package/dist/tsconfig.build.tsbuildinfo +1 -1
  5. package/package.json +2 -1
  6. package/dist/styles/styles.css.map +0 -1
  7. package/dist/styles/typography.css.map +0 -1
package/dist/styles/typography.css CHANGED
@@ -1,394 +1 @@
1
- @layer infonomic-typography {
2
- :root {
3
- --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4
- --font-display: "Roboto", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5
- --font-serif: "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
6
- --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
7
- }
8
-
9
- .sans {
10
- font-family: var(--font-sans);
11
- }
12
-
13
- .serif {
14
- font-family: var(--font-serif);
15
- }
16
-
17
- .mono {
18
- font-family: var(--font-mono);
19
- }
20
-
21
- .display {
22
- font-family: var(--font-display);
23
- }
24
-
25
- :root {
26
- --prose-body: var(--gray-900);
27
- --prose-headings: var(--gray-900);
28
- --prose-lead: #4b5563;
29
- --prose-links: var(--accent-950);
30
- --prose-counters: #6b7280;
31
- --prose-bullets: #d1d5db;
32
- --prose-hr: #e5e7eb;
33
- --prose-quotes: var(--accent-700);
34
- --prose-quote-borders: var(--accent-700);
35
- --prose-captions: #6b7280;
36
- --prose-kbd: #111827;
37
- --prose-kbd-shadows: 17 24 39;
38
- --prose-code: #1e293b;
39
- --prose-code-background: #efefef;
40
- --prose-code-borders: #ccc;
41
- --prose-pre-code: #e5e7eb;
42
- --prose-pre-bg: #1f2937;
43
- --prose-invert-body: var(--gray-50);
44
- --prose-invert-headings: var(--gray-50);
45
- --prose-invert-lead: #9ca3af;
46
- --prose-invert-links: var(--accent-500);
47
- --prose-invert-counters: #9ca3af;
48
- --prose-invert-bullets: #4b5563;
49
- --prose-invert-hr: #374151;
50
- --prose-invert-quotes: var(--accent-400);
51
- --prose-invert-quote-borders: var(--accent-400);
52
- --prose-invert-captions: #9ca3af;
53
- --prose-invert-kbd: #fff;
54
- --prose-invert-kbd-shadows: 255 255 255;
55
- --prose-invert-code: #f1f5f9;
56
- --prose-invert-code-background: #222;
57
- --prose-invert-code-borders: #333;
58
- --prose-invert-pre-code: #d1d5db;
59
- --prose-invert-pre-bg: #00000080;
60
- --prose-invert-th-borders: #4b5563;
61
- --prose-invert-td-borders: #374151;
62
- }
63
-
64
- .dark {
65
- --prose-body: var(--prose-invert-body);
66
- --prose-headings: var(--prose-invert-headings);
67
- --prose-lead: var(--prose-invert-lead);
68
- --prose-links: var(--prose-invert-links);
69
- --prose-counters: var(--prose-invert-counters);
70
- --prose-bullets: var(--prose-invert-bullets);
71
- --prose-hr: var(--prose-invert-hr);
72
- --prose-quotes: var(--prose-invert-quotes);
73
- --prose-quote-borders: var(--prose-invert-quote-borders);
74
- --prose-captions: var(--prose-invert-captions);
75
- --prose-kbd: var(--prose-invert-kbd);
76
- --prose-kbd-shadows: var(--prose-invert-kbd-shadows);
77
- --prose-code: var(--prose-invert-code);
78
- --prose-code-background: var(--prose-invert-code-background);
79
- --prose-code-borders: var(--prose-invert-code-borders);
80
- --prose-pre-code: var(--prose-invert-pre-code);
81
- --prose-pre-bg: var(--prose-invert-pre-bg);
82
- }
83
-
84
- .not-dark {
85
- --prose-body: var(--gray-900);
86
- --prose-headings: var(--gray-900);
87
- --prose-lead: #4b5563;
88
- --prose-links: var(--accent-950);
89
- --prose-counters: #6b7280;
90
- --prose-bullets: #d1d5db;
91
- --prose-hr: #e5e7eb;
92
- --prose-quotes: var(--accent-700);
93
- --prose-quote-borders: var(--accent-700);
94
- --prose-captions: #6b7280;
95
- --prose-kbd: #111827;
96
- --prose-kbd-shadows: 17 24 39;
97
- --prose-code: #1e293b;
98
- --prose-code-background: #efefef;
99
- --prose-code-borders: #ccc;
100
- --prose-pre-code: #e5e7eb;
101
- --prose-pre-bg: #1f2937;
102
- }
103
-
104
- html {
105
- color: var(--prose-body);
106
- font-size: 1rem;
107
- }
108
-
109
- html .not-dark {
110
- color: var(--prose-body);
111
- }
112
-
113
- article, .editor-text, .break-long-words {
114
- overflow-wrap: anywhere;
115
- }
116
-
117
- article, .dynamic-text {
118
- font-size: 1.25rem;
119
- line-height: 1.6;
120
- }
121
-
122
- @media screen and (width >= 768px) {
123
- article, .dynamic-text {
124
- font-size: 1.125rem;
125
- line-height: 1.64;
126
- }
127
- }
128
-
129
- .prose {
130
- & h1, & h2, & h3, & h4, & h5 {
131
- color: var(--prose-headings);
132
- }
133
- }
134
-
135
- .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
136
- margin-top: 0;
137
- margin-bottom: 1rem;
138
- font-size: 2.5rem;
139
- font-weight: 600;
140
- line-height: 1.125;
141
- }
142
-
143
- .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
144
- margin-top: 1.5rem;
145
- margin-bottom: .75rem;
146
- font-size: 2rem;
147
- font-weight: 600;
148
- line-height: 1.2;
149
- }
150
-
151
- .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
152
- margin-top: 1.25rem;
153
- margin-bottom: .75rem;
154
- font-size: 1.75rem;
155
- font-weight: 600;
156
- line-height: 1.1;
157
- }
158
-
159
- .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
160
- margin-top: 1.25rem;
161
- margin-bottom: .65rem;
162
- font-size: 1.55rem;
163
- font-weight: 600;
164
- line-height: 1.1;
165
- }
166
-
167
- .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
168
- margin-top: 1.25em;
169
- margin-bottom: 1.25em;
170
- }
171
-
172
- .prose-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
173
- margin-top: 1.25em;
174
- margin-bottom: 1.25em;
175
- font-size: 1.125rem;
176
- line-height: 1.64;
177
- }
178
-
179
- .prose-xl :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
180
- margin-top: 1.25em;
181
- margin-bottom: 1.25em;
182
- font-size: 1.25rem;
183
- line-height: 1.6;
184
- }
185
-
186
- .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
187
- color: var(--prose-lead);
188
- margin-top: 1.2em;
189
- margin-bottom: 1.2em;
190
- font-size: 1.25em;
191
- line-height: 1.4;
192
- }
193
-
194
- .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
195
- color: var(--prose-links);
196
- font-weight: 500;
197
- text-decoration: underline;
198
- }
199
-
200
- .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
201
- color: var(--prose-bold);
202
- font-weight: 500;
203
- }
204
-
205
- .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
206
- color: inherit;
207
- }
208
-
209
- .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
210
- margin-top: 1.25em;
211
- margin-bottom: 1.25em;
212
- padding-inline-start: 1.625em;
213
- list-style-type: decimal;
214
- }
215
-
216
- .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
217
- list-style-type: upper-alpha;
218
- }
219
-
220
- .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
221
- list-style-type: lower-alpha;
222
- }
223
-
224
- .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
225
- list-style-type: upper-alpha;
226
- }
227
-
228
- .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
229
- list-style-type: lower-alpha;
230
- }
231
-
232
- .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
233
- list-style-type: upper-roman;
234
- }
235
-
236
- .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
237
- list-style-type: lower-roman;
238
- }
239
-
240
- .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
241
- list-style-type: upper-roman;
242
- }
243
-
244
- .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
245
- list-style-type: lower-roman;
246
- }
247
-
248
- .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
249
- list-style-type: decimal;
250
- }
251
-
252
- .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
253
- margin-top: 1.25em;
254
- margin-bottom: 1.25em;
255
- padding-inline-start: 1.625em;
256
- list-style-type: disc;
257
- }
258
-
259
- .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
260
- color: var(--prose-counters);
261
- font-weight: 400;
262
- }
263
-
264
- .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
265
- color: var(--prose-bullets);
266
- }
267
-
268
- .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
269
- color: var(--prose-headings);
270
- margin-top: 1.25em;
271
- font-weight: 500;
272
- }
273
-
274
- .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
275
- border-color: var(--prose-hr);
276
- border-top-width: 1px;
277
- margin-top: 3em;
278
- margin-bottom: 3em;
279
- }
280
-
281
- .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
282
- color: var(--prose-quotes);
283
- quotes: none;
284
- border-inline-start-width: .25rem;
285
- border-inline-start-color: var(--prose-quote-borders);
286
- margin-top: 1.6em;
287
- margin-bottom: 1.6em;
288
- margin-right: 2rem;
289
- padding-inline-start: 1rem;
290
- font-size: 1.5rem;
291
- font-style: normal;
292
- font-weight: bold;
293
- line-height: 1.2;
294
- }
295
-
296
- .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
297
- content: open-quote;
298
- }
299
-
300
- .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
301
- content: close-quote;
302
- }
303
-
304
- .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
305
- margin-top: 2em;
306
- margin-bottom: 2em;
307
- }
308
-
309
- .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
310
- margin-top: 2em;
311
- margin-bottom: 2em;
312
- display: block;
313
- }
314
-
315
- .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
316
- margin-top: 2em;
317
- margin-bottom: 2em;
318
- }
319
-
320
- .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
321
- color: var(--prose-kbd);
322
- box-shadow: 0 0 0 1px rgb(var(--prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--prose-kbd-shadows) / 10%);
323
- padding-top: .1875em;
324
- padding-inline-end: .375em;
325
- padding-bottom: .1875em;
326
- border-radius: .3125rem;
327
- padding-inline-start: .375em;
328
- font-family: inherit;
329
- font-size: .875em;
330
- font-weight: 500;
331
- }
332
-
333
- .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
334
- color: var(--prose-code);
335
- background-color: var(--prose-code-background);
336
- border-color: var(--prose-code-borders);
337
- border-width: 1px;
338
- border-radius: .25rem;
339
- padding: .125rem .375rem;
340
- font-size: .875em;
341
- font-weight: 400;
342
- }
343
-
344
- .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
345
- color: var(--prose-pre-code);
346
- background-color: var(--prose-pre-bg);
347
- padding-top: .857143em;
348
- padding-inline-end: 1.14286em;
349
- padding-bottom: .857143em;
350
- border-radius: .375rem;
351
- margin-top: 1.71429em;
352
- margin-bottom: 1.71429em;
353
- padding-inline-start: 1.14286em;
354
- font-weight: 400;
355
- line-height: 1.71429;
356
- overflow-x: auto;
357
- }
358
-
359
- .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
360
- background-color: initial;
361
- font-weight: inherit;
362
- color: inherit;
363
- font-family: inherit;
364
- line-height: inherit;
365
- padding: 0;
366
- border-width: 0;
367
- border-radius: 0;
368
- padding: 0;
369
- font-size: 1em !important;
370
- }
371
-
372
- @media (width >= 768px) {
373
- .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
374
- font-size: 1.7rem;
375
- line-height: 1.2;
376
- }
377
- }
378
-
379
- html, .font-sans {
380
- font-family: var(--font-sans);
381
- }
382
-
383
- .font-display {
384
- font-family: var(--font-display);
385
- }
386
-
387
- .font-serif {
388
- font-family: var(--font-serif);
389
- }
390
-
391
- .font-mono {
392
- font-family: var(--font-mono);
393
- }
394
- }
1
+ @layer infonomic-typography{:root{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-display:"Roboto",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:"Merriweather",Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:"Source Code Pro",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.sans{font-family:var(--font-sans)}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}:root{--prose-body:var(--gray-900);--prose-headings:var(--gray-900);--prose-lead:#4b5563;--prose-links:var(--accent-950);--prose-counters:#6b7280;--prose-bullets:#d1d5db;--prose-hr:#e5e7eb;--prose-quotes:var(--accent-700);--prose-quote-borders:var(--accent-700);--prose-captions:#6b7280;--prose-kbd:#111827;--prose-kbd-shadows:17 24 39;--prose-code:#1e293b;--prose-code-background:#efefef;--prose-code-borders:#ccc;--prose-pre-code:#e5e7eb;--prose-pre-bg:#1f2937;--prose-invert-body:var(--gray-50);--prose-invert-headings:var(--gray-50);--prose-invert-lead:#9ca3af;--prose-invert-links:var(--accent-500);--prose-invert-counters:#9ca3af;--prose-invert-bullets:#4b5563;--prose-invert-hr:#374151;--prose-invert-quotes:var(--accent-400);--prose-invert-quote-borders:var(--accent-400);--prose-invert-captions:#9ca3af;--prose-invert-kbd:#fff;--prose-invert-kbd-shadows:255 255 255;--prose-invert-code:#f1f5f9;--prose-invert-code-background:#222;--prose-invert-code-borders:#333;--prose-invert-pre-code:#d1d5db;--prose-invert-pre-bg:#00000080;--prose-invert-th-borders:#4b5563;--prose-invert-td-borders:#374151}.dark{--prose-body:var(--prose-invert-body);--prose-headings:var(--prose-invert-headings);--prose-lead:var(--prose-invert-lead);--prose-links:var(--prose-invert-links);--prose-counters:var(--prose-invert-counters);--prose-bullets:var(--prose-invert-bullets);--prose-hr:var(--prose-invert-hr);--prose-quotes:var(--prose-invert-quotes);--prose-quote-borders:var(--prose-invert-quote-borders);--prose-captions:var(--prose-invert-captions);--prose-kbd:var(--prose-invert-kbd);--prose-kbd-shadows:var(--prose-invert-kbd-shadows);--prose-code:var(--prose-invert-code);--prose-code-background:var(--prose-invert-code-background);--prose-code-borders:var(--prose-invert-code-borders);--prose-pre-code:var(--prose-invert-pre-code);--prose-pre-bg:var(--prose-invert-pre-bg)}.not-dark{--prose-body:var(--gray-900);--prose-headings:var(--gray-900);--prose-lead:#4b5563;--prose-links:var(--accent-950);--prose-counters:#6b7280;--prose-bullets:#d1d5db;--prose-hr:#e5e7eb;--prose-quotes:var(--accent-700);--prose-quote-borders:var(--accent-700);--prose-captions:#6b7280;--prose-kbd:#111827;--prose-kbd-shadows:17 24 39;--prose-code:#1e293b;--prose-code-background:#efefef;--prose-code-borders:#ccc;--prose-pre-code:#e5e7eb;--prose-pre-bg:#1f2937}html{color:var(--prose-body);font-size:1rem}html .not-dark{color:var(--prose-body)}article,.editor-text,.break-long-words{overflow-wrap:anywhere}article,.dynamic-text{font-size:1.25rem;line-height:1.6}@media screen and (width>=768px){article,.dynamic-text{font-size:1.125rem;line-height:1.64}}.prose{& h1,& h2,& h3,& h4,& h5{color:var(--prose-headings)}}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:1rem;font-size:2.5rem;font-weight:600;line-height:1.125}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.5rem;margin-bottom:.75rem;font-size:2rem;font-weight:600;line-height:1.2}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25rem;margin-bottom:.75rem;font-size:1.75rem;font-weight:600;line-height:1.1}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25rem;margin-bottom:.65rem;font-size:1.55rem;font-weight:600;line-height:1.1}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;font-size:1.125rem;line-height:1.64}.prose-xl :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;font-size:1.25rem;line-height:1.6}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.4}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--prose-bold);font-weight:500}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--prose-headings);margin-top:1.25em;font-weight:500}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--prose-quotes);quotes:none;border-inline-start-width:.25rem;border-inline-start-color:var(--prose-quote-borders);margin-top:1.6em;margin-bottom:1.6em;margin-right:2rem;padding-inline-start:1rem;font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.2}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--prose-kbd);box-shadow:0 0 0 1px rgb(var(--prose-kbd-shadows)/10%),0 3px 0 rgb(var(--prose-kbd-shadows)/10%);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--prose-code);background-color:var(--prose-code-background);border-color:var(--prose-code-borders);border-width:1px;border-radius:.25rem;padding:.125rem .375rem;font-size:.875em;font-weight:400}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--prose-pre-code);background-color:var(--prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;font-weight:inherit;color:inherit;font-family:inherit;line-height:inherit;padding:0;border-width:0;border-radius:0;padding:0;font-size:1em!important}@media (width>=768px){.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.7rem;line-height:1.2}}html,.font-sans{font-family:var(--font-sans)}.font-display{font-family:var(--font-display)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}}