@industry-theme/file-editing-panels 0.2.0 → 0.2.2

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 (62) hide show
  1. package/dist/{index-TBMiP6Sa.js → index-B8t5ZXru.js} +2 -2
  2. package/dist/{index-TBMiP6Sa.js.map → index-B8t5ZXru.js.map} +1 -1
  3. package/dist/{index-CDkarLuR.js → index-BCmAXJzV.js} +2 -2
  4. package/dist/{index-CDkarLuR.js.map → index-BCmAXJzV.js.map} +1 -1
  5. package/dist/{index-D1BS_vz8.js → index-BlPaGZBk.js} +2 -2
  6. package/dist/{index-D1BS_vz8.js.map → index-BlPaGZBk.js.map} +1 -1
  7. package/dist/{index-CjyvtorY.js → index-C-79HWPu.js} +2 -2
  8. package/dist/{index-CjyvtorY.js.map → index-C-79HWPu.js.map} +1 -1
  9. package/dist/{index-ZhCVoili.js → index-C3nS7Yiu.js} +2 -2
  10. package/dist/{index-ZhCVoili.js.map → index-C3nS7Yiu.js.map} +1 -1
  11. package/dist/{index-BxXSPvaU.js → index-C6qWcx_6.js} +2 -2
  12. package/dist/{index-BxXSPvaU.js.map → index-C6qWcx_6.js.map} +1 -1
  13. package/dist/{index-BUkJBACP.js → index-CGg_iuSE.js} +2 -2
  14. package/dist/{index-BUkJBACP.js.map → index-CGg_iuSE.js.map} +1 -1
  15. package/dist/{index-BjkLI8D3.js → index-CR6Xoofu.js} +2 -2
  16. package/dist/{index-BjkLI8D3.js.map → index-CR6Xoofu.js.map} +1 -1
  17. package/dist/{index-CQtBr0UY.js → index-DAj-6bKc.js} +2 -2
  18. package/dist/{index-CQtBr0UY.js.map → index-DAj-6bKc.js.map} +1 -1
  19. package/dist/{index-Bet4c99j.js → index-DDHzET8H.js} +2 -2
  20. package/dist/{index-Bet4c99j.js.map → index-DDHzET8H.js.map} +1 -1
  21. package/dist/{index-Bg6SAM4G.js → index-DD_kem6H.js} +2 -2
  22. package/dist/{index-Bg6SAM4G.js.map → index-DD_kem6H.js.map} +1 -1
  23. package/dist/{index-BRiZ41Yj.js → index-DbJYCA_w.js} +777 -568
  24. package/dist/index-DbJYCA_w.js.map +1 -0
  25. package/dist/{index-ZGazVsqS.js → index-DiH_VlCK.js} +2 -2
  26. package/dist/{index-ZGazVsqS.js.map → index-DiH_VlCK.js.map} +1 -1
  27. package/dist/{index-u6DfL9YL.js → index-DuVYHq19.js} +2 -2
  28. package/dist/{index-u6DfL9YL.js.map → index-DuVYHq19.js.map} +1 -1
  29. package/dist/{index-CkLdyOmv.js → index-RAIU1e6Y.js} +2 -2
  30. package/dist/{index-CkLdyOmv.js.map → index-RAIU1e6Y.js.map} +1 -1
  31. package/dist/{index-DVQA1GI6.js → index-UJ416dxI.js} +2 -2
  32. package/dist/{index-DVQA1GI6.js.map → index-UJ416dxI.js.map} +1 -1
  33. package/dist/{index-Ds9lMu-c.js → index-uuzekAfi.js} +2 -2
  34. package/dist/{index-Ds9lMu-c.js.map → index-uuzekAfi.js.map} +1 -1
  35. package/dist/{index-DR6-tbJq.js → index-x8WsxVsf.js} +2 -2
  36. package/dist/{index-DR6-tbJq.js.map → index-x8WsxVsf.js.map} +1 -1
  37. package/dist/index.d.ts +24 -7
  38. package/dist/index.d.ts.map +1 -1
  39. package/dist/mocks/panelContext.d.ts +29 -2
  40. package/dist/mocks/panelContext.d.ts.map +1 -1
  41. package/dist/panels/FileEditorPanel/FileEditorPanel.d.ts +11 -16
  42. package/dist/panels/FileEditorPanel/FileEditorPanel.d.ts.map +1 -1
  43. package/dist/panels/FileEditorPanel/FileEditorPanel.stories.d.ts +9 -8
  44. package/dist/panels/FileEditorPanel/FileEditorPanel.stories.d.ts.map +1 -1
  45. package/dist/panels/FileEditorPanel/index.d.ts +0 -1
  46. package/dist/panels/FileEditorPanel/index.d.ts.map +1 -1
  47. package/dist/panels/GitDiffPanel/GitDiffPanel.d.ts +10 -12
  48. package/dist/panels/GitDiffPanel/GitDiffPanel.d.ts.map +1 -1
  49. package/dist/panels/GitDiffPanel/GitDiffPanel.stories.d.ts +9 -5
  50. package/dist/panels/GitDiffPanel/GitDiffPanel.stories.d.ts.map +1 -1
  51. package/dist/panels/GitDiffPanel/index.d.ts +0 -1
  52. package/dist/panels/GitDiffPanel/index.d.ts.map +1 -1
  53. package/dist/panels/MDXEditorPanel/MDXEditorPanel.d.ts +11 -16
  54. package/dist/panels/MDXEditorPanel/MDXEditorPanel.d.ts.map +1 -1
  55. package/dist/panels/MDXEditorPanel/MDXEditorPanel.stories.d.ts +7 -8
  56. package/dist/panels/MDXEditorPanel/MDXEditorPanel.stories.d.ts.map +1 -1
  57. package/dist/panels/MDXEditorPanel/index.d.ts +0 -1
  58. package/dist/panels/MDXEditorPanel/index.d.ts.map +1 -1
  59. package/dist/panels.bundle.js +14 -6
  60. package/package.json +2 -2
  61. package/dist/index-BRiZ41Yj.js.map +0 -1
  62. package/dist/panels.bundle.css +0 -2280
@@ -1,2280 +0,0 @@
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
- }