@yuntijs/ui 2.0.0-beta.6 → 2.0.0-beta.7

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 (2) hide show
  1. package/package.json +2 -2
  2. package/umd/mdxeditor.css +2280 -0
package/umd/mdxeditor.css ADDED
@@ -0,0 +1,2280 @@
1
+ :root, .light, .light-theme {
2
+ --blue-1: #fbfdff;
3
+ --blue-2: #f4faff;
4
+ --blue-3: #e6f4fe;
5
+ --blue-4: #d5efff;
6
+ --blue-5: #c2e5ff;
7
+ --blue-6: #acd8fc;
8
+ --blue-7: #8ec8f6;
9
+ --blue-8: #5eb1ef;
10
+ --blue-9: #0090ff;
11
+ --blue-10: #0588f0;
12
+ --blue-11: #0d74ce;
13
+ --blue-12: #113264;
14
+ }
15
+
16
+ @supports (color: color(display-p3 1 1 1)) {
17
+ @media (color-gamut: p3) {
18
+ :root, .light, .light-theme {
19
+ --blue-1: color(display-p3 0.986 0.992 0.999);
20
+ --blue-2: color(display-p3 0.96 0.979 0.998);
21
+ --blue-3: color(display-p3 0.912 0.956 0.991);
22
+ --blue-4: color(display-p3 0.853 0.932 1);
23
+ --blue-5: color(display-p3 0.788 0.894 0.998);
24
+ --blue-6: color(display-p3 0.709 0.843 0.976);
25
+ --blue-7: color(display-p3 0.606 0.777 0.947);
26
+ --blue-8: color(display-p3 0.451 0.688 0.917);
27
+ --blue-9: color(display-p3 0.247 0.556 0.969);
28
+ --blue-10: color(display-p3 0.234 0.523 0.912);
29
+ --blue-11: color(display-p3 0.15 0.44 0.84);
30
+ --blue-12: color(display-p3 0.102 0.193 0.379);
31
+ }
32
+ }
33
+ }
34
+
35
+ .dark, .dark-theme {
36
+ --blue-1: #0d1520;
37
+ --blue-2: #111927;
38
+ --blue-3: #0d2847;
39
+ --blue-4: #003362;
40
+ --blue-5: #004074;
41
+ --blue-6: #104d87;
42
+ --blue-7: #205d9e;
43
+ --blue-8: #2870bd;
44
+ --blue-9: #0090ff;
45
+ --blue-10: #3b9eff;
46
+ --blue-11: #70b8ff;
47
+ --blue-12: #c2e6ff;
48
+ }
49
+
50
+ @supports (color: color(display-p3 1 1 1)) {
51
+ @media (color-gamut: p3) {
52
+ .dark, .dark-theme {
53
+ --blue-1: color(display-p3 0.057 0.081 0.122);
54
+ --blue-2: color(display-p3 0.072 0.098 0.147);
55
+ --blue-3: color(display-p3 0.078 0.154 0.27);
56
+ --blue-4: color(display-p3 0.033 0.197 0.37);
57
+ --blue-5: color(display-p3 0.08 0.245 0.441);
58
+ --blue-6: color(display-p3 0.14 0.298 0.511);
59
+ --blue-7: color(display-p3 0.195 0.361 0.6);
60
+ --blue-8: color(display-p3 0.239 0.434 0.72);
61
+ --blue-9: color(display-p3 0.247 0.556 0.969);
62
+ --blue-10: color(display-p3 0.344 0.612 0.973);
63
+ --blue-11: color(display-p3 0.49 0.72 1);
64
+ --blue-12: color(display-p3 0.788 0.898 0.99);
65
+ }
66
+ }
67
+ }
68
+
69
+ :root, .light, .light-theme {
70
+ --slate-1: #fcfcfd;
71
+ --slate-2: #f9f9fb;
72
+ --slate-3: #f0f0f3;
73
+ --slate-4: #e8e8ec;
74
+ --slate-5: #e0e1e6;
75
+ --slate-6: #d9d9e0;
76
+ --slate-7: #cdced6;
77
+ --slate-8: #b9bbc6;
78
+ --slate-9: #8b8d98;
79
+ --slate-10: #80838d;
80
+ --slate-11: #60646c;
81
+ --slate-12: #1c2024;
82
+ }
83
+
84
+ @supports (color: color(display-p3 1 1 1)) {
85
+ @media (color-gamut: p3) {
86
+ :root, .light, .light-theme {
87
+ --slate-1: color(display-p3 0.988 0.988 0.992);
88
+ --slate-2: color(display-p3 0.976 0.976 0.984);
89
+ --slate-3: color(display-p3 0.94 0.941 0.953);
90
+ --slate-4: color(display-p3 0.908 0.909 0.925);
91
+ --slate-5: color(display-p3 0.88 0.881 0.901);
92
+ --slate-6: color(display-p3 0.85 0.852 0.876);
93
+ --slate-7: color(display-p3 0.805 0.808 0.838);
94
+ --slate-8: color(display-p3 0.727 0.733 0.773);
95
+ --slate-9: color(display-p3 0.547 0.553 0.592);
96
+ --slate-10: color(display-p3 0.503 0.512 0.549);
97
+ --slate-11: color(display-p3 0.379 0.392 0.421);
98
+ --slate-12: color(display-p3 0.113 0.125 0.14);
99
+ }
100
+ }
101
+ }
102
+
103
+ .dark, .dark-theme {
104
+ --slate-1: #111113;
105
+ --slate-2: #18191b;
106
+ --slate-3: #212225;
107
+ --slate-4: #272a2d;
108
+ --slate-5: #2e3135;
109
+ --slate-6: #363a3f;
110
+ --slate-7: #43484e;
111
+ --slate-8: #5a6169;
112
+ --slate-9: #696e77;
113
+ --slate-10: #777b84;
114
+ --slate-11: #b0b4ba;
115
+ --slate-12: #edeef0;
116
+ }
117
+
118
+ @supports (color: color(display-p3 1 1 1)) {
119
+ @media (color-gamut: p3) {
120
+ .dark, .dark-theme {
121
+ --slate-1: color(display-p3 0.067 0.067 0.074);
122
+ --slate-2: color(display-p3 0.095 0.098 0.105);
123
+ --slate-3: color(display-p3 0.13 0.135 0.145);
124
+ --slate-4: color(display-p3 0.156 0.163 0.176);
125
+ --slate-5: color(display-p3 0.183 0.191 0.206);
126
+ --slate-6: color(display-p3 0.215 0.226 0.244);
127
+ --slate-7: color(display-p3 0.265 0.28 0.302);
128
+ --slate-8: color(display-p3 0.357 0.381 0.409);
129
+ --slate-9: color(display-p3 0.415 0.431 0.463);
130
+ --slate-10: color(display-p3 0.469 0.483 0.514);
131
+ --slate-11: color(display-p3 0.692 0.704 0.728);
132
+ --slate-12: color(display-p3 0.93 0.933 0.94);
133
+ }
134
+ }
135
+ }
136
+
137
+ :root, .light, .light-theme {
138
+ --grass-1: #fbfefb;
139
+ --grass-2: #f5fbf5;
140
+ --grass-3: #e9f6e9;
141
+ --grass-4: #daf1db;
142
+ --grass-5: #c9e8ca;
143
+ --grass-6: #b2ddb5;
144
+ --grass-7: #94ce9a;
145
+ --grass-8: #65ba74;
146
+ --grass-9: #46a758;
147
+ --grass-10: #3e9b4f;
148
+ --grass-11: #2a7e3b;
149
+ --grass-12: #203c25;
150
+ }
151
+
152
+ @supports (color: color(display-p3 1 1 1)) {
153
+ @media (color-gamut: p3) {
154
+ :root, .light, .light-theme {
155
+ --grass-1: color(display-p3 0.986 0.996 0.985);
156
+ --grass-2: color(display-p3 0.966 0.983 0.964);
157
+ --grass-3: color(display-p3 0.923 0.965 0.917);
158
+ --grass-4: color(display-p3 0.872 0.94 0.865);
159
+ --grass-5: color(display-p3 0.811 0.908 0.802);
160
+ --grass-6: color(display-p3 0.733 0.864 0.724);
161
+ --grass-7: color(display-p3 0.628 0.803 0.622);
162
+ --grass-8: color(display-p3 0.477 0.72 0.482);
163
+ --grass-9: color(display-p3 0.38 0.647 0.378);
164
+ --grass-10: color(display-p3 0.344 0.598 0.342);
165
+ --grass-11: color(display-p3 0.263 0.488 0.261);
166
+ --grass-12: color(display-p3 0.151 0.233 0.153);
167
+ }
168
+ }
169
+ }
170
+
171
+ :root, .light, .light-theme {
172
+ --cyan-1: #fafdfe;
173
+ --cyan-2: #f2fafb;
174
+ --cyan-3: #def7f9;
175
+ --cyan-4: #caf1f6;
176
+ --cyan-5: #b5e9f0;
177
+ --cyan-6: #9ddde7;
178
+ --cyan-7: #7dcedc;
179
+ --cyan-8: #3db9cf;
180
+ --cyan-9: #00a2c7;
181
+ --cyan-10: #0797b9;
182
+ --cyan-11: #107d98;
183
+ --cyan-12: #0d3c48;
184
+ }
185
+
186
+ @supports (color: color(display-p3 1 1 1)) {
187
+ @media (color-gamut: p3) {
188
+ :root, .light, .light-theme {
189
+ --cyan-1: color(display-p3 0.982 0.992 0.996);
190
+ --cyan-2: color(display-p3 0.955 0.981 0.984);
191
+ --cyan-3: color(display-p3 0.888 0.965 0.975);
192
+ --cyan-4: color(display-p3 0.821 0.941 0.959);
193
+ --cyan-5: color(display-p3 0.751 0.907 0.935);
194
+ --cyan-6: color(display-p3 0.671 0.862 0.9);
195
+ --cyan-7: color(display-p3 0.564 0.8 0.854);
196
+ --cyan-8: color(display-p3 0.388 0.715 0.798);
197
+ --cyan-9: color(display-p3 0.282 0.627 0.765);
198
+ --cyan-10: color(display-p3 0.264 0.583 0.71);
199
+ --cyan-11: color(display-p3 0.08 0.48 0.63);
200
+ --cyan-12: color(display-p3 0.108 0.232 0.277);
201
+ }
202
+ }
203
+ }
204
+
205
+ :root, .light, .light-theme {
206
+ --amber-1: #fefdfb;
207
+ --amber-2: #fefbe9;
208
+ --amber-3: #fff7c2;
209
+ --amber-4: #ffee9c;
210
+ --amber-5: #fbe577;
211
+ --amber-6: #f3d673;
212
+ --amber-7: #e9c162;
213
+ --amber-8: #e2a336;
214
+ --amber-9: #ffc53d;
215
+ --amber-10: #ffba18;
216
+ --amber-11: #ab6400;
217
+ --amber-12: #4f3422;
218
+ }
219
+
220
+ @supports (color: color(display-p3 1 1 1)) {
221
+ @media (color-gamut: p3) {
222
+ :root, .light, .light-theme {
223
+ --amber-1: color(display-p3 0.995 0.992 0.985);
224
+ --amber-2: color(display-p3 0.994 0.986 0.921);
225
+ --amber-3: color(display-p3 0.994 0.969 0.782);
226
+ --amber-4: color(display-p3 0.989 0.937 0.65);
227
+ --amber-5: color(display-p3 0.97 0.902 0.527);
228
+ --amber-6: color(display-p3 0.936 0.844 0.506);
229
+ --amber-7: color(display-p3 0.89 0.762 0.443);
230
+ --amber-8: color(display-p3 0.85 0.65 0.3);
231
+ --amber-9: color(display-p3 1 0.77 0.26);
232
+ --amber-10: color(display-p3 0.959 0.741 0.274);
233
+ --amber-11: color(display-p3 0.64 0.4 0);
234
+ --amber-12: color(display-p3 0.294 0.208 0.145);
235
+ }
236
+ }
237
+ }
238
+
239
+ :root, .light, .light-theme {
240
+ --red-1: #fffcfc;
241
+ --red-2: #fff7f7;
242
+ --red-3: #feebec;
243
+ --red-4: #ffdbdc;
244
+ --red-5: #ffcdce;
245
+ --red-6: #fdbdbe;
246
+ --red-7: #f4a9aa;
247
+ --red-8: #eb8e90;
248
+ --red-9: #e5484d;
249
+ --red-10: #dc3e42;
250
+ --red-11: #ce2c31;
251
+ --red-12: #641723;
252
+ }
253
+
254
+ @supports (color: color(display-p3 1 1 1)) {
255
+ @media (color-gamut: p3) {
256
+ :root, .light, .light-theme {
257
+ --red-1: color(display-p3 0.998 0.989 0.988);
258
+ --red-2: color(display-p3 0.995 0.971 0.971);
259
+ --red-3: color(display-p3 0.985 0.925 0.925);
260
+ --red-4: color(display-p3 0.999 0.866 0.866);
261
+ --red-5: color(display-p3 0.984 0.812 0.811);
262
+ --red-6: color(display-p3 0.955 0.751 0.749);
263
+ --red-7: color(display-p3 0.915 0.675 0.672);
264
+ --red-8: color(display-p3 0.872 0.575 0.572);
265
+ --red-9: color(display-p3 0.83 0.329 0.324);
266
+ --red-10: color(display-p3 0.798 0.294 0.285);
267
+ --red-11: color(display-p3 0.744 0.234 0.222);
268
+ --red-12: color(display-p3 0.36 0.115 0.143);
269
+ }
270
+ }
271
+ }
272
+
273
+ /** Code mirror */
274
+
275
+ .mdxeditor .cm-editor {
276
+ --sp-font-mono: var(--font-mono);
277
+ --sp-font-body: var(--font-body);
278
+ padding: var(--sp-space-4) 0;
279
+ }
280
+
281
+ .mdxeditor .sp-editor .cm-editor {
282
+ padding-bottom: 0;
283
+ }
284
+
285
+ .mdxeditor .cm-scroller {
286
+ padding: 0 !important;
287
+ }
288
+
289
+ .mdxeditor .cm-focused {
290
+ outline: none;
291
+ }
292
+
293
+ .mdxeditor .sp-wrapper {
294
+ overflow: hidden;
295
+ }
296
+
297
+ .mdxeditor .sp-layout {
298
+ border: none;
299
+ }
300
+
301
+ .mdxeditor .sp-cm pre {
302
+ white-space: break-spaces;
303
+ word-break: break-word;
304
+ overflow-wrap: anywhere;
305
+ flex-shrink: 1;
306
+ }
307
+
308
+ /** Diff viewer */
309
+
310
+ .mdxeditor .cm-mergeView .cm-scroller {
311
+ font-family: var(--font-mono);
312
+ line-height: 1.3rem;
313
+ font-size: var(--text-xs);
314
+ }
315
+
316
+ /** Diff viewer */
317
+
318
+ .mdxeditor .cm-sourceView .cm-scroller {
319
+ font-family: var(--font-mono);
320
+ line-height: 1.3rem;
321
+ font-size: var(--text-xs);
322
+ }
323
+
324
+ .mdxeditor .cm-gutters {
325
+ background: transparent;
326
+ font-size: var(--text-xxs);
327
+ }
328
+
329
+ .mdxeditor .cm-activeLine {
330
+ background: transparent;
331
+ }
332
+
333
+ .mdxeditor .cm-tooltip-autocomplete {
334
+ background: var(--baseBgSubtle);
335
+ }
336
+
337
+ .mdxeditor hr.selected[data-lexical-decorator=true] {
338
+ outline: 2px solid highlight;
339
+ }
340
+ ._editorRoot_1e2ox_53 {
341
+ --accentBase: var(--blue-1);
342
+ --accentBgSubtle: var(--blue-2);
343
+ --accentBg: var(--blue-3);
344
+ --accentBgHover: var(--blue-4);
345
+ --accentBgActive: var(--blue-5);
346
+ --accentLine: var(--blue-6);
347
+ --accentBorder: var(--blue-7);
348
+ --accentBorderHover: var(--blue-8);
349
+ --accentSolid: var(--blue-9);
350
+ --accentSolidHover: var(--blue-10);
351
+ --accentText: var(--blue-11);
352
+ --accentTextContrast: var(--blue-12);
353
+
354
+ --basePageBg: white;
355
+ --baseBase: var(--slate-1);
356
+ --baseBgSubtle: var(--slate-2);
357
+ --baseBg: var(--slate-3);
358
+ --baseBgHover: var(--slate-4);
359
+ --baseBgActive: var(--slate-5);
360
+ --baseLine: var(--slate-6);
361
+ --baseBorder: var(--slate-7);
362
+ --baseBorderHover: var(--slate-8);
363
+ --baseSolid: var(--slate-9);
364
+ --baseSolidHover: var(--slate-10);
365
+ --baseText: var(--slate-11);
366
+ --baseTextContrast: var(--slate-12);
367
+
368
+ --admonitionTipBg: var(--cyan-4);
369
+ --admonitionTipBorder: var(--cyan-8);
370
+
371
+ --admonitionInfoBg: var(--grass-4);
372
+ --admonitionInfoBorder: var(--grass-8);
373
+
374
+ --admonitionCautionBg: var(--amber-4);
375
+ --admonitionCautionBorder: var(--amber-8);
376
+
377
+ --admonitionDangerBg: var(--red-4);
378
+ --admonitionDangerBorder: var(--red-8);
379
+
380
+ --admonitionNoteBg: var(--slate-4);
381
+ --admonitionNoteBorder: var(--slate-8);
382
+
383
+ --error-color: var(--red-10);
384
+
385
+ --spacing-0: 0px;
386
+ --spacing-px: 1px;
387
+ --spacing-0_5: 0.125rem;
388
+ --spacing-1: 0.25rem;
389
+ --spacing-1_5: 0.375rem;
390
+ --spacing-2: 0.5rem;
391
+ --spacing-2_5: 0.625rem;
392
+ --spacing-3: 0.75rem;
393
+ --spacing-3_5: 0.875rem;
394
+ --spacing-4: 1rem;
395
+ --spacing-5: 1.25rem;
396
+ --spacing-6: 1.5rem;
397
+ --spacing-7: 1.75rem;
398
+ --spacing-8: 2rem;
399
+ --spacing-9: 2.25rem;
400
+ --spacing-10: 2.5rem;
401
+ --spacing-11: 2.75rem;
402
+ --spacing-12: 3rem;
403
+ --spacing-14: 3.5rem;
404
+ --spacing-16: 4rem;
405
+ --spacing-20: 5rem;
406
+ --spacing-24: 6rem;
407
+ --spacing-28: 7rem;
408
+ --spacing-32: 8rem;
409
+ --spacing-36: 9rem;
410
+ --spacing-40: 10rem;
411
+ --spacing-44: 11rem;
412
+ --spacing-48: 12rem;
413
+ --spacing-52: 13rem;
414
+ --spacing-56: 14rem;
415
+ --spacing-60: 15rem;
416
+ --spacing-64: 16rem;
417
+ --spacing-72: 18rem;
418
+ --spacing-80: 20rem;
419
+ --spacing-96: 24rem;
420
+
421
+ --radius-none: 0px;
422
+ --radius-small: var(--spacing-0_5);
423
+ --radius-base: var(--spacing-1);
424
+ --radius-medium: var(--spacing-1_5);
425
+ --radius-large: var(--spacing-2);
426
+ --radius-extra-large: var(--spacing-3);
427
+ --radius-full: 9999px;
428
+
429
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
430
+ --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
431
+ sans-serif;
432
+
433
+ --text-base: 1rem;
434
+ --text-sm: 0.875rem;
435
+ --text-xs: 0.75rem;
436
+ --text-xxs: 0.6rem;
437
+
438
+ font-family: var(--font-body);
439
+ color: var(--baseText);
440
+ }
441
+
442
+ ._editorWrapper_1e2ox_155 {
443
+ }
444
+
445
+ ._nestedListItem_1e2ox_158 {
446
+ list-style: none;
447
+ }
448
+
449
+ ._toolbarRoot_1e2ox_162 {
450
+ z-index: 2;
451
+ display: flex;
452
+ flex-direction: row;
453
+ gap: var(--spacing-1);
454
+ border-radius: var(--radius-medium);
455
+ padding: var(--spacing-1_5);
456
+ align-items: center;
457
+ overflow-x: auto;
458
+ position: sticky;
459
+ top: 0;
460
+ background-color: var(--baseBg);
461
+ width: inherit;
462
+ }
463
+
464
+ ._toolbarRoot_1e2ox_162 div[role='separator'] {
465
+ margin: var(--spacing-2) var(--spacing-1);
466
+ border-left: 1px solid var(--baseBorder);
467
+ border-right: 1px solid var(--baseBase);
468
+ height: var(--spacing-4);
469
+ }
470
+
471
+ ._toolbarRoot_1e2ox_162 svg {
472
+ color: var(--baseTextContrast);
473
+ display: block;
474
+ }
475
+
476
+ ._readOnlyToolbarRoot_1e2ox_189 {
477
+ pointer-events: none;
478
+ background: var(--baseBase);
479
+ }
480
+
481
+ ._readOnlyToolbarRoot_1e2ox_189 > div {
482
+ opacity: 0.5;
483
+ }
484
+
485
+ ._toolbarModeSwitch_1e2ox_198 {
486
+ opacity: 1 !important;
487
+ margin-left: auto;
488
+ align-self: stretch;
489
+ align-items: stretch;
490
+ display: flex;
491
+ border: 1px solid var(--baseBg);
492
+ border-radius: var(--radius-medium);
493
+ font-size: var(--text-xs);
494
+ }
495
+
496
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 {
497
+ padding-inline-end: var(--spacing-4);
498
+ padding-inline-start: var(--spacing-4);
499
+ }
500
+
501
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active,
502
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] {
503
+ background-color: var(--baseBorder);
504
+ }
505
+
506
+ ._toolbarGroupOfGroups_1e2ox_219 {
507
+ display: flex;
508
+ margin: 0 var(--spacing-1);
509
+ }
510
+
511
+ ._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child,
512
+ ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child,
513
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child {
514
+ border-top-left-radius: var(--radius-base);
515
+ border-bottom-left-radius: var(--radius-base);
516
+ }
517
+
518
+ ._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child,
519
+ ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child,
520
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child {
521
+ border-top-right-radius: var(--radius-base);
522
+ border-bottom-right-radius: var(--radius-base);
523
+ }
524
+
525
+ ._toolbarToggleItem_1e2ox_208,
526
+ ._toolbarButton_1e2ox_239 {
527
+ border: 0;
528
+ background-color: transparent;
529
+ font-size: inherit;
530
+ -webkit-appearance: none;
531
+ -moz-appearance: none;
532
+ appearance: none;
533
+ all: unset;
534
+ box-sizing: border-box;
535
+ cursor: default;
536
+ padding: var(--spacing-0_5);
537
+ }
538
+
539
+ @media (hover: hover) {
540
+ ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover {
541
+ background-color: var(--baseBgActive);
542
+ }
543
+ }
544
+
545
+ ._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg {
546
+ transform: translate(1px, 1px);
547
+ }
548
+
549
+ ._toolbarToggleItem_1e2ox_208[data-state='on'],
550
+ ._toolbarButton_1e2ox_239[data-state='on'],
551
+ ._toolbarToggleItem_1e2ox_208:active,
552
+ ._toolbarButton_1e2ox_239:active {
553
+ color: var(--baseTextContrast);
554
+ background-color: var(--baseBgActive);
555
+ }
556
+
557
+ ._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] {
558
+ pointer-events: none;
559
+ }
560
+
561
+ ._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg {
562
+ color: var(--baseBorderHover);
563
+ }
564
+
565
+ ._toolbarButton_1e2ox_239 {
566
+ border-radius: var(--radius-base);
567
+ }
568
+
569
+ ._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 {
570
+ margin-left: var(--spacing-1);
571
+ }
572
+
573
+ ._activeToolbarButton_1e2ox_275 {
574
+ color: var(--accentText);
575
+ }
576
+
577
+ ._toolbarToggleSingleGroup_1e2ox_224 {
578
+ display: flex;
579
+ align-items: center;
580
+ white-space: nowrap;
581
+ }
582
+
583
+ ._toolbarNodeKindSelectContainer_1e2ox_285,
584
+ ._toolbarButtonDropdownContainer_1e2ox_286,
585
+ ._toolbarCodeBlockLanguageSelectContent_1e2ox_287,
586
+ ._selectContainer_1e2ox_288 {
587
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
588
+ z-index: 3;
589
+ width: var(--spacing-36);
590
+ border-bottom-left-radius: var(--radius-base);
591
+ border-bottom-right-radius: var(--radius-base);
592
+ background-color: var(--basePageBg);
593
+ font-size: var(--text-sm);
594
+ }
595
+
596
+ ._toolbarButtonDropdownContainer_1e2ox_286 {
597
+ border-top-right-radius: var(--radius-base);
598
+ }
599
+
600
+ ._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child {
601
+ border-top-right-radius: var(--radius-base);
602
+ }
603
+
604
+ ._toolbarNodeKindSelectTrigger_1e2ox_306,
605
+ ._toolbarButtonSelectTrigger_1e2ox_307,
606
+ ._selectTrigger_1e2ox_308 {
607
+ border: 0;
608
+ background-color: transparent;
609
+ display: flex;
610
+ color: inherit;
611
+ align-items: center;
612
+ width: var(--spacing-36);
613
+ padding: var(--spacing-0_5) var(--spacing-1);
614
+ padding-inline-start: var(--spacing-2);
615
+ border-radius: var(--radius-medium);
616
+ white-space: nowrap;
617
+ flex-wrap: nowrap;
618
+ font-size: var(--text-sm);
619
+ background-color: var(--basePageBg);
620
+ margin: 0 var(--spacing-1);
621
+ }
622
+
623
+ ._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] {
624
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
625
+ border-bottom-right-radius: var(--radius-none);
626
+ border-bottom-left-radius: var(--radius-none);
627
+ }
628
+
629
+ ._selectTrigger_1e2ox_308[data-placeholder] > span:first-child {
630
+ color: var(--baseBorderHover);
631
+ }
632
+
633
+ /** used in the sandpack */
634
+ ._toolbarButtonSelectTrigger_1e2ox_307 {
635
+ width: auto;
636
+ padding-inline-start: var(--spacing-2);
637
+ padding-inline-end: var(--spacing-1);
638
+ padding-block: var(--spacing-0_5);
639
+ }
640
+
641
+ ._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343,
642
+ ._toolbarCodeBlockLanguageSelectContent_1e2ox_287 {
643
+ width: var(--spacing-48);
644
+ }
645
+
646
+ ._toolbarNodeKindSelectItem_1e2ox_348,
647
+ ._selectItem_1e2ox_301 {
648
+ cursor: default;
649
+ display: flex;
650
+ padding: var(--spacing-2);
651
+ }
652
+
653
+ ._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
654
+ background-color: var(--baseBg);
655
+ }
656
+
657
+ ._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] {
658
+ color: var(--baseTextContrast);
659
+ background-color: var(--baseBg);
660
+ }
661
+
662
+ ._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
663
+ outline: none;
664
+ }
665
+
666
+ ._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child {
667
+ border-bottom-left-radius: var(--radius-base);
668
+ border-bottom-right-radius: var(--radius-base);
669
+ }
670
+
671
+ ._toolbarNodeKindSelectDropdownArrow_1e2ox_373,
672
+ ._selectDropdownArrow_1e2ox_374 {
673
+ margin-left: auto;
674
+ display: flex;
675
+ align-items: center;
676
+ }
677
+
678
+ ._contentEditable_1e2ox_380 {
679
+ box-sizing: border-box;
680
+ width: 100%;
681
+ color: var(--baseTextContrast);
682
+
683
+ padding: var(--spacing-3);
684
+ }
685
+
686
+ ._contentEditable_1e2ox_380:focus {
687
+ outline: none;
688
+ }
689
+
690
+ ._codeMirrorWrapper_1e2ox_392 {
691
+ margin-bottom: var(--spacing-5);
692
+ border: 1px solid var(--baseLine);
693
+ border-radius: var(--radius-medium);
694
+ overflow: hidden;
695
+ padding: 0.8rem;
696
+ position: relative;
697
+ }
698
+
699
+ ._sandPackWrapper_1e2ox_401 {
700
+ margin-bottom: var(--spacing-5);
701
+ border: 1px solid var(--baseLine);
702
+ border-radius: var(--radius-medium);
703
+ overflow: hidden;
704
+ position: relative;
705
+ }
706
+
707
+ ._codeMirrorToolbar_1e2ox_409 {
708
+ position: absolute;
709
+ right: 0;
710
+ top: 0;
711
+ display: flex;
712
+ gap: var(--spacing-1);
713
+ padding: var(--spacing-1);
714
+ z-index: 1;
715
+ background-color: var(--baseBase);
716
+ border-bottom-left-radius: var(--radius-base);
717
+ }
718
+
719
+ ._frontmatterWrapper_1e2ox_413 {
720
+ border-radius: var(--radius-medium);
721
+ padding: var(--spacing-3);
722
+ background-color: var(--baseBgSubtle);
723
+ }
724
+
725
+ ._frontmatterWrapper_1e2ox_413[data-expanded='true'] {
726
+ margin-bottom: var(--spacing-10);
727
+ }
728
+
729
+ ._frontmatterToggleButton_1e2ox_423 {
730
+ border: 0;
731
+ background-color: transparent;
732
+ font-size: inherit;
733
+ -webkit-appearance: none;
734
+ -moz-appearance: none;
735
+ appearance: none;
736
+ all: unset;
737
+ box-sizing: border-box;
738
+ cursor: default;
739
+ display: flex;
740
+ align-items: center;
741
+ gap: var(--spacing-1);
742
+ font-size: var(--text-sm);
743
+ }
744
+
745
+ ._propertyPanelTitle_1e2ox_431 {
746
+ font-size: var(--text-xs);
747
+ font-weight: 400;
748
+ margin: 0;
749
+ padding-top: var(--spacing-2);
750
+ padding-left: var(--spacing-2);
751
+ }
752
+
753
+ ._propertyEditorTable_1e2ox_439 {
754
+ table-layout: fixed;
755
+ border-spacing: var(--spacing-2);
756
+ }
757
+
758
+ ._propertyEditorTable_1e2ox_439 th {
759
+ text-align: left;
760
+ font-size: var(--text-sm);
761
+ padding: var(--spacing-2) var(--spacing-3);
762
+ }
763
+
764
+ ._propertyEditorTable_1e2ox_439 col:nth-child(1) {
765
+ width: 30%;
766
+ }
767
+
768
+ ._propertyEditorTable_1e2ox_439 col:nth-child(2) {
769
+ width: 70%;
770
+ }
771
+
772
+ ._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 {
773
+ margin-left: var(--spacing-4);
774
+ margin-right: var(--spacing-4);
775
+ }
776
+
777
+ ._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 {
778
+ padding-left: 0;
779
+ }
780
+
781
+ ._propertyEditorLabelCell_1e2ox_467 {
782
+ font-weight: 400;
783
+ }
784
+
785
+ ._readOnlyColumnCell_1e2ox_462 {
786
+ padding-left: 0;
787
+ }
788
+
789
+ ._buttonsFooter_1e2ox_475 {
790
+ display: flex;
791
+ justify-content: flex-end;
792
+ gap: var(--spacing-2);
793
+ }
794
+
795
+ ._propertyEditorInput_1e2ox_481 {
796
+ border: 0;
797
+ background-color: transparent;
798
+ font-size: inherit;
799
+ -webkit-appearance: none;
800
+ -moz-appearance: none;
801
+ appearance: none;
802
+ all: unset;
803
+ box-sizing: border-box;
804
+ cursor: default;
805
+ width: 100%;
806
+ padding: var(--spacing-2) var(--spacing-3);
807
+ border-radius: var(--radius-base);
808
+ border: 1px solid var(--baseBorder);
809
+ background-color: var(--baseBase);
810
+ font-size: var(--text-sm);
811
+ }
812
+
813
+ ._iconButton_1e2ox_457 {
814
+ border: 0;
815
+ background-color: transparent;
816
+ font-size: inherit;
817
+ -webkit-appearance: none;
818
+ -moz-appearance: none;
819
+ appearance: none;
820
+ all: unset;
821
+ box-sizing: border-box;
822
+ cursor: default;
823
+ color: var(--baseText);
824
+ }
825
+
826
+ @media (hover: hover) {
827
+ ._iconButton_1e2ox_457:hover {
828
+ color: var(--baseTextContrast);
829
+ }
830
+ }
831
+
832
+ ._iconButton_1e2ox_457:disabled,
833
+ ._iconButton_1e2ox_457:disabled:hover {
834
+ color: var(--baseLine);
835
+ }
836
+
837
+ ._primaryButton_1e2ox_507,
838
+ ._secondaryButton_1e2ox_508 {
839
+ border: 0;
840
+ background-color: transparent;
841
+ font-size: inherit;
842
+ -webkit-appearance: none;
843
+ -moz-appearance: none;
844
+ appearance: none;
845
+ all: unset;
846
+ box-sizing: border-box;
847
+ cursor: default;
848
+ padding: var(--spacing-2) var(--spacing-3);
849
+ border: 1px solid var(--accentBorder);
850
+ background-color: var(--accentSolidHover);
851
+ color: var(--baseBase);
852
+ font-size: var(--text-xs);
853
+ border-radius: var(--radius-medium);
854
+ }
855
+
856
+ ._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled {
857
+ background: var(--accentLine);
858
+ border-color: var(--accentBg);
859
+ }
860
+
861
+ ._smallButton_1e2ox_523 {
862
+ font-size: var(--text-xs);
863
+ padding: var(--spacing-1) var(--spacing-2);
864
+ border-radius: var(--radius-base);
865
+ }
866
+
867
+ ._secondaryButton_1e2ox_508 {
868
+ border: 1px solid var(--baseBorder);
869
+ background-color: var(--baseSolidHover);
870
+ color: var(--baseBase);
871
+ }
872
+
873
+ ._dialogForm_1e2ox_535 {
874
+ display: flex;
875
+ flex-direction: row;
876
+ gap: var(--spacing-2);
877
+ }
878
+
879
+ ._linkDialogEditForm_1e2ox_541 {
880
+ display: flex;
881
+ flex-direction: column;
882
+ align-items: stretch;
883
+ gap: var(--spacing-2);
884
+ padding: 0;
885
+ }
886
+
887
+ ._linkDialogInputContainer_1e2ox_549 {
888
+ display: flex;
889
+ flex-direction: column;
890
+ align-items: stretch;
891
+ }
892
+
893
+ ._linkDialogInputWrapper_1e2ox_555 {
894
+ display: flex;
895
+ align-items: center;
896
+ background-color: var(--baseBase);
897
+
898
+ border-radius: var(--radius-base);
899
+ border: 1px solid var(--baseBorder);
900
+ }
901
+
902
+ ._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] {
903
+ border-bottom-left-radius: var(--radius-none);
904
+ border-bottom-right-radius: var(--radius-none);
905
+ border-bottom-width: 0;
906
+ }
907
+
908
+ ._linkDialogInputWrapper_1e2ox_555 > button {
909
+ border: 0;
910
+ background-color: transparent;
911
+ font-size: inherit;
912
+ -webkit-appearance: none;
913
+ -moz-appearance: none;
914
+ appearance: none;
915
+ all: unset;
916
+ box-sizing: border-box;
917
+ cursor: default;
918
+ padding-right: var(--spacing-2);
919
+ }
920
+
921
+ ._linkDialogInput_1e2ox_549,
922
+ ._dialogInput_1e2ox_576 {
923
+ border: 0;
924
+ background-color: transparent;
925
+ font-size: inherit;
926
+ -webkit-appearance: none;
927
+ -moz-appearance: none;
928
+ appearance: none;
929
+ all: unset;
930
+ box-sizing: border-box;
931
+ cursor: default;
932
+ width: 20rem;
933
+ padding: var(--spacing-2) var(--spacing-3);
934
+ font-size: var(--text-sm);
935
+ }
936
+
937
+ ._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder {
938
+ color: var(--baseBorder);
939
+ }
940
+
941
+ ._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder {
942
+ color: var(--baseBorder);
943
+ }
944
+
945
+ ._linkDialogAnchor_1e2ox_587 {
946
+ position: fixed;
947
+ background-color: highlight;
948
+ z-index: -1;
949
+ }
950
+
951
+ ._linkDialogAnchor_1e2ox_587[data-visible='true'] {
952
+ visibility: visible;
953
+ }
954
+
955
+ ._linkDialogAnchor_1e2ox_587[data-visible='false'] {
956
+ visibility: hidden;
957
+ }
958
+
959
+ ._linkDialogPopoverContent_1e2ox_601,
960
+ ._tableColumnEditorPopoverContent_1e2ox_602,
961
+ ._dialogContent_1e2ox_603 {
962
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
963
+ display: flex;
964
+ align-items: center;
965
+ gap: var(--spacing-0_5);
966
+ border-radius: var(--radius-medium);
967
+ border: 1px solid var(--baseBg);
968
+ background-color: var(--basePageBg);
969
+ padding: var(--spacing-1) var(--spacing-1);
970
+ font-size: var(--text-sm);
971
+ }
972
+
973
+ ._largeDialogContent_1e2ox_615 {
974
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
975
+ gap: var(--spacing-0_5);
976
+ border-radius: var(--radius-medium);
977
+ border: 1px solid var(--baseBorder);
978
+ background-color: var(--baseBgSubtle);
979
+ padding: var(--spacing-4);
980
+ font-size: var(--text-sm);
981
+ }
982
+
983
+ ._dialogTitle_1e2ox_625 {
984
+ font-size: var(--text-base);
985
+ font-weight: 600;
986
+ padding-left: var(--spacing-2);
987
+ }
988
+
989
+ ._dialogCloseButton_1e2ox_631 {
990
+ border: 0;
991
+ background-color: transparent;
992
+ font-size: inherit;
993
+ -webkit-appearance: none;
994
+ -moz-appearance: none;
995
+ appearance: none;
996
+ all: unset;
997
+ box-sizing: border-box;
998
+ cursor: default;
999
+ position: absolute;
1000
+ top: 10px;
1001
+ right: 10px;
1002
+ }
1003
+
1004
+ ._popoverContent_1e2ox_638 {
1005
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1006
+ display: flex;
1007
+ align-items: center;
1008
+ gap: var(--spacing-0_5);
1009
+ border-radius: var(--radius-medium);
1010
+ background-color: var(--baseBgSubtle);
1011
+ padding: var(--spacing-2) var(--spacing-2);
1012
+ font-size: var(--text-sm);
1013
+ z-index: 1;
1014
+ }
1015
+
1016
+ ._popoverArrow_1e2ox_650 {
1017
+ fill: var(--basePageBg);
1018
+ }
1019
+
1020
+ ._linkDialogPreviewAnchor_1e2ox_654 {
1021
+ margin-right: var(--spacing-1);
1022
+ display: flex;
1023
+ align-items: center;
1024
+ color: var(--accentText);
1025
+ text-decoration: none;
1026
+
1027
+ border: 1px solid transparent;
1028
+ }
1029
+
1030
+ @media (hover: hover) {
1031
+ ._linkDialogPreviewAnchor_1e2ox_654:hover {
1032
+ color: var(--accentSolidHover);
1033
+ }
1034
+ }
1035
+
1036
+ ._linkDialogPreviewAnchor_1e2ox_654 span {
1037
+ max-width: 14rem;
1038
+ overflow-x: hidden;
1039
+ text-overflow: ellipsis;
1040
+ white-space: nowrap;
1041
+ }
1042
+
1043
+ ._tooltipTrigger_1e2ox_677 {
1044
+ align-self: center;
1045
+ }
1046
+
1047
+ ._tooltipContent_1e2ox_681 {
1048
+ z-index: 2;
1049
+ position: relative;
1050
+ border-radius: var(--radius-medium);
1051
+ padding: var(--spacing-1) var(--spacing-2);
1052
+ font-size: var(--text-xs);
1053
+ background-color: var(--baseText);
1054
+ color: var(--baseBase);
1055
+ }
1056
+
1057
+ ._tooltipContent_1e2ox_681 svg {
1058
+ fill: var(--baseText);
1059
+ }
1060
+
1061
+ ._actionButton_1e2ox_695 {
1062
+ border: 0;
1063
+ background-color: transparent;
1064
+ font-size: inherit;
1065
+ -webkit-appearance: none;
1066
+ -moz-appearance: none;
1067
+ appearance: none;
1068
+ all: unset;
1069
+ box-sizing: border-box;
1070
+ cursor: default;
1071
+ padding: var(--spacing-1);
1072
+ color: var(--baseTextContrast);
1073
+ padding: var(--spacing-1) var(--spacing-1);
1074
+ border-radius: var(--radius-medium);
1075
+ color: var(--baseTextContrast);
1076
+ }
1077
+
1078
+ ._actionButton_1e2ox_695 svg {
1079
+ display: block;
1080
+ }
1081
+
1082
+ @media (hover: hover) {
1083
+ ._actionButton_1e2ox_695:hover {
1084
+ background-color: var(--baseBg);
1085
+ }
1086
+ }
1087
+
1088
+ ._actionButton_1e2ox_695:active svg {
1089
+ transform: translate(1px, 1px);
1090
+ }
1091
+
1092
+ ._actionButton_1e2ox_695[data-state='on'],
1093
+ ._actionButton_1e2ox_695:active {
1094
+ background-color: var(--baseBg);
1095
+ color: var(--baseTextContrast);
1096
+ }
1097
+
1098
+ ._primaryActionButton_1e2ox_702 {
1099
+ background-color: var(--accentSolid);
1100
+ color: var(--baseBase);
1101
+ }
1102
+
1103
+ @media (hover: hover) {
1104
+ ._primaryActionButton_1e2ox_702:hover {
1105
+ background-color: var(--accentSolidHover);
1106
+ color: var(--baseBase);
1107
+ }
1108
+ }
1109
+
1110
+ ._tableEditor_1e2ox_714 {
1111
+ table-layout: fixed;
1112
+ width: 100%;
1113
+ height: 100%;
1114
+ border-spacing: 0;
1115
+ border-collapse: collapse;
1116
+ }
1117
+
1118
+ ._tableEditor_1e2ox_714 thead > tr > th {
1119
+ text-align: right;
1120
+ }
1121
+
1122
+ ._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),
1123
+ ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) {
1124
+ border: 1px solid var(--baseBgActive);
1125
+ padding: var(--spacing-1) var(--spacing-2);
1126
+ white-space: normal;
1127
+ }
1128
+
1129
+ :is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div {
1130
+ outline: none;
1131
+ }
1132
+
1133
+ :is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p {
1134
+ margin: 0;
1135
+ }
1136
+
1137
+ [data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) {
1138
+ outline: solid 1px var(--baseSolid);
1139
+ }
1140
+
1141
+ ._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744,
1142
+ ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745,
1143
+ ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746,
1144
+ ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747,
1145
+ ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 {
1146
+ opacity: 0.15;
1147
+ }
1148
+
1149
+ @media (hover: hover) {
1150
+ ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744,
1151
+ ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745,
1152
+ ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746,
1153
+ ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747,
1154
+ ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 {
1155
+ opacity: 0.3;
1156
+ }
1157
+
1158
+ ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover {
1159
+ opacity: 1;
1160
+ }
1161
+ }
1162
+
1163
+ ._toolCell_1e2ox_725 {
1164
+ text-align: right;
1165
+ }
1166
+
1167
+ ._toolCell_1e2ox_725 button {
1168
+ margin: auto;
1169
+ display: block;
1170
+ }
1171
+
1172
+ ._tableColumnEditorTrigger_1e2ox_744 {
1173
+ border: 0;
1174
+ background-color: transparent;
1175
+ font-size: inherit;
1176
+ -webkit-appearance: none;
1177
+ -moz-appearance: none;
1178
+ appearance: none;
1179
+ all: unset;
1180
+ box-sizing: border-box;
1181
+ cursor: default;
1182
+ padding: var(--spacing-1);
1183
+ color: var(--baseTextContrast);
1184
+ padding: var(--spacing-1);
1185
+ border-radius: var(--radius-full);
1186
+ opacity: 0.2;
1187
+ }
1188
+
1189
+ ._tableColumnEditorTrigger_1e2ox_744 svg {
1190
+ display: block;
1191
+ }
1192
+
1193
+ @media (hover: hover) {
1194
+ ._tableColumnEditorTrigger_1e2ox_744:hover {
1195
+ background-color: var(--baseBg);
1196
+ }
1197
+ }
1198
+
1199
+ ._tableColumnEditorTrigger_1e2ox_744:active svg {
1200
+ transform: translate(1px, 1px);
1201
+ }
1202
+
1203
+ ._tableColumnEditorTrigger_1e2ox_744[data-state='on'],
1204
+ ._tableColumnEditorTrigger_1e2ox_744:active {
1205
+ background-color: var(--baseBg);
1206
+ color: var(--baseTextContrast);
1207
+ }
1208
+
1209
+ ._tableColumnEditorTrigger_1e2ox_744[data-active='true'] {
1210
+ opacity: 1 !important;
1211
+ }
1212
+
1213
+ ._tableColumnEditorToolbar_1e2ox_789 {
1214
+ display: flex;
1215
+ }
1216
+
1217
+ ._tableColumnEditorToolbar_1e2ox_789 > button {
1218
+ border: 0;
1219
+ background-color: transparent;
1220
+ font-size: inherit;
1221
+ -webkit-appearance: none;
1222
+ -moz-appearance: none;
1223
+ appearance: none;
1224
+ all: unset;
1225
+ box-sizing: border-box;
1226
+ cursor: default;
1227
+ padding: var(--spacing-1);
1228
+ color: var(--baseTextContrast);
1229
+ }
1230
+
1231
+ ._tableColumnEditorToolbar_1e2ox_789 > button svg {
1232
+ display: block;
1233
+ }
1234
+
1235
+ @media (hover: hover) {
1236
+ ._tableColumnEditorToolbar_1e2ox_789 > button:hover {
1237
+ background-color: var(--baseBg);
1238
+ }
1239
+ }
1240
+
1241
+ ._tableColumnEditorToolbar_1e2ox_789 > button:active svg {
1242
+ transform: translate(1px, 1px);
1243
+ }
1244
+
1245
+ ._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'],
1246
+ ._tableColumnEditorToolbar_1e2ox_789 > button:active {
1247
+ background-color: var(--baseBg);
1248
+ color: var(--baseTextContrast);
1249
+ }
1250
+
1251
+ ._tableColumnEditorToolbar_1e2ox_789 [role='separator'] {
1252
+ margin-left: var(--spacing-1);
1253
+ margin-right: var(--spacing-1);
1254
+ }
1255
+
1256
+ ._toggleGroupRoot_1e2ox_802 {
1257
+ display: inline-flex;
1258
+ }
1259
+
1260
+ ._toggleGroupRoot_1e2ox_802 button {
1261
+ border: 0;
1262
+ background-color: transparent;
1263
+ font-size: inherit;
1264
+ -webkit-appearance: none;
1265
+ -moz-appearance: none;
1266
+ appearance: none;
1267
+ all: unset;
1268
+ box-sizing: border-box;
1269
+ cursor: default;
1270
+ padding: var(--spacing-1);
1271
+ color: var(--baseTextContrast);
1272
+ }
1273
+
1274
+ ._toggleGroupRoot_1e2ox_802 button svg {
1275
+ display: block;
1276
+ }
1277
+
1278
+ @media (hover: hover) {
1279
+ ._toggleGroupRoot_1e2ox_802 button:hover {
1280
+ background-color: var(--baseBg);
1281
+ }
1282
+ }
1283
+
1284
+ ._toggleGroupRoot_1e2ox_802 button:active svg {
1285
+ transform: translate(1px, 1px);
1286
+ }
1287
+
1288
+ ._toggleGroupRoot_1e2ox_802 button[data-state='on'],
1289
+ ._toggleGroupRoot_1e2ox_802 button:active {
1290
+ background-color: var(--baseBg);
1291
+ color: var(--baseTextContrast);
1292
+ }
1293
+
1294
+ ._toggleGroupRoot_1e2ox_802 button:first-child {
1295
+ border-top-left-radius: var(--radius-base);
1296
+ border-bottom-left-radius: var(--radius-base);
1297
+ }
1298
+
1299
+ ._toggleGroupRoot_1e2ox_802 button:last-child {
1300
+ border-top-right-radius: var(--radius-base);
1301
+ border-bottom-right-radius: var(--radius-base);
1302
+ }
1303
+
1304
+ ._tableToolsColumn_1e2ox_820 {
1305
+ width: 2rem;
1306
+ }
1307
+
1308
+ ._tableToolsColumn_1e2ox_820 button {
1309
+ margin: auto;
1310
+ display: block;
1311
+ }
1312
+
1313
+ ._leftAlignedCell_1e2ox_829 {
1314
+ text-align: left;
1315
+ }
1316
+
1317
+ ._rightAlignedCell_1e2ox_833 {
1318
+ text-align: right;
1319
+ }
1320
+
1321
+ ._centeredCell_1e2ox_837 {
1322
+ text-align: center;
1323
+ }
1324
+
1325
+ ._addColumnButton_1e2ox_747,
1326
+ ._addRowButton_1e2ox_746 {
1327
+ border: 0;
1328
+ background-color: transparent;
1329
+ font-size: inherit;
1330
+ -webkit-appearance: none;
1331
+ -moz-appearance: none;
1332
+ appearance: none;
1333
+ all: unset;
1334
+ box-sizing: border-box;
1335
+ cursor: default;
1336
+ padding: var(--spacing-1);
1337
+ color: var(--baseTextContrast);
1338
+ background-color: var(--baseBase);
1339
+
1340
+ display: flex;
1341
+ align-items: center;
1342
+ }
1343
+
1344
+ ._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
1345
+ display: block;
1346
+ }
1347
+
1348
+ @media (hover: hover) {
1349
+ ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover {
1350
+ background-color: var(--baseBg);
1351
+ }
1352
+ }
1353
+
1354
+ ._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg {
1355
+ transform: translate(1px, 1px);
1356
+ }
1357
+
1358
+ ._addColumnButton_1e2ox_747[data-state='on'],
1359
+ ._addRowButton_1e2ox_746[data-state='on'],
1360
+ ._addColumnButton_1e2ox_747:active,
1361
+ ._addRowButton_1e2ox_746:active {
1362
+ background-color: var(--baseBg);
1363
+ color: var(--baseTextContrast);
1364
+ }
1365
+
1366
+ ._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
1367
+ margin: auto;
1368
+ }
1369
+
1370
+ ._addRowButton_1e2ox_746 {
1371
+ width: 100%;
1372
+ margin-top: var(--spacing-px);
1373
+ box-sizing: border-box;
1374
+ border-bottom-right-radius: var(--radius-medium);
1375
+ border-bottom-left-radius: var(--radius-medium);
1376
+ }
1377
+
1378
+ ._addColumnButton_1e2ox_747 {
1379
+ margin-left: var(--spacing-px);
1380
+ height: 100%;
1381
+ border-top-right-radius: var(--radius-medium);
1382
+ border-bottom-right-radius: var(--radius-medium);
1383
+ }
1384
+
1385
+ /** Dialog */
1386
+ ._dialogOverlay_1e2ox_870 {
1387
+ position: fixed;
1388
+ inset: 0;
1389
+ animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1390
+ background-color: var(--baseBase);
1391
+ z-index: 51;
1392
+ opacity: 0.5;
1393
+ }
1394
+
1395
+ ._dialogContent_1e2ox_603,
1396
+ ._largeDialogContent_1e2ox_615 {
1397
+ position: fixed;
1398
+ top: 50%;
1399
+ left: 50%;
1400
+ transform: translate(-50%, -50%);
1401
+ animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1402
+ z-index: 52;
1403
+ }
1404
+
1405
+ ._dialogContent_1e2ox_603:focus,
1406
+ ._largeDialogContent_1e2ox_615:focus {
1407
+ outline: none;
1408
+ }
1409
+
1410
+ @keyframes _overlayShow_1e2ox_1 {
1411
+ from {
1412
+ opacity: 0;
1413
+ }
1414
+
1415
+ to {
1416
+ opacity: 0.5;
1417
+ }
1418
+ }
1419
+
1420
+ @keyframes _contentShow_1e2ox_1 {
1421
+ from {
1422
+ opacity: 0;
1423
+ transform: translate(-50%, -48%) scale(0.96);
1424
+ }
1425
+
1426
+ to {
1427
+ opacity: 1;
1428
+ transform: translate(-50%, -50%) scale(1);
1429
+ }
1430
+ }
1431
+
1432
+ ._focusedImage_1e2ox_916 {
1433
+ outline: highlight solid 2px;
1434
+ }
1435
+
1436
+ ._imageWrapper_1e2ox_920 {
1437
+ display: inline-block;
1438
+ position: relative;
1439
+ }
1440
+
1441
+ ._imageWrapper_1e2ox_920[draggable='true'] {
1442
+ cursor: move;
1443
+ /* fallback if grab cursor is unsupported */
1444
+ cursor: grab;
1445
+ cursor: -webkit-grab;
1446
+ }
1447
+
1448
+ ._editImageToolbar_1e2ox_933 {
1449
+ position: absolute;
1450
+ right: 0;
1451
+ top: 0;
1452
+ display: flex;
1453
+ gap: var(--spacing-1);
1454
+ padding: var(--spacing-1);
1455
+ z-index: 1;
1456
+ background-color: var(--baseBase);
1457
+ border-bottom-left-radius: var(--radius-base);
1458
+ }
1459
+
1460
+ ._editImageButton_1e2ox_937 svg {
1461
+ display: block;
1462
+ }
1463
+
1464
+ ._inlineEditor_1e2ox_943 {
1465
+ display: inline-flex;
1466
+ border-radius: var(--radius-medium);
1467
+ padding: var(--spacing-1);
1468
+ gap: var(--spacing-2);
1469
+ align-items: center;
1470
+ background: var(--baseBg);
1471
+ }
1472
+
1473
+ ._blockEditor_1e2ox_952 {
1474
+ display: flex;
1475
+ justify-content: stretch;
1476
+ border-radius: var(--radius-medium);
1477
+ padding: var(--spacing-2);
1478
+ gap: var(--spacing-2);
1479
+ align-items: center;
1480
+ background: var(--baseBg);
1481
+ }
1482
+
1483
+ ._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 {
1484
+ flex-grow: 1;
1485
+ }
1486
+
1487
+ ._nestedEditor_1e2ox_961 {
1488
+ background: var(--basePageBg);
1489
+ padding: var(--spacing-1) var(--spacing-2);
1490
+ border-radius: var(--radius-medium);
1491
+ }
1492
+
1493
+ ._nestedEditor_1e2ox_961 > p {
1494
+ margin: 0;
1495
+ }
1496
+
1497
+ ._nestedEditor_1e2ox_961:focus {
1498
+ outline: none;
1499
+ }
1500
+
1501
+ ._genericComponentName_1e2ox_980 {
1502
+ font-size: var(--text-sm);
1503
+ color: var(--baseText);
1504
+ padding-right: var(--spacing-2);
1505
+ }
1506
+
1507
+ ._diffSourceToggleWrapper_1e2ox_986 {
1508
+ margin-left: auto;
1509
+ pointer-events: auto;
1510
+ opacity: 1;
1511
+ position: sticky;
1512
+ right: 0;
1513
+ }
1514
+
1515
+ ._ggDiffSourceToggle_1e2ox_994 {
1516
+ }
1517
+
1518
+ ._diffSourceToggle_1e2ox_986 {
1519
+ border-radius: var(--radius-medium);
1520
+ background-color: var(--baseBase);
1521
+ display: flex;
1522
+ }
1523
+
1524
+ ._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 {
1525
+ padding: 0;
1526
+ }
1527
+
1528
+ ._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span {
1529
+ display: block;
1530
+ padding: var(--spacing-1) var(--spacing-1);
1531
+ }
1532
+
1533
+ ._selectWithLabel_1e2ox_1012 {
1534
+ display: flex;
1535
+ align-items: center;
1536
+ gap: var(--spacing-2);
1537
+ margin-left: var(--spacing-2);
1538
+ }
1539
+
1540
+ ._selectWithLabel_1e2ox_1012 > label {
1541
+ font-size: var(--text-sm);
1542
+ }
1543
+
1544
+ ._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 {
1545
+ border: 1px solid var(--baseBorder);
1546
+ }
1547
+
1548
+ ._toolbarTitleMode_1e2ox_1027 {
1549
+ font-size: var(--text-sm);
1550
+ margin-left: var(--spacing-2);
1551
+ }
1552
+
1553
+ ._imageControlWrapperResizing_1e2ox_1032 {
1554
+ touch-action: none;
1555
+ }
1556
+
1557
+ ._imageResizer_1e2ox_1036 {
1558
+ display: block;
1559
+ width: 7px;
1560
+ height: 7px;
1561
+ position: absolute;
1562
+ background-color: var(--accentText);
1563
+ border: 1px solid var(--baseBg);
1564
+ }
1565
+
1566
+ ._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 {
1567
+ top: -6px;
1568
+ left: 48%;
1569
+ cursor: n-resize;
1570
+ }
1571
+
1572
+ ._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 {
1573
+ top: -6px;
1574
+ right: -6px;
1575
+ cursor: ne-resize;
1576
+ }
1577
+
1578
+ ._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 {
1579
+ bottom: 48%;
1580
+ right: -6px;
1581
+ cursor: e-resize;
1582
+ }
1583
+
1584
+ ._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 {
1585
+ bottom: -2px;
1586
+ right: -6px;
1587
+ cursor: nwse-resize;
1588
+ }
1589
+
1590
+ ._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 {
1591
+ bottom: -2px;
1592
+ left: 48%;
1593
+ cursor: s-resize;
1594
+ }
1595
+
1596
+ ._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 {
1597
+ bottom: -2px;
1598
+ left: -6px;
1599
+ cursor: sw-resize;
1600
+ }
1601
+
1602
+ ._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 {
1603
+ bottom: 48%;
1604
+ left: -6px;
1605
+ cursor: w-resize;
1606
+ }
1607
+
1608
+ ._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 {
1609
+ top: -6px;
1610
+ left: -6px;
1611
+ cursor: nw-resize;
1612
+ }
1613
+
1614
+ ._imagePlaceholder_1e2ox_1093 {
1615
+ border: 2px dashed;
1616
+ padding: 48px;
1617
+ margin: 12px;
1618
+ width: -moz-fit-content;
1619
+ width: fit-content;
1620
+ height: -moz-fit-content;
1621
+ height: fit-content;
1622
+ }
1623
+
1624
+ ._imageDimensionsContainer_1e2ox_1101 {
1625
+ display: flex;
1626
+ gap: var(--spacing-4);
1627
+ }
1628
+
1629
+ ._placeholder_1e2ox_1106 {
1630
+ color: var(--baseSolid);
1631
+ overflow: hidden;
1632
+ position: absolute;
1633
+ top: 0;
1634
+ padding: var(--spacing-3);
1635
+ text-overflow: ellipsis;
1636
+ -webkit-user-select: none;
1637
+ -moz-user-select: none;
1638
+ user-select: none;
1639
+ white-space: nowrap;
1640
+ display: inline-block;
1641
+ pointer-events: none;
1642
+ }
1643
+
1644
+ ._rootContentEditableWrapper_1e2ox_1119 {
1645
+ position: relative;
1646
+ }
1647
+
1648
+ ._downshiftContainer_1e2ox_1123 {
1649
+ display: flex;
1650
+ flex-direction: column;
1651
+ align-items: stretch;
1652
+ }
1653
+
1654
+ ._downshiftInputWrapper_1e2ox_1129 {
1655
+ display: flex;
1656
+ align-items: center;
1657
+ background-color: var(--baseBase);
1658
+
1659
+ border-radius: var(--radius-base);
1660
+ border: 1px solid var(--baseBorder);
1661
+ }
1662
+
1663
+ ._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] {
1664
+ border-bottom-left-radius: var(--radius-none);
1665
+ border-bottom-right-radius: var(--radius-none);
1666
+ border-bottom-width: 0;
1667
+ }
1668
+
1669
+ ._downshiftInputWrapper_1e2ox_1129 > button {
1670
+ border: 0;
1671
+ background-color: transparent;
1672
+ font-size: inherit;
1673
+ -webkit-appearance: none;
1674
+ -moz-appearance: none;
1675
+ appearance: none;
1676
+ all: unset;
1677
+ box-sizing: border-box;
1678
+ cursor: default;
1679
+ padding-right: var(--spacing-2);
1680
+ }
1681
+
1682
+ ._downshiftInput_1e2ox_1129 {
1683
+ border: 0;
1684
+ background-color: transparent;
1685
+ font-size: inherit;
1686
+ -webkit-appearance: none;
1687
+ -moz-appearance: none;
1688
+ appearance: none;
1689
+ all: unset;
1690
+ box-sizing: border-box;
1691
+ cursor: default;
1692
+ width: 20rem;
1693
+ padding: var(--spacing-2) var(--spacing-3);
1694
+ font-size: var(--text-sm);
1695
+ }
1696
+
1697
+ ._downshiftInput_1e2ox_1129::-moz-placeholder {
1698
+ color: var(--baseBorder);
1699
+ }
1700
+
1701
+ ._downshiftInput_1e2ox_1129::placeholder {
1702
+ color: var(--baseBorder);
1703
+ }
1704
+
1705
+ ._downshiftAutocompleteContainer_1e2ox_1160 {
1706
+ position: relative;
1707
+ }
1708
+
1709
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul {
1710
+ all: unset;
1711
+ box-sizing: border-box;
1712
+ position: absolute;
1713
+ font-size: var(--text-sm);
1714
+ width: 100%;
1715
+ display: none;
1716
+ border-bottom-left-radius: var(--radius-medium);
1717
+ border-bottom-right-radius: var(--radius-medium);
1718
+ max-height: var(--spacing-48);
1719
+ overflow-x: hidden;
1720
+ overflow-y: auto;
1721
+ border: 1px solid var(--baseBorder);
1722
+ border-top-width: 0;
1723
+ background-color: var(--baseBase);
1724
+ }
1725
+
1726
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] {
1727
+ display: block;
1728
+ }
1729
+
1730
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul li {
1731
+ padding: var(--spacing-2) var(--spacing-3);
1732
+ white-space: nowrap;
1733
+ margin-bottom: var(--spacing-1);
1734
+ overflow-x: hidden;
1735
+ text-overflow: ellipsis;
1736
+ }
1737
+
1738
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] {
1739
+ background-color: var(--baseBgSubtle);
1740
+ }
1741
+
1742
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] {
1743
+ background-color: var(--baseBgHover);
1744
+ }
1745
+
1746
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type {
1747
+ border-bottom-left-radius: var(--radius-medium);
1748
+ border-bottom-right-radius: var(--radius-medium);
1749
+ }
1750
+
1751
+ ._textInput_1e2ox_1206 {
1752
+ all: unset;
1753
+ border-radius: var(--radius-base);
1754
+ border: 1px solid var(--baseBorder);
1755
+ background-color: var(--baseBase);
1756
+ padding: var(--spacing-2) var(--spacing-3);
1757
+ }
1758
+
1759
+ form._multiFieldForm_1e2ox_1214 {
1760
+ display: flex;
1761
+ flex-direction: column;
1762
+ padding: var(--spacing-2);
1763
+ gap: var(--spacing-2);
1764
+ }
1765
+
1766
+ form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 {
1767
+ display: flex;
1768
+ flex-direction: column;
1769
+ gap: var(--spacing-2);
1770
+ }
1771
+
1772
+ form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label {
1773
+ font-size: var(--text-xs);
1774
+ }
1775
+
1776
+ ._markdownParseError_1e2ox_1231 {
1777
+ border-radius: var(--radius-base);
1778
+ border: 1px solid var(--error-color);
1779
+ padding: var(--spacing-2);
1780
+ margin-block: var(--spacing-2);
1781
+ color: var(--error-color);
1782
+ font-size: var(--text-xs);
1783
+ }
1784
+
1785
+ ._popupContainer_1e2ox_1240 {
1786
+ position: relative;
1787
+ z-index: 2;
1788
+ }
1789
+
1790
+ ._inputSizer_1e2ox_1245 {
1791
+ display: inline-grid;
1792
+ vertical-align: baseline;
1793
+ align-items: center;
1794
+ position: relative;
1795
+ }
1796
+
1797
+ ._inputSizer_1e2ox_1245::after,
1798
+ ._inputSizer_1e2ox_1245 input {
1799
+ width: auto;
1800
+ min-width: 1rem;
1801
+ grid-area: 1 / 2;
1802
+ font: inherit;
1803
+ margin: 0;
1804
+ padding: 0 2px;
1805
+ resize: none;
1806
+ background: none;
1807
+ -webkit-appearance: none;
1808
+ -moz-appearance: none;
1809
+ appearance: none;
1810
+ border: none;
1811
+ color: inherit;
1812
+ }
1813
+
1814
+ ._inputSizer_1e2ox_1245 span {
1815
+ padding: 0.25em;
1816
+ }
1817
+
1818
+ ._inputSizer_1e2ox_1245::after {
1819
+ content: attr(data-value);
1820
+ white-space: pre-wrap;
1821
+ }
1822
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
1823
+ --blue-1: #fbfdff;
1824
+ --blue-2: #f4faff;
1825
+ --blue-3: #e6f4fe;
1826
+ --blue-4: #d5efff;
1827
+ --blue-5: #c2e5ff;
1828
+ --blue-6: #acd8fc;
1829
+ --blue-7: #8ec8f6;
1830
+ --blue-8: #5eb1ef;
1831
+ --blue-9: #0090ff;
1832
+ --blue-10: #0588f0;
1833
+ --blue-11: #0d74ce;
1834
+ --blue-12: #113264;
1835
+ }
1836
+
1837
+ @supports (color: color(display-p3 1 1 1)) {
1838
+ @media (color-gamut: p3) {
1839
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
1840
+ --blue-1: color(display-p3 0.986 0.992 0.999);
1841
+ --blue-2: color(display-p3 0.96 0.979 0.998);
1842
+ --blue-3: color(display-p3 0.912 0.956 0.991);
1843
+ --blue-4: color(display-p3 0.853 0.932 1);
1844
+ --blue-5: color(display-p3 0.788 0.894 0.998);
1845
+ --blue-6: color(display-p3 0.709 0.843 0.976);
1846
+ --blue-7: color(display-p3 0.606 0.777 0.947);
1847
+ --blue-8: color(display-p3 0.451 0.688 0.917);
1848
+ --blue-9: color(display-p3 0.247 0.556 0.969);
1849
+ --blue-10: color(display-p3 0.234 0.523 0.912);
1850
+ --blue-11: color(display-p3 0.15 0.44 0.84);
1851
+ --blue-12: color(display-p3 0.102 0.193 0.379);
1852
+ }
1853
+ }
1854
+ }
1855
+
1856
+ ._dark_1tncs_1, ._dark-theme_1tncs_1 {
1857
+ --blue-1: #0d1520;
1858
+ --blue-2: #111927;
1859
+ --blue-3: #0d2847;
1860
+ --blue-4: #003362;
1861
+ --blue-5: #004074;
1862
+ --blue-6: #104d87;
1863
+ --blue-7: #205d9e;
1864
+ --blue-8: #2870bd;
1865
+ --blue-9: #0090ff;
1866
+ --blue-10: #3b9eff;
1867
+ --blue-11: #70b8ff;
1868
+ --blue-12: #c2e6ff;
1869
+ }
1870
+
1871
+ @supports (color: color(display-p3 1 1 1)) {
1872
+ @media (color-gamut: p3) {
1873
+ ._dark_1tncs_1, ._dark-theme_1tncs_1 {
1874
+ --blue-1: color(display-p3 0.057 0.081 0.122);
1875
+ --blue-2: color(display-p3 0.072 0.098 0.147);
1876
+ --blue-3: color(display-p3 0.078 0.154 0.27);
1877
+ --blue-4: color(display-p3 0.033 0.197 0.37);
1878
+ --blue-5: color(display-p3 0.08 0.245 0.441);
1879
+ --blue-6: color(display-p3 0.14 0.298 0.511);
1880
+ --blue-7: color(display-p3 0.195 0.361 0.6);
1881
+ --blue-8: color(display-p3 0.239 0.434 0.72);
1882
+ --blue-9: color(display-p3 0.247 0.556 0.969);
1883
+ --blue-10: color(display-p3 0.344 0.612 0.973);
1884
+ --blue-11: color(display-p3 0.49 0.72 1);
1885
+ --blue-12: color(display-p3 0.788 0.898 0.99);
1886
+ }
1887
+ }
1888
+ }
1889
+
1890
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
1891
+ --slate-1: #fcfcfd;
1892
+ --slate-2: #f9f9fb;
1893
+ --slate-3: #f0f0f3;
1894
+ --slate-4: #e8e8ec;
1895
+ --slate-5: #e0e1e6;
1896
+ --slate-6: #d9d9e0;
1897
+ --slate-7: #cdced6;
1898
+ --slate-8: #b9bbc6;
1899
+ --slate-9: #8b8d98;
1900
+ --slate-10: #80838d;
1901
+ --slate-11: #60646c;
1902
+ --slate-12: #1c2024;
1903
+ }
1904
+
1905
+ @supports (color: color(display-p3 1 1 1)) {
1906
+ @media (color-gamut: p3) {
1907
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
1908
+ --slate-1: color(display-p3 0.988 0.988 0.992);
1909
+ --slate-2: color(display-p3 0.976 0.976 0.984);
1910
+ --slate-3: color(display-p3 0.94 0.941 0.953);
1911
+ --slate-4: color(display-p3 0.908 0.909 0.925);
1912
+ --slate-5: color(display-p3 0.88 0.881 0.901);
1913
+ --slate-6: color(display-p3 0.85 0.852 0.876);
1914
+ --slate-7: color(display-p3 0.805 0.808 0.838);
1915
+ --slate-8: color(display-p3 0.727 0.733 0.773);
1916
+ --slate-9: color(display-p3 0.547 0.553 0.592);
1917
+ --slate-10: color(display-p3 0.503 0.512 0.549);
1918
+ --slate-11: color(display-p3 0.379 0.392 0.421);
1919
+ --slate-12: color(display-p3 0.113 0.125 0.14);
1920
+ }
1921
+ }
1922
+ }
1923
+
1924
+ ._dark_1tncs_1, ._dark-theme_1tncs_1 {
1925
+ --slate-1: #111113;
1926
+ --slate-2: #18191b;
1927
+ --slate-3: #212225;
1928
+ --slate-4: #272a2d;
1929
+ --slate-5: #2e3135;
1930
+ --slate-6: #363a3f;
1931
+ --slate-7: #43484e;
1932
+ --slate-8: #5a6169;
1933
+ --slate-9: #696e77;
1934
+ --slate-10: #777b84;
1935
+ --slate-11: #b0b4ba;
1936
+ --slate-12: #edeef0;
1937
+ }
1938
+
1939
+ @supports (color: color(display-p3 1 1 1)) {
1940
+ @media (color-gamut: p3) {
1941
+ ._dark_1tncs_1, ._dark-theme_1tncs_1 {
1942
+ --slate-1: color(display-p3 0.067 0.067 0.074);
1943
+ --slate-2: color(display-p3 0.095 0.098 0.105);
1944
+ --slate-3: color(display-p3 0.13 0.135 0.145);
1945
+ --slate-4: color(display-p3 0.156 0.163 0.176);
1946
+ --slate-5: color(display-p3 0.183 0.191 0.206);
1947
+ --slate-6: color(display-p3 0.215 0.226 0.244);
1948
+ --slate-7: color(display-p3 0.265 0.28 0.302);
1949
+ --slate-8: color(display-p3 0.357 0.381 0.409);
1950
+ --slate-9: color(display-p3 0.415 0.431 0.463);
1951
+ --slate-10: color(display-p3 0.469 0.483 0.514);
1952
+ --slate-11: color(display-p3 0.692 0.704 0.728);
1953
+ --slate-12: color(display-p3 0.93 0.933 0.94);
1954
+ }
1955
+ }
1956
+ }
1957
+
1958
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
1959
+ --grass-1: #fbfefb;
1960
+ --grass-2: #f5fbf5;
1961
+ --grass-3: #e9f6e9;
1962
+ --grass-4: #daf1db;
1963
+ --grass-5: #c9e8ca;
1964
+ --grass-6: #b2ddb5;
1965
+ --grass-7: #94ce9a;
1966
+ --grass-8: #65ba74;
1967
+ --grass-9: #46a758;
1968
+ --grass-10: #3e9b4f;
1969
+ --grass-11: #2a7e3b;
1970
+ --grass-12: #203c25;
1971
+ }
1972
+
1973
+ @supports (color: color(display-p3 1 1 1)) {
1974
+ @media (color-gamut: p3) {
1975
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
1976
+ --grass-1: color(display-p3 0.986 0.996 0.985);
1977
+ --grass-2: color(display-p3 0.966 0.983 0.964);
1978
+ --grass-3: color(display-p3 0.923 0.965 0.917);
1979
+ --grass-4: color(display-p3 0.872 0.94 0.865);
1980
+ --grass-5: color(display-p3 0.811 0.908 0.802);
1981
+ --grass-6: color(display-p3 0.733 0.864 0.724);
1982
+ --grass-7: color(display-p3 0.628 0.803 0.622);
1983
+ --grass-8: color(display-p3 0.477 0.72 0.482);
1984
+ --grass-9: color(display-p3 0.38 0.647 0.378);
1985
+ --grass-10: color(display-p3 0.344 0.598 0.342);
1986
+ --grass-11: color(display-p3 0.263 0.488 0.261);
1987
+ --grass-12: color(display-p3 0.151 0.233 0.153);
1988
+ }
1989
+ }
1990
+ }
1991
+
1992
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
1993
+ --cyan-1: #fafdfe;
1994
+ --cyan-2: #f2fafb;
1995
+ --cyan-3: #def7f9;
1996
+ --cyan-4: #caf1f6;
1997
+ --cyan-5: #b5e9f0;
1998
+ --cyan-6: #9ddde7;
1999
+ --cyan-7: #7dcedc;
2000
+ --cyan-8: #3db9cf;
2001
+ --cyan-9: #00a2c7;
2002
+ --cyan-10: #0797b9;
2003
+ --cyan-11: #107d98;
2004
+ --cyan-12: #0d3c48;
2005
+ }
2006
+
2007
+ @supports (color: color(display-p3 1 1 1)) {
2008
+ @media (color-gamut: p3) {
2009
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
2010
+ --cyan-1: color(display-p3 0.982 0.992 0.996);
2011
+ --cyan-2: color(display-p3 0.955 0.981 0.984);
2012
+ --cyan-3: color(display-p3 0.888 0.965 0.975);
2013
+ --cyan-4: color(display-p3 0.821 0.941 0.959);
2014
+ --cyan-5: color(display-p3 0.751 0.907 0.935);
2015
+ --cyan-6: color(display-p3 0.671 0.862 0.9);
2016
+ --cyan-7: color(display-p3 0.564 0.8 0.854);
2017
+ --cyan-8: color(display-p3 0.388 0.715 0.798);
2018
+ --cyan-9: color(display-p3 0.282 0.627 0.765);
2019
+ --cyan-10: color(display-p3 0.264 0.583 0.71);
2020
+ --cyan-11: color(display-p3 0.08 0.48 0.63);
2021
+ --cyan-12: color(display-p3 0.108 0.232 0.277);
2022
+ }
2023
+ }
2024
+ }
2025
+
2026
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
2027
+ --amber-1: #fefdfb;
2028
+ --amber-2: #fefbe9;
2029
+ --amber-3: #fff7c2;
2030
+ --amber-4: #ffee9c;
2031
+ --amber-5: #fbe577;
2032
+ --amber-6: #f3d673;
2033
+ --amber-7: #e9c162;
2034
+ --amber-8: #e2a336;
2035
+ --amber-9: #ffc53d;
2036
+ --amber-10: #ffba18;
2037
+ --amber-11: #ab6400;
2038
+ --amber-12: #4f3422;
2039
+ }
2040
+
2041
+ @supports (color: color(display-p3 1 1 1)) {
2042
+ @media (color-gamut: p3) {
2043
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
2044
+ --amber-1: color(display-p3 0.995 0.992 0.985);
2045
+ --amber-2: color(display-p3 0.994 0.986 0.921);
2046
+ --amber-3: color(display-p3 0.994 0.969 0.782);
2047
+ --amber-4: color(display-p3 0.989 0.937 0.65);
2048
+ --amber-5: color(display-p3 0.97 0.902 0.527);
2049
+ --amber-6: color(display-p3 0.936 0.844 0.506);
2050
+ --amber-7: color(display-p3 0.89 0.762 0.443);
2051
+ --amber-8: color(display-p3 0.85 0.65 0.3);
2052
+ --amber-9: color(display-p3 1 0.77 0.26);
2053
+ --amber-10: color(display-p3 0.959 0.741 0.274);
2054
+ --amber-11: color(display-p3 0.64 0.4 0);
2055
+ --amber-12: color(display-p3 0.294 0.208 0.145);
2056
+ }
2057
+ }
2058
+ }
2059
+
2060
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
2061
+ --red-1: #fffcfc;
2062
+ --red-2: #fff7f7;
2063
+ --red-3: #feebec;
2064
+ --red-4: #ffdbdc;
2065
+ --red-5: #ffcdce;
2066
+ --red-6: #fdbdbe;
2067
+ --red-7: #f4a9aa;
2068
+ --red-8: #eb8e90;
2069
+ --red-9: #e5484d;
2070
+ --red-10: #dc3e42;
2071
+ --red-11: #ce2c31;
2072
+ --red-12: #641723;
2073
+ }
2074
+
2075
+ @supports (color: color(display-p3 1 1 1)) {
2076
+ @media (color-gamut: p3) {
2077
+ :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
2078
+ --red-1: color(display-p3 0.998 0.989 0.988);
2079
+ --red-2: color(display-p3 0.995 0.971 0.971);
2080
+ --red-3: color(display-p3 0.985 0.925 0.925);
2081
+ --red-4: color(display-p3 0.999 0.866 0.866);
2082
+ --red-5: color(display-p3 0.984 0.812 0.811);
2083
+ --red-6: color(display-p3 0.955 0.751 0.749);
2084
+ --red-7: color(display-p3 0.915 0.675 0.672);
2085
+ --red-8: color(display-p3 0.872 0.575 0.572);
2086
+ --red-9: color(display-p3 0.83 0.329 0.324);
2087
+ --red-10: color(display-p3 0.798 0.294 0.285);
2088
+ --red-11: color(display-p3 0.744 0.234 0.222);
2089
+ --red-12: color(display-p3 0.36 0.115 0.143);
2090
+ }
2091
+ }
2092
+ }
2093
+
2094
+ ._bold_1tncs_10 {
2095
+ font-weight: bold;
2096
+ }
2097
+
2098
+ ._italic_1tncs_14 {
2099
+ font-style: italic;
2100
+ }
2101
+
2102
+ ._underline_1tncs_18 {
2103
+ text-decoration: underline;
2104
+ }
2105
+
2106
+ ._bold_1tncs_10 {
2107
+ font-weight: 700;
2108
+ }
2109
+
2110
+ ._italic_1tncs_14 {
2111
+ font-style: italic;
2112
+ }
2113
+
2114
+ ._underline_1tncs_18 {
2115
+ text-decoration: underline
2116
+ }
2117
+
2118
+ ._strikethrough_1tncs_34 {
2119
+ text-decoration: line-through
2120
+ }
2121
+
2122
+ ._underlineStrikethrough_1tncs_38 {
2123
+ text-decoration: underline line-through
2124
+ }
2125
+
2126
+ ._subscript_1tncs_42 {
2127
+ font-size: .8em;
2128
+ vertical-align: sub !important
2129
+ }
2130
+
2131
+ ._superscript_1tncs_47 {
2132
+ font-size: .8em;
2133
+ vertical-align: super
2134
+ }
2135
+
2136
+ ._code_1tncs_52 {
2137
+ background-color: var(--baseBg);
2138
+ padding: 1px .25rem;
2139
+ font-family: var(--font-mono);
2140
+ font-size: 94%
2141
+ }
2142
+
2143
+ ._nestedListItem_1tncs_59 {
2144
+ list-style: none;
2145
+ list-style-type: none;
2146
+ }
2147
+
2148
+ ._nestedListItem_1tncs_59:before,
2149
+ ._nestedListItem_1tncs_59:after {
2150
+ display: none;
2151
+ }
2152
+
2153
+ ._listitem_1tncs_69 {
2154
+ margin: var(--spacing-2) 0;
2155
+ }
2156
+
2157
+ ._listItemChecked_1tncs_73,
2158
+ ._listItemUnchecked_1tncs_74 {
2159
+ position: relative;
2160
+ margin-left: 0;
2161
+ margin-right: 0;
2162
+ margin-inline-start: -1rem;
2163
+ padding-left: var(--spacing-6);
2164
+ padding-right: var(--spacing-6);
2165
+ list-style-type: none;
2166
+ outline: none;
2167
+ }
2168
+
2169
+ ._listItemChecked_1tncs_73 {
2170
+ text-decoration: line-through;
2171
+ }
2172
+
2173
+ ._listItemUnchecked_1tncs_74:before,
2174
+ ._listItemChecked_1tncs_73:before {
2175
+ content: '';
2176
+ width: var(--spacing-4);
2177
+ height: var(--spacing-4);
2178
+ top: 0;
2179
+ left: 0;
2180
+ cursor: pointer;
2181
+ display: block;
2182
+ background-size: cover;
2183
+ position: absolute;
2184
+ }
2185
+
2186
+ ._listItemUnchecked_1tncs_74[dir='rtl']:before,
2187
+ ._listItemChecked_1tncs_73[dir='rtl']:before {
2188
+ left: auto;
2189
+ right: 0;
2190
+ }
2191
+
2192
+ ._listItemUnchecked_1tncs_74:focus:before,
2193
+ ._listItemChecked_1tncs_73:focus:before {
2194
+ box-shadow: 0 0 0 2px var(--accentBgActive);
2195
+ border-radius: var(--radius-small);
2196
+ }
2197
+
2198
+ ._listItemUnchecked_1tncs_74:before {
2199
+ border: 1px solid var(--baseBorder);
2200
+ border-radius: var(--radius-small);
2201
+ }
2202
+
2203
+ ._listItemChecked_1tncs_73:before {
2204
+ border: 1px solid var(--accentBorder);
2205
+ border-radius: var(--radius-small);
2206
+ background-color: var(--accentSolid);
2207
+ background-repeat: no-repeat;
2208
+ }
2209
+
2210
+ ._listItemChecked_1tncs_73:after {
2211
+ content: '';
2212
+ cursor: pointer;
2213
+ border-color: var(--baseBase);
2214
+ border-style: solid;
2215
+ position: absolute;
2216
+ display: block;
2217
+ top: var(--spacing-0_5);
2218
+ width: var(--spacing-1);
2219
+ left: var(--spacing-1_5);
2220
+ right: var(--spacing-1_5);
2221
+ height: var(--spacing-2);
2222
+ transform: rotate(45deg);
2223
+ border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
2224
+ }
2225
+
2226
+ ._nestedListItem_1tncs_59 {
2227
+ list-style-type: none;
2228
+ }
2229
+
2230
+ ._nestedListItem_1tncs_59:before,
2231
+ ._nestedListItem_1tncs_59:after {
2232
+ display: none;
2233
+ }
2234
+
2235
+ ._admonitionDanger_1tncs_151,
2236
+ ._admonitionInfo_1tncs_152,
2237
+ ._admonitionNote_1tncs_153,
2238
+ ._admonitionTip_1tncs_154,
2239
+ ._admonitionCaution_1tncs_155 {
2240
+ padding: var(--spacing-2);
2241
+ margin-top: var(--spacing-2);
2242
+ margin-bottom: var(--spacing-2);
2243
+ border-left: 3px solid var(--admonitionBorder);
2244
+ background-color: var(--admonitionBg);
2245
+ }
2246
+
2247
+ ._admonitionInfo_1tncs_152 {
2248
+ --admonitionBorder: var(--admonitionInfoBorder);
2249
+ --admonitionBg: var(--admonitionInfoBg);
2250
+ }
2251
+
2252
+ ._admonitionTip_1tncs_154 {
2253
+ --admonitionBorder: var(--admonitionTipBorder);
2254
+ --admonitionBg: var(--admonitionTipBg);
2255
+ }
2256
+
2257
+ ._admonitionCaution_1tncs_155 {
2258
+ --admonitionBorder: var(--admonitionCautionBorder);
2259
+ --admonitionBg: var(--admonitionCautionBg);
2260
+ }
2261
+
2262
+ ._admonitionDanger_1tncs_151 {
2263
+ --admonitionBorder: var(--admonitionDangerBorder);
2264
+ --admonitionBg: var(--admonitionDangerBg);
2265
+ }
2266
+
2267
+ ._admonitionNote_1tncs_153 {
2268
+ --admonitionBorder: var(--admonitionNoteBorder);
2269
+ --admonitionBg: var(--admonitionNoteBg);
2270
+ }
2271
+
2272
+ ._mdxExpression_1tncs_188 {
2273
+ font-family: var(--font-mono);
2274
+ font-size: 84%;
2275
+ color: var(--accentText);
2276
+ }
2277
+
2278
+ ._mdxExpression_1tncs_188 input:focus-visible {
2279
+ outline: none;
2280
+ }