@nkzw/mdx-editor 0.1.0

package/dist/styles.css

@@ -0,0 +1,2838 @@
+:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+  --blue-1: #fbfdff;
+  --blue-2: #f4faff;
+  --blue-3: #e6f4fe;
+  --blue-4: #d5efff;
+  --blue-5: #c2e5ff;
+  --blue-6: #acd8fc;
+  --blue-7: #8ec8f6;
+  --blue-8: #5eb1ef;
+  --blue-9: #0090ff;
+  --blue-10: #0588f0;
+  --blue-11: #0d74ce;
+  --blue-12: #113264;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+      --blue-1: color(display-p3 0.986 0.992 0.999);
+      --blue-2: color(display-p3 0.96 0.979 0.998);
+      --blue-3: color(display-p3 0.912 0.956 0.991);
+      --blue-4: color(display-p3 0.853 0.932 1);
+      --blue-5: color(display-p3 0.788 0.894 0.998);
+      --blue-6: color(display-p3 0.709 0.843 0.976);
+      --blue-7: color(display-p3 0.606 0.777 0.947);
+      --blue-8: color(display-p3 0.451 0.688 0.917);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.234 0.523 0.912);
+      --blue-11: color(display-p3 0.15 0.44 0.84);
+      --blue-12: color(display-p3 0.102 0.193 0.379);
+    }
+  }
+}
+
+._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
+  --blue-1: #0d1520;
+  --blue-2: #111927;
+  --blue-3: #0d2847;
+  --blue-4: #003362;
+  --blue-5: #004074;
+  --blue-6: #104d87;
+  --blue-7: #205d9e;
+  --blue-8: #2870bd;
+  --blue-9: #0090ff;
+  --blue-10: #3b9eff;
+  --blue-11: #70b8ff;
+  --blue-12: #c2e6ff;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
+      --blue-1: color(display-p3 0.057 0.081 0.122);
+      --blue-2: color(display-p3 0.072 0.098 0.147);
+      --blue-3: color(display-p3 0.078 0.154 0.27);
+      --blue-4: color(display-p3 0.033 0.197 0.37);
+      --blue-5: color(display-p3 0.08 0.245 0.441);
+      --blue-6: color(display-p3 0.14 0.298 0.511);
+      --blue-7: color(display-p3 0.195 0.361 0.6);
+      --blue-8: color(display-p3 0.239 0.434 0.72);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.344 0.612 0.973);
+      --blue-11: color(display-p3 0.49 0.72 1);
+      --blue-12: color(display-p3 0.788 0.898 0.99);
+    }
+  }
+}
+
+:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+  --slate-1: #fcfcfd;
+  --slate-2: #f9f9fb;
+  --slate-3: #f0f0f3;
+  --slate-4: #e8e8ec;
+  --slate-5: #e0e1e6;
+  --slate-6: #d9d9e0;
+  --slate-7: #cdced6;
+  --slate-8: #b9bbc6;
+  --slate-9: #8b8d98;
+  --slate-10: #80838d;
+  --slate-11: #60646c;
+  --slate-12: #1c2024;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+      --slate-1: color(display-p3 0.988 0.988 0.992);
+      --slate-2: color(display-p3 0.976 0.976 0.984);
+      --slate-3: color(display-p3 0.94 0.941 0.953);
+      --slate-4: color(display-p3 0.908 0.909 0.925);
+      --slate-5: color(display-p3 0.88 0.881 0.901);
+      --slate-6: color(display-p3 0.85 0.852 0.876);
+      --slate-7: color(display-p3 0.805 0.808 0.838);
+      --slate-8: color(display-p3 0.727 0.733 0.773);
+      --slate-9: color(display-p3 0.547 0.553 0.592);
+      --slate-10: color(display-p3 0.503 0.512 0.549);
+      --slate-11: color(display-p3 0.379 0.392 0.421);
+      --slate-12: color(display-p3 0.113 0.125 0.14);
+    }
+  }
+}
+
+._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
+  --slate-1: #111113;
+  --slate-2: #18191b;
+  --slate-3: #212225;
+  --slate-4: #272a2d;
+  --slate-5: #2e3135;
+  --slate-6: #363a3f;
+  --slate-7: #43484e;
+  --slate-8: #5a6169;
+  --slate-9: #696e77;
+  --slate-10: #777b84;
+  --slate-11: #b0b4ba;
+  --slate-12: #edeef0;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
+      --slate-1: color(display-p3 0.067 0.067 0.074);
+      --slate-2: color(display-p3 0.095 0.098 0.105);
+      --slate-3: color(display-p3 0.13 0.135 0.145);
+      --slate-4: color(display-p3 0.156 0.163 0.176);
+      --slate-5: color(display-p3 0.183 0.191 0.206);
+      --slate-6: color(display-p3 0.215 0.226 0.244);
+      --slate-7: color(display-p3 0.265 0.28 0.302);
+      --slate-8: color(display-p3 0.357 0.381 0.409);
+      --slate-9: color(display-p3 0.415 0.431 0.463);
+      --slate-10: color(display-p3 0.469 0.483 0.514);
+      --slate-11: color(display-p3 0.692 0.704 0.728);
+      --slate-12: color(display-p3 0.93 0.933 0.94);
+    }
+  }
+}
+
+:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+  --grass-1: #fbfefb;
+  --grass-2: #f5fbf5;
+  --grass-3: #e9f6e9;
+  --grass-4: #daf1db;
+  --grass-5: #c9e8ca;
+  --grass-6: #b2ddb5;
+  --grass-7: #94ce9a;
+  --grass-8: #65ba74;
+  --grass-9: #46a758;
+  --grass-10: #3e9b4f;
+  --grass-11: #2a7e3b;
+  --grass-12: #203c25;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+      --grass-1: color(display-p3 0.986 0.996 0.985);
+      --grass-2: color(display-p3 0.966 0.983 0.964);
+      --grass-3: color(display-p3 0.923 0.965 0.917);
+      --grass-4: color(display-p3 0.872 0.94 0.865);
+      --grass-5: color(display-p3 0.811 0.908 0.802);
+      --grass-6: color(display-p3 0.733 0.864 0.724);
+      --grass-7: color(display-p3 0.628 0.803 0.622);
+      --grass-8: color(display-p3 0.477 0.72 0.482);
+      --grass-9: color(display-p3 0.38 0.647 0.378);
+      --grass-10: color(display-p3 0.344 0.598 0.342);
+      --grass-11: color(display-p3 0.263 0.488 0.261);
+      --grass-12: color(display-p3 0.151 0.233 0.153);
+    }
+  }
+}
+
+:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+  --cyan-1: #fafdfe;
+  --cyan-2: #f2fafb;
+  --cyan-3: #def7f9;
+  --cyan-4: #caf1f6;
+  --cyan-5: #b5e9f0;
+  --cyan-6: #9ddde7;
+  --cyan-7: #7dcedc;
+  --cyan-8: #3db9cf;
+  --cyan-9: #00a2c7;
+  --cyan-10: #0797b9;
+  --cyan-11: #107d98;
+  --cyan-12: #0d3c48;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+      --cyan-1: color(display-p3 0.982 0.992 0.996);
+      --cyan-2: color(display-p3 0.955 0.981 0.984);
+      --cyan-3: color(display-p3 0.888 0.965 0.975);
+      --cyan-4: color(display-p3 0.821 0.941 0.959);
+      --cyan-5: color(display-p3 0.751 0.907 0.935);
+      --cyan-6: color(display-p3 0.671 0.862 0.9);
+      --cyan-7: color(display-p3 0.564 0.8 0.854);
+      --cyan-8: color(display-p3 0.388 0.715 0.798);
+      --cyan-9: color(display-p3 0.282 0.627 0.765);
+      --cyan-10: color(display-p3 0.264 0.583 0.71);
+      --cyan-11: color(display-p3 0.08 0.48 0.63);
+      --cyan-12: color(display-p3 0.108 0.232 0.277);
+    }
+  }
+}
+
+:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+  --amber-1: #fefdfb;
+  --amber-2: #fefbe9;
+  --amber-3: #fff7c2;
+  --amber-4: #ffee9c;
+  --amber-5: #fbe577;
+  --amber-6: #f3d673;
+  --amber-7: #e9c162;
+  --amber-8: #e2a336;
+  --amber-9: #ffc53d;
+  --amber-10: #ffba18;
+  --amber-11: #ab6400;
+  --amber-12: #4f3422;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+      --amber-1: color(display-p3 0.995 0.992 0.985);
+      --amber-2: color(display-p3 0.994 0.986 0.921);
+      --amber-3: color(display-p3 0.994 0.969 0.782);
+      --amber-4: color(display-p3 0.989 0.937 0.65);
+      --amber-5: color(display-p3 0.97 0.902 0.527);
+      --amber-6: color(display-p3 0.936 0.844 0.506);
+      --amber-7: color(display-p3 0.89 0.762 0.443);
+      --amber-8: color(display-p3 0.85 0.65 0.3);
+      --amber-9: color(display-p3 1 0.77 0.26);
+      --amber-10: color(display-p3 0.959 0.741 0.274);
+      --amber-11: color(display-p3 0.64 0.4 0);
+      --amber-12: color(display-p3 0.294 0.208 0.145);
+    }
+  }
+}
+
+:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+  --red-1: #fffcfc;
+  --red-2: #fff7f7;
+  --red-3: #feebec;
+  --red-4: #ffdbdc;
+  --red-5: #ffcdce;
+  --red-6: #fdbdbe;
+  --red-7: #f4a9aa;
+  --red-8: #eb8e90;
+  --red-9: #e5484d;
+  --red-10: #dc3e42;
+  --red-11: #ce2c31;
+  --red-12: #641723;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
+      --red-1: color(display-p3 0.998 0.989 0.988);
+      --red-2: color(display-p3 0.995 0.971 0.971);
+      --red-3: color(display-p3 0.985 0.925 0.925);
+      --red-4: color(display-p3 0.999 0.866 0.866);
+      --red-5: color(display-p3 0.984 0.812 0.811);
+      --red-6: color(display-p3 0.955 0.751 0.749);
+      --red-7: color(display-p3 0.915 0.675 0.672);
+      --red-8: color(display-p3 0.872 0.575 0.572);
+      --red-9: color(display-p3 0.83 0.329 0.324);
+      --red-10: color(display-p3 0.798 0.294 0.285);
+      --red-11: color(display-p3 0.744 0.234 0.222);
+      --red-12: color(display-p3 0.36 0.115 0.143);
+    }
+  }
+}
+
+._bold_6j9u9_10 {
+  font-weight: bold;
+}
+
+._italic_6j9u9_14 {
+  font-style: italic;
+}
+
+._underline_6j9u9_18 {
+  text-decoration: underline;
+}
+
+._bold_6j9u9_10 {
+  font-weight: 700;
+}
+
+._italic_6j9u9_14 {
+  font-style: italic;
+}
+
+._underline_6j9u9_18 {
+  text-decoration: underline
+}
+
+._strikethrough_6j9u9_34 {
+  text-decoration: line-through
+}
+
+._underlineStrikethrough_6j9u9_38 {
+  text-decoration: underline line-through
+}
+
+._subscript_6j9u9_42 {
+  font-size: .8em;
+  vertical-align: sub !important
+}
+
+._superscript_6j9u9_47 {
+  font-size: .8em;
+  vertical-align: super
+}
+
+._code_6j9u9_52 {
+  background-color: var(--baseBg);
+  padding: 1px .25rem;
+  font-family: var(--font-mono);
+  font-size: 94%
+}
+
+._quote_6j9u9_59 {
+  border-inline-start: 3px solid var(--baseBorder);
+  padding-inline-start: var(--spacing-4);
+  margin-inline-start: 0;
+  color: var(--baseText);
+}
+
+._nestedListItem_6j9u9_66 {
+  list-style: none;
+  list-style-type: none;
+}
+
+._nestedListItem_6j9u9_66:before,
+._nestedListItem_6j9u9_66:after {
+  display: none;
+}
+
+._listitem_6j9u9_76 {
+  margin: var(--spacing-2) 0;
+}
+
+._listItemChecked_6j9u9_80,
+._listItemUnchecked_6j9u9_81 {
+  position: relative;
+  margin-left: 0;
+  margin-right: 0;
+  margin-inline-start: -1rem;
+  padding-left: var(--spacing-6);
+  padding-right: var(--spacing-6);
+  list-style-type: none;
+  outline: none;
+}
+
+._listItemChecked_6j9u9_80 {
+  text-decoration: line-through;
+}
+
+._listItemUnchecked_6j9u9_81:before,
+._listItemChecked_6j9u9_80:before {
+  content: '';
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  display: block;
+  background-size: cover;
+  position: absolute;
+}
+
+._listItemUnchecked_6j9u9_81[dir='rtl']:before,
+._listItemChecked_6j9u9_80[dir='rtl']:before {
+  left: auto;
+  right: 0;
+}
+
+._listItemUnchecked_6j9u9_81:focus:before,
+._listItemChecked_6j9u9_80:focus:before {
+  box-shadow: 0 0 0 2px var(--accentBgActive);
+  border-radius: var(--radius-small);
+}
+
+._listItemUnchecked_6j9u9_81:before {
+  border: 1px solid var(--baseBorder);
+  border-radius: var(--radius-small);
+}
+
+._listItemChecked_6j9u9_80:before {
+  border: 1px solid var(--accentBorder);
+  border-radius: var(--radius-small);
+  background-color: var(--accentSolid);
+  background-repeat: no-repeat;
+}
+
+._listItemChecked_6j9u9_80:after {
+  content: '';
+  cursor: pointer;
+  border-color: var(--baseBase);
+  border-style: solid;
+  position: absolute;
+  display: block;
+  top: var(--spacing-0_5);
+  width: var(--spacing-1);
+  left: var(--spacing-1_5);
+  right: var(--spacing-1_5);
+  height: var(--spacing-2);
+  transform: rotate(45deg);
+  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
+}
+
+._nestedListItem_6j9u9_66 {
+  list-style-type: none;
+}
+
+._nestedListItem_6j9u9_66:before,
+._nestedListItem_6j9u9_66:after {
+  display: none;
+}
+
+._admonitionDanger_6j9u9_158,
+._admonitionInfo_6j9u9_159,
+._admonitionNote_6j9u9_160,
+._admonitionTip_6j9u9_161,
+._admonitionCaution_6j9u9_162 {
+  padding: var(--spacing-2);
+  margin-top: var(--spacing-2);
+  margin-bottom: var(--spacing-2);
+  border-left: 3px solid var(--admonitionBorder);
+  background-color: var(--admonitionBg);
+}
+
+._admonitionInfo_6j9u9_159 {
+  --admonitionBorder: var(--admonitionInfoBorder);
+  --admonitionBg: var(--admonitionInfoBg);
+}
+
+._admonitionTip_6j9u9_161 {
+  --admonitionBorder: var(--admonitionTipBorder);
+  --admonitionBg: var(--admonitionTipBg);
+}
+
+._admonitionCaution_6j9u9_162 {
+  --admonitionBorder: var(--admonitionCautionBorder);
+  --admonitionBg: var(--admonitionCautionBg);
+}
+
+._admonitionDanger_6j9u9_158 {
+  --admonitionBorder: var(--admonitionDangerBorder);
+  --admonitionBg: var(--admonitionDangerBg);
+}
+
+._admonitionNote_6j9u9_160 {
+  --admonitionBorder: var(--admonitionNoteBorder);
+  --admonitionBg: var(--admonitionNoteBg);
+}
+
+._mdxExpression_6j9u9_195 {
+  font-family: var(--font-mono);
+  font-size: 84%;
+  color: var(--accentText);
+
+  & input:focus-visible {
+    outline: none;
+  }
+}
+._editorRoot_17t84_85 {
+  --accentBase: var(--blue-1);
+  --accentBgSubtle: var(--blue-2);
+  --accentBg: var(--blue-3);
+  --accentBgHover: var(--blue-4);
+  --accentBgActive: var(--blue-5);
+  --accentLine: var(--blue-6);
+  --accentBorder: var(--blue-7);
+  --accentBorderHover: var(--blue-8);
+  --accentSolid: var(--blue-9);
+  --accentSolidHover: var(--blue-10);
+  --accentText: var(--blue-11);
+  --accentTextContrast: var(--blue-12);
+
+  --basePageBg: white;
+  --baseBase: var(--slate-1);
+  --baseBgSubtle: var(--slate-2);
+  --baseBg: var(--slate-3);
+  --baseBgHover: var(--slate-4);
+  --baseBgActive: var(--slate-5);
+  --baseLine: var(--slate-6);
+  --baseBorder: var(--slate-7);
+  --baseBorderHover: var(--slate-8);
+  --baseSolid: var(--slate-9);
+  --baseSolidHover: var(--slate-10);
+  --baseText: var(--slate-11);
+  --baseTextContrast: var(--slate-12);
+
+  --admonitionTipBg: var(--cyan-4);
+  --admonitionTipBorder: var(--cyan-8);
+
+  --admonitionInfoBg: var(--grass-4);
+  --admonitionInfoBorder: var(--grass-8);
+
+  --admonitionCautionBg: var(--amber-4);
+  --admonitionCautionBorder: var(--amber-8);
+
+  --admonitionDangerBg: var(--red-4);
+  --admonitionDangerBorder: var(--red-8);
+
+  --admonitionNoteBg: var(--slate-4);
+  --admonitionNoteBorder: var(--slate-8);
+
+  --error-color: var(--red-10);
+
+  --spacing-0: 0px;
+  --spacing-px: 1px;
+  --spacing-0_5: 0.125rem;
+  --spacing-1: 0.25rem;
+  --spacing-1_5: 0.375rem;
+  --spacing-2: 0.5rem;
+  --spacing-2_5: 0.625rem;
+  --spacing-3: 0.75rem;
+  --spacing-3_5: 0.875rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-7: 1.75rem;
+  --spacing-8: 2rem;
+  --spacing-9: 2.25rem;
+  --spacing-10: 2.5rem;
+  --spacing-11: 2.75rem;
+  --spacing-12: 3rem;
+  --spacing-14: 3.5rem;
+  --spacing-16: 4rem;
+  --spacing-20: 5rem;
+  --spacing-24: 6rem;
+  --spacing-28: 7rem;
+  --spacing-32: 8rem;
+  --spacing-36: 9rem;
+  --spacing-40: 10rem;
+  --spacing-44: 11rem;
+  --spacing-48: 12rem;
+  --spacing-52: 13rem;
+  --spacing-56: 14rem;
+  --spacing-60: 15rem;
+  --spacing-64: 16rem;
+  --spacing-72: 18rem;
+  --spacing-80: 20rem;
+  --spacing-96: 24rem;
+
+  --radius-none: 0px;
+  --radius-small: var(--spacing-0_5);
+  --radius-base: var(--spacing-1);
+  --radius-medium: var(--spacing-1_5);
+  --radius-large: var(--spacing-2);
+  --radius-extra-large: var(--spacing-3);
+  --radius-full: 9999px;
+
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
+
+  --text-base: 1rem;
+  --text-sm: 0.875rem;
+  --text-xs: 0.75rem;
+  --text-xxs: 0.6rem;
+
+  font-family: var(--font-body);
+  color: var(--baseText);
+}
+
+._editorWrapper_17t84_187 {
+}
+
+._nestedListItem_17t84_190 {
+  list-style: none;
+}
+
+._toolbarRoot_17t84_194 {
+  z-index: 2;
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-1);
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-1_5);
+  align-items: center;
+  overflow-x: auto;
+  position: sticky;
+  top: 0;
+  background-color: var(--baseBg);
+  width: inherit;
+
+  & div[role='separator'] {
+    margin: var(--spacing-2) var(--spacing-1);
+    border-left: 1px solid var(--baseBorder);
+    border-right: 1px solid var(--baseBase);
+    height: var(--spacing-4);
+  }
+
+  & svg {
+    color: var(--baseTextContrast);
+    display: block;
+  }
+}
+
+._readOnlyToolbarRoot_17t84_221 {
+  pointer-events: none;
+  background: var(--baseBase);
+
+  & > div {
+    opacity: 0.5;
+  }
+}
+
+._toolbarModeSwitch_17t84_230 {
+  opacity: 1 !important;
+  margin-left: auto;
+  align-self: stretch;
+  align-items: stretch;
+  display: flex;
+  border: 1px solid var(--baseBg);
+  border-radius: var(--radius-medium);
+  font-size: var(--text-xs);
+
+  ._toolbarToggleItem_17t84_240 {
+    padding-inline-end: var(--spacing-4);
+    padding-inline-start: var(--spacing-4);
+
+    &:active,
+    &[data-state='on'] {
+      background-color: var(--baseBorder);
+    }
+  }
+}
+
+._toolbarGroupOfGroups_17t84_251 {
+  display: flex;
+  margin: 0 var(--spacing-1);
+}
+
+._toolbarToggleSingleGroup_17t84_256:first-of-type ._toolbarToggleItem_17t84_240:only-child,
+._toolbarToggleSingleGroup_17t84_256:only-child ._toolbarToggleItem_17t84_240:first-child,
+._toolbarModeSwitch_17t84_230 ._toolbarToggleItem_17t84_240:first-child {
+  border-top-left-radius: var(--radius-base);
+  border-bottom-left-radius: var(--radius-base);
+}
+
+._toolbarToggleSingleGroup_17t84_256:last-of-type ._toolbarToggleItem_17t84_240:only-child,
+._toolbarToggleSingleGroup_17t84_256:only-child ._toolbarToggleItem_17t84_240:last-child,
+._toolbarModeSwitch_17t84_230 ._toolbarToggleItem_17t84_240:last-child {
+  border-top-right-radius: var(--radius-base);
+  border-bottom-right-radius: var(--radius-base);
+}
+
+._toolbarToggleItem_17t84_240,
+._toolbarButton_17t84_271 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-0_5);
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBgActive);
+    }
+  }
+
+  &:active svg {
+    transform: translate(1px, 1px);
+  }
+
+  &[data-state='on'],
+  &:active {
+    color: var(--baseTextContrast);
+    background-color: var(--baseBgActive);
+  }
+
+  &[data-disabled] {
+    pointer-events: none;
+    & svg {
+      color: var(--baseBorderHover);
+    }
+  }
+}
+
+._toolbarButton_17t84_271 {
+  border-radius: var(--radius-base);
+}
+
+._toolbarButton_17t84_271 + ._toolbarButton_17t84_271 {
+  margin-left: var(--spacing-1);
+}
+
+._activeToolbarButton_17t84_307 {
+  color: var(--accentText);
+}
+
+._toolbarToggleSingleGroup_17t84_256 {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+
+._toolbarNodeKindSelectContainer_17t84_317,
+._toolbarButtonDropdownContainer_17t84_318,
+._toolbarCodeBlockLanguageSelectContent_17t84_319,
+._selectContainer_17t84_320 {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+  z-index: 3;
+  width: var(--spacing-36);
+  border-bottom-left-radius: var(--radius-base);
+  border-bottom-right-radius: var(--radius-base);
+  background-color: var(--basePageBg);
+  font-size: var(--text-sm);
+}
+
+._toolbarButtonDropdownContainer_17t84_318 {
+  border-top-right-radius: var(--radius-base);
+
+  & ._selectItem_17t84_333:first-child {
+    border-top-right-radius: var(--radius-base);
+  }
+}
+
+._toolbarNodeKindSelectTrigger_17t84_338,
+._toolbarButtonSelectTrigger_17t84_339,
+._selectTrigger_17t84_340 {
+  border: 0;
+  background-color: transparent;
+  display: flex;
+  color: inherit;
+  align-items: center;
+  width: var(--spacing-36);
+  padding: var(--spacing-0_5) var(--spacing-1);
+  padding-inline-start: var(--spacing-2);
+  border-radius: var(--radius-medium);
+  white-space: nowrap;
+  flex-wrap: nowrap;
+  font-size: var(--text-sm);
+  background-color: var(--basePageBg);
+  margin: 0 var(--spacing-1);
+
+  &[data-state='open'] {
+    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+    border-bottom-right-radius: var(--radius-none);
+    border-bottom-left-radius: var(--radius-none);
+  }
+}
+
+._selectTrigger_17t84_340[data-placeholder] > span:first-child {
+  color: var(--baseBorderHover);
+}
+
+._toolbarButtonSelectTrigger_17t84_339 {
+  width: auto;
+  padding-inline-start: var(--spacing-2);
+  padding-inline-end: var(--spacing-1);
+  padding-block: var(--spacing-0_5);
+}
+
+._toolbarCodeBlockLanguageSelectTrigger_17t84_374,
+._toolbarCodeBlockLanguageSelectContent_17t84_319 {
+  width: var(--spacing-48);
+}
+
+._toolbarNodeKindSelectItem_17t84_379,
+._selectItem_17t84_333 {
+  cursor: default;
+  display: flex;
+  padding: var(--spacing-2);
+
+  &[data-highlighted] {
+    background-color: var(--baseBg);
+  }
+
+  &[data-state='checked'] {
+    color: var(--baseTextContrast);
+    background-color: var(--baseBg);
+  }
+
+  &[data-highlighted] {
+    outline: none;
+  }
+
+  &:last-child {
+    border-bottom-left-radius: var(--radius-base);
+    border-bottom-right-radius: var(--radius-base);
+  }
+}
+
+._toolbarNodeKindSelectDropdownArrow_17t84_404,
+._selectDropdownArrow_17t84_405 {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+
+._contentEditable_17t84_411 {
+  box-sizing: border-box;
+  width: 100%;
+  color: var(--baseTextContrast);
+
+  &:focus {
+    outline: none;
+  }
+
+  padding: var(--spacing-3);
+}
+
+._codeMirrorWrapper_17t84_423 {
+  margin-bottom: var(--spacing-5);
+  border: 1px solid var(--baseLine);
+  border-radius: var(--radius-medium);
+  overflow: hidden;
+  padding: 0.8rem;
+  position: relative;
+}
+
+._sandPackWrapper_17t84_432 {
+  margin-bottom: var(--spacing-5);
+  border: 1px solid var(--baseLine);
+  border-radius: var(--radius-medium);
+  overflow: hidden;
+  position: relative;
+}
+
+._codeMirrorToolbar_17t84_440 {
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: flex;
+  gap: var(--spacing-1);
+  padding: var(--spacing-1);
+  z-index: 1;
+  background-color: var(--baseBase);
+  border-bottom-left-radius: var(--radius-base);
+}
+
+._frontmatterWrapper_17t84_444 {
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-3);
+  background-color: var(--baseBgSubtle);
+
+  &[data-expanded='true'] {
+    margin-bottom: var(--spacing-10);
+  }
+}
+
+._frontmatterToggleButton_17t84_454 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  font-size: var(--text-sm);
+}
+
+._propertyPanelTitle_17t84_462 {
+  font-size: var(--text-xs);
+  font-weight: 400;
+  margin: 0;
+  padding-top: var(--spacing-2);
+  padding-left: var(--spacing-2);
+}
+
+._propertyEditorTable_17t84_470 {
+  table-layout: fixed;
+  border-spacing: var(--spacing-2);
+
+  & th {
+    text-align: left;
+    font-size: var(--text-sm);
+    padding: var(--spacing-2) var(--spacing-3);
+  }
+
+  & col:nth-child(1) {
+    width: 30%;
+  }
+
+  & col:nth-child(2) {
+    width: 70%;
+  }
+
+  & td:last-child ._iconButton_17t84_488 {
+    margin-left: var(--spacing-4);
+    margin-right: var(--spacing-4);
+  }
+
+  & ._readOnlyColumnCell_17t84_493 {
+    padding-left: 0;
+  }
+}
+
+._propertyEditorLabelCell_17t84_498 {
+  font-weight: 400;
+}
+
+._readOnlyColumnCell_17t84_493 {
+  padding-left: 0;
+}
+
+._buttonsFooter_17t84_506 {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-2);
+}
+
+._propertyEditorInput_17t84_512 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3);
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBase);
+  font-size: var(--text-sm);
+}
+
+._iconButton_17t84_488 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  color: var(--baseText);
+  cursor: pointer;
+  @media (hover: hover) {
+    &:hover {
+      border-color: var(--baseLine);
+      background-color: var(--baseBgHover);
+      color: var(--baseTextContrast);
+    }
+  }
+  &[data-state='on'],
+  &:active {
+    background-color: var(--baseBgActive);
+    color: var(--baseTextContrast);
+  }
+  &:disabled {
+    color: var(--baseLine);
+    cursor: default;
+  }
+}
+
+._primaryButton_17t84_526,
+._secondaryButton_17t84_527 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-2) var(--spacing-3);
+  border: 1px solid var(--accentBorder);
+  background-color: var(--accentSolidHover);
+  color: var(--baseBase);
+  font-size: var(--text-xs);
+  border-radius: var(--radius-medium);
+
+  &:disabled {
+    background: var(--accentLine);
+    border-color: var(--accentBg);
+  }
+}
+
+._smallButton_17t84_542 {
+  font-size: var(--text-xs);
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-base);
+}
+
+._secondaryButton_17t84_527 {
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseSolidHover);
+  color: var(--baseBase);
+}
+
+._dialogForm_17t84_554 {
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-2);
+}
+
+._linkDialogEditForm_17t84_560 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: var(--spacing-2);
+  padding: 0;
+}
+
+._linkDialogInputContainer_17t84_568 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+._linkDialogInputWrapper_17t84_574 {
+  display: flex;
+  align-items: center;
+  background-color: var(--baseBase);
+
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+
+  &[data-visible-dropdown='true'] {
+    border-bottom-left-radius: var(--radius-none);
+    border-bottom-right-radius: var(--radius-none);
+    border-bottom-width: 0;
+  }
+
+  & > button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    padding-right: var(--spacing-2);
+  }
+}
+
+._linkDialogInput_17t84_568,
+._dialogInput_17t84_595 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  width: 20rem;
+  padding: var(--spacing-2) var(--spacing-3);
+  font-size: var(--text-sm);
+
+  &::placeholder {
+    color: var(--baseBorder);
+  }
+}
+
+._linkDialogAnchor_17t84_606 {
+  position: fixed;
+  background-color: highlight;
+  z-index: -1;
+
+  &[data-visible='true'] {
+    visibility: visible;
+  }
+
+  &[data-visible='false'] {
+    visibility: hidden;
+  }
+}
+
+._linkDialogPopoverContent_17t84_620,
+._tableColumnEditorPopoverContent_17t84_621,
+._dialogContent_17t84_622 {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-0_5);
+  border-radius: var(--radius-medium);
+  border: 1px solid var(--baseBg);
+  background-color: var(--basePageBg);
+  padding: var(--spacing-1) var(--spacing-1);
+  font-size: var(--text-sm);
+}
+
+._largeDialogContent_17t84_634 {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+  gap: var(--spacing-0_5);
+  border-radius: var(--radius-medium);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBgSubtle);
+  padding: var(--spacing-4);
+  font-size: var(--text-sm);
+}
+
+._dialogTitle_17t84_644 {
+  font-size: var(--text-base);
+  font-weight: 600;
+  padding-left: var(--spacing-2);
+}
+
+._dialogCloseButton_17t84_650 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+
+._popoverContent_17t84_657 {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-0_5);
+  border-radius: var(--radius-medium);
+  background-color: var(--baseBgSubtle);
+  padding: var(--spacing-2) var(--spacing-2);
+  font-size: var(--text-sm);
+  z-index: 1;
+}
+
+._popoverArrow_17t84_669 {
+  fill: var(--basePageBg);
+}
+
+._linkDialogPreviewAnchor_17t84_673 {
+  margin-right: var(--spacing-1);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  color: var(--accentText);
+  text-decoration: none;
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--accentSolidHover);
+    }
+  }
+
+  border: 1px solid transparent;
+
+  & span {
+    max-width: 14rem;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  & svg {
+    width: 13px;
+    height: 13px;
+    color: var(--baseText);
+    stroke-width: 1.5;
+  }
+}
+
+._tooltipTrigger_17t84_704 {
+  align-self: center;
+}
+
+._tooltipContent_17t84_708 {
+  z-index: 2;
+  position: relative;
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-1) var(--spacing-2);
+  font-size: var(--text-xs);
+  background-color: var(--baseText);
+  color: var(--baseBase);
+
+  & svg {
+    fill: var(--baseText);
+  }
+}
+
+._actionButton_17t84_722 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-1);
+  color: var(--baseTextContrast);
+  & svg {
+    display: block;
+  }
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBg);
+    }
+  }
+  &:active svg {
+    transform: translate(1px, 1px);
+  }
+  &[data-state='on'],
+  &:active {
+    background-color: var(--baseBg);
+    color: var(--baseTextContrast);
+  }
+  padding: var(--spacing-1) var(--spacing-1);
+  border-radius: var(--radius-medium);
+  color: var(--baseTextContrast);
+}
+
+._linkDialogActionButton_17t84_729 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  color: var(--baseText);
+  cursor: pointer;
+  @media (hover: hover) {
+    &:hover {
+      border-color: var(--baseLine);
+      background-color: var(--baseBgHover);
+      color: var(--baseTextContrast);
+    }
+  }
+  &[data-state='on'],
+  &:active {
+    background-color: var(--baseBgActive);
+    color: var(--baseTextContrast);
+  }
+  &:disabled {
+    color: var(--baseLine);
+    cursor: default;
+  }
+}
+
+._editorIcon_17t84_733 {
+  display: block;
+  width: 14px;
+  height: 14px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.5;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+._primaryActionButton_17t84_744 {
+  background-color: var(--accentSolid);
+  color: var(--baseBase);
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--accentSolidHover);
+      color: var(--baseBase);
+    }
+  }
+}
+
+._tableEditor_17t84_756 {
+  table-layout: fixed;
+  width: 100%;
+  height: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+
+  & thead > tr > th {
+    text-align: right;
+  }
+
+  & > tbody > tr > td:not(._toolCell_17t84_767),
+  & > tbody > tr > th:not(._toolCell_17t84_767):not([data-tool-cell='true']) {
+    border: 1px solid var(--baseBgActive);
+    padding: var(--spacing-1) var(--spacing-2);
+    white-space: normal;
+
+    & > div {
+      outline: none;
+
+      & > p {
+        margin: 0;
+      }
+    }
+
+    &[data-active='true'] {
+      outline: solid 1px var(--baseSolid);
+    }
+  }
+
+  ._tableColumnEditorTrigger_17t84_786,
+  ._tableRowEditorTrigger_17t84_787,
+  ._addRowButton_17t84_788,
+  ._addColumnButton_17t84_789,
+  ._iconButton_17t84_488 {
+    opacity: 0.55;
+  }
+
+  @media (hover: hover) {
+    &:hover {
+      ._tableColumnEditorTrigger_17t84_786,
+      ._tableRowEditorTrigger_17t84_787,
+      ._addRowButton_17t84_788,
+      ._addColumnButton_17t84_789,
+      ._iconButton_17t84_488 {
+        opacity: 0.7;
+
+        &:hover {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+._toolCell_17t84_767 {
+  text-align: right;
+
+  & button {
+    margin: auto;
+    display: flex;
+  }
+}
+
+._tableColumnEditorTrigger_17t84_786 {
+  appearance: none;
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 5px;
+  box-sizing: border-box;
+  color: var(--baseText);
+  cursor: pointer;
+  display: inline-flex;
+  height: 16px;
+  justify-content: center;
+  opacity: 0.55;
+  outline: 0;
+  padding: 0;
+  width: 16px;
+
+  & ._editorIcon_17t84_733 {
+    height: 9px;
+    width: 9px;
+  }
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBgHover);
+      color: var(--baseTextContrast);
+    }
+  }
+
+  &:active {
+    background-color: var(--baseBgActive);
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 1px var(--baseBorderHover);
+  }
+
+  &[data-active='true'] {
+    opacity: 1 !important;
+  }
+}
+
+._tableColumnEditorToolbar_17t84_862 {
+  display: flex;
+  gap: 2px;
+
+  & > button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    border: 1px solid transparent;
+    border-radius: 8px;
+    color: var(--baseText);
+    cursor: pointer;
+    @media (hover: hover) {
+    &:hover {
+      border-color: var(--baseLine);
+      background-color: var(--baseBgHover);
+      color: var(--baseTextContrast);
+    }
+  }
+    &[data-state='on'],
+  &:active {
+    background-color: var(--baseBgActive);
+    color: var(--baseTextContrast);
+  }
+    &:disabled {
+    color: var(--baseLine);
+    cursor: default;
+  }
+  }
+
+  & [role='separator'] {
+    margin-left: var(--spacing-1);
+    margin-right: var(--spacing-1);
+  }
+}
+
+._toggleGroupRoot_17t84_876 {
+  display: inline-flex;
+  gap: 2px;
+
+  & button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    border: 1px solid transparent;
+    border-radius: 8px;
+    color: var(--baseText);
+    cursor: pointer;
+    @media (hover: hover) {
+    &:hover {
+      border-color: var(--baseLine);
+      background-color: var(--baseBgHover);
+      color: var(--baseTextContrast);
+    }
+  }
+    &[data-state='on'],
+  &:active {
+    background-color: var(--baseBgActive);
+    color: var(--baseTextContrast);
+  }
+    &:disabled {
+    color: var(--baseLine);
+    cursor: default;
+  }
+
+    &:first-child {
+      border-top-left-radius: var(--radius-base);
+      border-bottom-left-radius: var(--radius-base);
+    }
+
+    &:last-child {
+      border-top-right-radius: var(--radius-base);
+      border-bottom-right-radius: var(--radius-base);
+    }
+  }
+}
+
+._tableToolsColumn_17t84_895 {
+  width: 26px;
+
+  & button {
+    margin: auto;
+    display: block;
+  }
+}
+
+._leftAlignedCell_17t84_904 {
+  text-align: left;
+}
+
+._rightAlignedCell_17t84_908 {
+  text-align: right;
+}
+
+._centeredCell_17t84_912 {
+  text-align: center;
+}
+
+._addColumnButton_17t84_789,
+._addRowButton_17t84_788 {
+  appearance: none;
+  background: transparent;
+  border: 0;
+  box-sizing: border-box;
+  color: var(--baseText);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font: inherit;
+  outline: 0;
+  padding: 0;
+  transform: none !important;
+  transition:
+    color 160ms ease,
+    opacity 160ms ease !important;
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--baseTextContrast);
+
+      & ._tableAddButtonIcon_17t84_939 {
+        background-color: var(--baseBgHover);
+        transform: scale(1.05);
+      }
+    }
+  }
+
+  &:active {
+    color: var(--baseTextContrast);
+
+    & ._tableAddButtonIcon_17t84_939 {
+      background-color: var(--baseBgActive);
+      transform: scale(0.95);
+    }
+  }
+
+  &:focus-visible ._tableAddButtonIcon_17t84_939 {
+    box-shadow: 0 0 0 1px var(--baseBorderHover);
+  }
+}
+
+._tableAddButtonIcon_17t84_939 {
+  align-items: center;
+  border-radius: 8px;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  transition:
+    background-color 160ms ease,
+    color 160ms ease,
+    transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
+  transform: scale(1);
+  width: 24px;
+}
+
+._addRowButton_17t84_788 {
+  border-top: 1px solid var(--baseBgActive);
+  width: 100%;
+  min-height: 26px;
+}
+
+._addColumnButton_17t84_789 {
+  border-left: 1px solid var(--baseBgActive);
+  width: 26px;
+  height: 100%;
+}
+
+/** Dialog */
+._dialogOverlay_17t84_987 {
+  position: fixed;
+  inset: 0;
+  animation: _overlayShow_17t84_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  background-color: var(--baseBase);
+  z-index: 51;
+  opacity: 0.5;
+}
+
+._dialogContent_17t84_622,
+._largeDialogContent_17t84_634 {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  animation: _contentShow_17t84_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  z-index: 52;
+}
+
+._dialogContent_17t84_622:focus,
+._largeDialogContent_17t84_634:focus {
+  outline: none;
+}
+
+@keyframes _overlayShow_17t84_1 {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 0.5;
+  }
+}
+
+@keyframes _contentShow_17t84_1 {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.96);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+._focusedImage_17t84_1033 {
+  outline: highlight solid 2px;
+}
+
+._imageWrapper_17t84_1037 {
+  display: inline-block;
+  position: relative;
+}
+
+._imageWrapper_17t84_1037[draggable='true'] {
+  cursor: move;
+  /* fallback if grab cursor is unsupported */
+  cursor: grab;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+}
+
+._editImageToolbar_17t84_1050 {
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: flex;
+  gap: var(--spacing-1);
+  padding: var(--spacing-1);
+  z-index: 1;
+  background-color: var(--baseBase);
+  border-bottom-left-radius: var(--radius-base);
+}
+
+._editImageButton_17t84_1054 {
+  & svg {
+    display: block;
+  }
+}
+
+._inlineEditor_17t84_1060 {
+  display: inline-flex;
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-1);
+  gap: var(--spacing-2);
+  align-items: center;
+  background: var(--baseBg);
+}
+
+._blockEditor_17t84_1069 {
+  display: flex;
+  justify-content: stretch;
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-2);
+  gap: var(--spacing-2);
+  align-items: center;
+  background: var(--baseBg);
+
+  & ._nestedEditor_17t84_1078 {
+    flex-grow: 1;
+  }
+}
+
+._nestedEditor_17t84_1078 {
+  background: var(--basePageBg);
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-medium);
+
+  & > p {
+    margin: 0;
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
+._genericComponentName_17t84_1097 {
+  font-size: var(--text-sm);
+  color: var(--baseText);
+  padding-right: var(--spacing-2);
+}
+
+._diffSourceToggleWrapper_17t84_1103 {
+  margin-left: auto;
+  pointer-events: auto;
+  opacity: 1;
+  position: sticky;
+  right: 0;
+}
+
+._ggDiffSourceToggle_17t84_1111 {
+}
+
+._diffSourceToggle_17t84_1103 {
+  border-radius: var(--radius-medium);
+  background-color: var(--baseBase);
+  display: flex;
+
+  ._toolbarToggleItem_17t84_240 {
+    padding: 0;
+
+    & > span {
+      display: block;
+      padding: var(--spacing-1) var(--spacing-1);
+    }
+  }
+}
+
+._selectWithLabel_17t84_1129 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  margin-left: var(--spacing-2);
+
+  & > label {
+    font-size: var(--text-sm);
+  }
+
+  ._selectTrigger_17t84_340 {
+    border: 1px solid var(--baseBorder);
+  }
+}
+
+._toolbarTitleMode_17t84_1144 {
+  font-size: var(--text-sm);
+  margin-left: var(--spacing-2);
+}
+
+._imageControlWrapperResizing_17t84_1149 {
+  touch-action: none;
+}
+
+._imageResizer_17t84_1153 {
+  display: block;
+  width: 7px;
+  height: 7px;
+  position: absolute;
+  background-color: var(--accentText);
+  border: 1px solid var(--baseBg);
+}
+
+._imageResizer_17t84_1153._imageResizerN_17t84_1162 {
+  top: -6px;
+  left: 48%;
+  cursor: n-resize;
+}
+
+._imageResizer_17t84_1153._imageResizerNe_17t84_1168 {
+  top: -6px;
+  right: -6px;
+  cursor: ne-resize;
+}
+
+._imageResizer_17t84_1153._imageResizerE_17t84_1174 {
+  bottom: 48%;
+  right: -6px;
+  cursor: e-resize;
+}
+
+._imageResizer_17t84_1153._imageResizerSe_17t84_1180 {
+  bottom: -2px;
+  right: -6px;
+  cursor: nwse-resize;
+}
+
+._imageResizer_17t84_1153._imageResizerS_17t84_1180 {
+  bottom: -2px;
+  left: 48%;
+  cursor: s-resize;
+}
+
+._imageResizer_17t84_1153._imageResizerSw_17t84_1192 {
+  bottom: -2px;
+  left: -6px;
+  cursor: sw-resize;
+}
+
+._imageResizer_17t84_1153._imageResizerW_17t84_1198 {
+  bottom: 48%;
+  left: -6px;
+  cursor: w-resize;
+}
+
+._imageResizer_17t84_1153._imageResizerNw_17t84_1204 {
+  top: -6px;
+  left: -6px;
+  cursor: nw-resize;
+}
+
+._imagePlaceholder_17t84_1210 {
+  border: 2px dashed;
+  padding: 48px;
+  margin: 12px;
+  width: fit-content;
+  height: fit-content;
+}
+
+._imageDimensionsContainer_17t84_1218 {
+  display: flex;
+  gap: var(--spacing-4);
+}
+
+._placeholder_17t84_1223 {
+  color: var(--baseSolid);
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  padding: var(--spacing-3);
+  text-overflow: ellipsis;
+  user-select: none;
+  white-space: nowrap;
+  display: inline-block;
+  pointer-events: none;
+}
+
+._rootContentEditableWrapper_17t84_1236 {
+  position: relative;
+}
+
+._downshiftContainer_17t84_1240 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+._downshiftInputWrapper_17t84_1246 {
+  display: flex;
+  align-items: center;
+  background-color: var(--baseBase);
+
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+
+  &[data-visible-dropdown='true'] {
+    border-bottom-left-radius: var(--radius-none);
+    border-bottom-right-radius: var(--radius-none);
+    border-bottom-width: 0;
+  }
+
+  & > button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    margin-right: var(--spacing-1);
+    border-radius: 8px;
+    color: var(--baseText);
+    cursor: pointer;
+
+    @media (hover: hover) {
+      &:hover {
+        background-color: var(--baseBgHover);
+        color: var(--baseTextContrast);
+      }
+    }
+  }
+}
+
+._downshiftInput_17t84_1246 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  width: 20rem;
+  padding: var(--spacing-2) var(--spacing-3);
+  font-size: var(--text-sm);
+
+  &::placeholder {
+    color: var(--baseBorder);
+  }
+}
+
+._downshiftAutocompleteContainer_17t84_1292 {
+  position: relative;
+
+  & ul {
+    all: unset;
+    box-sizing: border-box;
+    position: absolute;
+    font-size: var(--text-sm);
+    width: 100%;
+    display: none;
+    border-bottom-left-radius: var(--radius-medium);
+    border-bottom-right-radius: var(--radius-medium);
+    max-height: var(--spacing-48);
+    overflow-x: hidden;
+    overflow-y: auto;
+    border: 1px solid var(--baseBorder);
+    border-top-width: 0;
+    background-color: var(--baseBase);
+
+    &[data-visible='true'] {
+      display: block;
+    }
+
+    & li {
+      padding: var(--spacing-2) var(--spacing-3);
+      white-space: nowrap;
+      margin-bottom: var(--spacing-1);
+      overflow-x: hidden;
+      text-overflow: ellipsis;
+
+      &[data-selected='true'] {
+        background-color: var(--baseBgSubtle);
+      }
+
+      &[data-highlighted='true'] {
+        background-color: var(--baseBgHover);
+      }
+
+      &:last-of-type {
+        border-bottom-left-radius: var(--radius-medium);
+        border-bottom-right-radius: var(--radius-medium);
+      }
+    }
+  }
+}
+
+._textInput_17t84_1338 {
+  all: unset;
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBase);
+  padding: var(--spacing-2) var(--spacing-3);
+}
+
+form._multiFieldForm_17t84_1346 {
+  display: flex;
+  flex-direction: column;
+  padding: var(--spacing-2);
+  gap: var(--spacing-2);
+
+  ._formField_17t84_1352 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-2);
+
+    & label {
+      font-size: var(--text-xs);
+    }
+  }
+}
+
+._markdownParseError_17t84_1363 {
+  border-radius: var(--radius-base);
+  border: 1px solid var(--error-color);
+  padding: var(--spacing-2);
+  margin-block: var(--spacing-2);
+  color: var(--error-color);
+  font-size: var(--text-xs);
+}
+
+._popupContainer_17t84_1372 {
+  position: relative;
+  z-index: 2;
+}
+
+._inputSizer_17t84_1377 {
+  display: inline-grid;
+  vertical-align: baseline;
+  align-items: center;
+  position: relative;
+
+  &::after,
+  & input {
+    width: auto;
+    min-width: 1rem;
+    grid-area: 1 / 2;
+    font: inherit;
+    margin: 0;
+    padding: 0 2px;
+    resize: none;
+    background: none;
+    appearance: none;
+    border: none;
+    color: inherit;
+  }
+
+  span {
+    padding: 0.25em;
+  }
+
+  &::after {
+    content: attr(data-value);
+    white-space: pre-wrap;
+  }
+}
+:root, .light, .light-theme {
+  --blue-1: #fbfdff;
+  --blue-2: #f4faff;
+  --blue-3: #e6f4fe;
+  --blue-4: #d5efff;
+  --blue-5: #c2e5ff;
+  --blue-6: #acd8fc;
+  --blue-7: #8ec8f6;
+  --blue-8: #5eb1ef;
+  --blue-9: #0090ff;
+  --blue-10: #0588f0;
+  --blue-11: #0d74ce;
+  --blue-12: #113264;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --blue-1: color(display-p3 0.986 0.992 0.999);
+      --blue-2: color(display-p3 0.96 0.979 0.998);
+      --blue-3: color(display-p3 0.912 0.956 0.991);
+      --blue-4: color(display-p3 0.853 0.932 1);
+      --blue-5: color(display-p3 0.788 0.894 0.998);
+      --blue-6: color(display-p3 0.709 0.843 0.976);
+      --blue-7: color(display-p3 0.606 0.777 0.947);
+      --blue-8: color(display-p3 0.451 0.688 0.917);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.234 0.523 0.912);
+      --blue-11: color(display-p3 0.15 0.44 0.84);
+      --blue-12: color(display-p3 0.102 0.193 0.379);
+    }
+  }
+}
+
+.dark, .dark-theme {
+  --blue-1: #0d1520;
+  --blue-2: #111927;
+  --blue-3: #0d2847;
+  --blue-4: #003362;
+  --blue-5: #004074;
+  --blue-6: #104d87;
+  --blue-7: #205d9e;
+  --blue-8: #2870bd;
+  --blue-9: #0090ff;
+  --blue-10: #3b9eff;
+  --blue-11: #70b8ff;
+  --blue-12: #c2e6ff;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --blue-1: color(display-p3 0.057 0.081 0.122);
+      --blue-2: color(display-p3 0.072 0.098 0.147);
+      --blue-3: color(display-p3 0.078 0.154 0.27);
+      --blue-4: color(display-p3 0.033 0.197 0.37);
+      --blue-5: color(display-p3 0.08 0.245 0.441);
+      --blue-6: color(display-p3 0.14 0.298 0.511);
+      --blue-7: color(display-p3 0.195 0.361 0.6);
+      --blue-8: color(display-p3 0.239 0.434 0.72);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.344 0.612 0.973);
+      --blue-11: color(display-p3 0.49 0.72 1);
+      --blue-12: color(display-p3 0.788 0.898 0.99);
+    }
+  }
+}
+
+:root, .light, .light-theme {
+  --slate-1: #fcfcfd;
+  --slate-2: #f9f9fb;
+  --slate-3: #f0f0f3;
+  --slate-4: #e8e8ec;
+  --slate-5: #e0e1e6;
+  --slate-6: #d9d9e0;
+  --slate-7: #cdced6;
+  --slate-8: #b9bbc6;
+  --slate-9: #8b8d98;
+  --slate-10: #80838d;
+  --slate-11: #60646c;
+  --slate-12: #1c2024;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --slate-1: color(display-p3 0.988 0.988 0.992);
+      --slate-2: color(display-p3 0.976 0.976 0.984);
+      --slate-3: color(display-p3 0.94 0.941 0.953);
+      --slate-4: color(display-p3 0.908 0.909 0.925);
+      --slate-5: color(display-p3 0.88 0.881 0.901);
+      --slate-6: color(display-p3 0.85 0.852 0.876);
+      --slate-7: color(display-p3 0.805 0.808 0.838);
+      --slate-8: color(display-p3 0.727 0.733 0.773);
+      --slate-9: color(display-p3 0.547 0.553 0.592);
+      --slate-10: color(display-p3 0.503 0.512 0.549);
+      --slate-11: color(display-p3 0.379 0.392 0.421);
+      --slate-12: color(display-p3 0.113 0.125 0.14);
+    }
+  }
+}
+
+.dark, .dark-theme {
+  --slate-1: #111113;
+  --slate-2: #18191b;
+  --slate-3: #212225;
+  --slate-4: #272a2d;
+  --slate-5: #2e3135;
+  --slate-6: #363a3f;
+  --slate-7: #43484e;
+  --slate-8: #5a6169;
+  --slate-9: #696e77;
+  --slate-10: #777b84;
+  --slate-11: #b0b4ba;
+  --slate-12: #edeef0;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --slate-1: color(display-p3 0.067 0.067 0.074);
+      --slate-2: color(display-p3 0.095 0.098 0.105);
+      --slate-3: color(display-p3 0.13 0.135 0.145);
+      --slate-4: color(display-p3 0.156 0.163 0.176);
+      --slate-5: color(display-p3 0.183 0.191 0.206);
+      --slate-6: color(display-p3 0.215 0.226 0.244);
+      --slate-7: color(display-p3 0.265 0.28 0.302);
+      --slate-8: color(display-p3 0.357 0.381 0.409);
+      --slate-9: color(display-p3 0.415 0.431 0.463);
+      --slate-10: color(display-p3 0.469 0.483 0.514);
+      --slate-11: color(display-p3 0.692 0.704 0.728);
+      --slate-12: color(display-p3 0.93 0.933 0.94);
+    }
+  }
+}
+
+:root, .light, .light-theme {
+  --grass-1: #fbfefb;
+  --grass-2: #f5fbf5;
+  --grass-3: #e9f6e9;
+  --grass-4: #daf1db;
+  --grass-5: #c9e8ca;
+  --grass-6: #b2ddb5;
+  --grass-7: #94ce9a;
+  --grass-8: #65ba74;
+  --grass-9: #46a758;
+  --grass-10: #3e9b4f;
+  --grass-11: #2a7e3b;
+  --grass-12: #203c25;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --grass-1: color(display-p3 0.986 0.996 0.985);
+      --grass-2: color(display-p3 0.966 0.983 0.964);
+      --grass-3: color(display-p3 0.923 0.965 0.917);
+      --grass-4: color(display-p3 0.872 0.94 0.865);
+      --grass-5: color(display-p3 0.811 0.908 0.802);
+      --grass-6: color(display-p3 0.733 0.864 0.724);
+      --grass-7: color(display-p3 0.628 0.803 0.622);
+      --grass-8: color(display-p3 0.477 0.72 0.482);
+      --grass-9: color(display-p3 0.38 0.647 0.378);
+      --grass-10: color(display-p3 0.344 0.598 0.342);
+      --grass-11: color(display-p3 0.263 0.488 0.261);
+      --grass-12: color(display-p3 0.151 0.233 0.153);
+    }
+  }
+}
+
+:root, .light, .light-theme {
+  --cyan-1: #fafdfe;
+  --cyan-2: #f2fafb;
+  --cyan-3: #def7f9;
+  --cyan-4: #caf1f6;
+  --cyan-5: #b5e9f0;
+  --cyan-6: #9ddde7;
+  --cyan-7: #7dcedc;
+  --cyan-8: #3db9cf;
+  --cyan-9: #00a2c7;
+  --cyan-10: #0797b9;
+  --cyan-11: #107d98;
+  --cyan-12: #0d3c48;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --cyan-1: color(display-p3 0.982 0.992 0.996);
+      --cyan-2: color(display-p3 0.955 0.981 0.984);
+      --cyan-3: color(display-p3 0.888 0.965 0.975);
+      --cyan-4: color(display-p3 0.821 0.941 0.959);
+      --cyan-5: color(display-p3 0.751 0.907 0.935);
+      --cyan-6: color(display-p3 0.671 0.862 0.9);
+      --cyan-7: color(display-p3 0.564 0.8 0.854);
+      --cyan-8: color(display-p3 0.388 0.715 0.798);
+      --cyan-9: color(display-p3 0.282 0.627 0.765);
+      --cyan-10: color(display-p3 0.264 0.583 0.71);
+      --cyan-11: color(display-p3 0.08 0.48 0.63);
+      --cyan-12: color(display-p3 0.108 0.232 0.277);
+    }
+  }
+}
+
+:root, .light, .light-theme {
+  --amber-1: #fefdfb;
+  --amber-2: #fefbe9;
+  --amber-3: #fff7c2;
+  --amber-4: #ffee9c;
+  --amber-5: #fbe577;
+  --amber-6: #f3d673;
+  --amber-7: #e9c162;
+  --amber-8: #e2a336;
+  --amber-9: #ffc53d;
+  --amber-10: #ffba18;
+  --amber-11: #ab6400;
+  --amber-12: #4f3422;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --amber-1: color(display-p3 0.995 0.992 0.985);
+      --amber-2: color(display-p3 0.994 0.986 0.921);
+      --amber-3: color(display-p3 0.994 0.969 0.782);
+      --amber-4: color(display-p3 0.989 0.937 0.65);
+      --amber-5: color(display-p3 0.97 0.902 0.527);
+      --amber-6: color(display-p3 0.936 0.844 0.506);
+      --amber-7: color(display-p3 0.89 0.762 0.443);
+      --amber-8: color(display-p3 0.85 0.65 0.3);
+      --amber-9: color(display-p3 1 0.77 0.26);
+      --amber-10: color(display-p3 0.959 0.741 0.274);
+      --amber-11: color(display-p3 0.64 0.4 0);
+      --amber-12: color(display-p3 0.294 0.208 0.145);
+    }
+  }
+}
+
+:root, .light, .light-theme {
+  --red-1: #fffcfc;
+  --red-2: #fff7f7;
+  --red-3: #feebec;
+  --red-4: #ffdbdc;
+  --red-5: #ffcdce;
+  --red-6: #fdbdbe;
+  --red-7: #f4a9aa;
+  --red-8: #eb8e90;
+  --red-9: #e5484d;
+  --red-10: #dc3e42;
+  --red-11: #ce2c31;
+  --red-12: #641723;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --red-1: color(display-p3 0.998 0.989 0.988);
+      --red-2: color(display-p3 0.995 0.971 0.971);
+      --red-3: color(display-p3 0.985 0.925 0.925);
+      --red-4: color(display-p3 0.999 0.866 0.866);
+      --red-5: color(display-p3 0.984 0.812 0.811);
+      --red-6: color(display-p3 0.955 0.751 0.749);
+      --red-7: color(display-p3 0.915 0.675 0.672);
+      --red-8: color(display-p3 0.872 0.575 0.572);
+      --red-9: color(display-p3 0.83 0.329 0.324);
+      --red-10: color(display-p3 0.798 0.294 0.285);
+      --red-11: color(display-p3 0.744 0.234 0.222);
+      --red-12: color(display-p3 0.36 0.115 0.143);
+    }
+  }
+}
+
+.mdxeditor {
+  /** Code mirror */
+  & .cm-editor {
+    --sp-font-mono: var(--font-mono);
+    --sp-font-body: var(--font-body);
+    padding: var(--sp-space-4) 0;
+  }
+
+  & .sp-editor .cm-editor {
+    padding-bottom: 0;
+  }
+
+  & .cm-scroller {
+    padding: 0 !important;
+  }
+
+  & .cm-focused {
+    outline: none;
+  }
+
+  & .sp-wrapper {
+    overflow: hidden;
+  }
+
+  & .sp-layout {
+    border: none;
+  }
+
+  & .sp-cm {
+    & pre {
+      white-space: break-spaces;
+      word-break: break-word;
+      overflow-wrap: anywhere;
+      flex-shrink: 1;
+    }
+  }
+
+  /** Diff viewer */
+  & .cm-mergeView .cm-scroller {
+    font-family: var(--font-mono);
+    line-height: 1.3rem;
+    font-size: var(--text-xs);
+  }
+
+  /** Diff viewer */
+  & .cm-sourceView .cm-scroller {
+    font-family: var(--font-mono);
+    line-height: 1.3rem;
+    font-size: var(--text-xs);
+  }
+
+  & .cm-gutters {
+    background: transparent;
+    font-size: var(--text-xxs);
+  }
+
+  & .cm-activeLine {
+    background: transparent;
+  }
+
+  & .cm-tooltip-autocomplete {
+    background: var(--baseBgSubtle);
+  }
+
+
+  hr[data-lexical-decorator=true].selected {
+    outline: 2px solid highlight;
+  }
+}
+
+.mdx-editor-persistent,
+.mdx-editor-shell,
+.mdx-editor {
+  --mdx-editor-default-accent: #c56e0e;
+  --mdx-editor-default-accent-soft: rgb(197 110 14 / 0.1);
+  --mdx-editor-default-bg: rgb(255 255 255 / 0.78);
+  --mdx-editor-default-border: rgb(17 17 17 / 0.09);
+  --mdx-editor-default-code-bg: rgb(242 242 242);
+  --mdx-editor-default-hover: rgb(127 127 127 / 0.09);
+  --mdx-editor-default-muted: rgb(17 17 17 / 0.48);
+  --mdx-editor-default-selection: rgb(61 135 245 / 0.1);
+  --mdx-editor-default-table-stripe: rgb(127 127 127 / 0.035);
+  --mdx-editor-default-text: #111;
+  --mdx-editor-accent: var(--mdx-editor-default-accent);
+  --mdx-editor-accent-soft: var(--mdx-editor-default-accent-soft);
+  --mdx-editor-bg: var(--mdx-editor-default-bg);
+  --mdx-editor-border: var(--mdx-editor-default-border);
+  --mdx-editor-code-bg: var(--mdx-editor-default-code-bg);
+  --mdx-editor-font:
+    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    sans-serif;
+  --mdx-editor-font-size: 15px;
+  --mdx-editor-hover: var(--mdx-editor-default-hover);
+  --mdx-editor-line-height: 1.68;
+  --mdx-editor-mono-font: ui-monospace, SFMono-Regular, Menlo, monospace;
+  --mdx-editor-muted: var(--mdx-editor-default-muted);
+  --mdx-editor-padding: 16px;
+  --mdx-editor-radius: 28px;
+  --mdx-editor-selection: var(--mdx-editor-default-selection);
+  --mdx-editor-table-stripe: var(--mdx-editor-default-table-stripe);
+  --mdx-editor-text: var(--mdx-editor-default-text);
+  color: var(--mdx-editor-text);
+  font-family: var(--mdx-editor-font);
+}
+
+.mdx-editor-shell[data-color-scheme='dark'],
+.mdx-editor.dark-theme {
+  --mdx-editor-default-accent: #eb9a3d;
+  --mdx-editor-default-accent-soft: rgb(235 154 61 / 0.11);
+  --mdx-editor-default-bg: rgb(38 38 38 / 0.72);
+  --mdx-editor-default-border: rgb(230 230 230 / 0.1);
+  --mdx-editor-default-code-bg: rgb(39 39 39);
+  --mdx-editor-default-hover: rgb(127 127 127 / 0.14);
+  --mdx-editor-default-muted: rgb(230 230 230 / 0.48);
+  --mdx-editor-default-selection: rgb(61 135 245 / 0.14);
+  --mdx-editor-default-table-stripe: rgb(255 255 255 / 0.025);
+  --mdx-editor-default-text: rgb(230 230 230);
+}
+
+@media (prefers-color-scheme: dark) {
+  .mdx-editor-persistent {
+    --mdx-editor-default-accent: #eb9a3d;
+    --mdx-editor-default-accent-soft: rgb(235 154 61 / 0.11);
+    --mdx-editor-default-bg: rgb(38 38 38 / 0.72);
+    --mdx-editor-default-border: rgb(230 230 230 / 0.1);
+    --mdx-editor-default-code-bg: rgb(39 39 39);
+    --mdx-editor-default-hover: rgb(127 127 127 / 0.14);
+    --mdx-editor-default-muted: rgb(230 230 230 / 0.48);
+    --mdx-editor-default-selection: rgb(61 135 245 / 0.14);
+    --mdx-editor-default-table-stripe: rgb(255 255 255 / 0.025);
+    --mdx-editor-default-text: rgb(230 230 230);
+  }
+}
+
+.mdx-editor-shell {
+  width: 100%;
+}
+
+.mdx-editor {
+  --baseBase: var(--mdx-editor-bg);
+  --baseBgSubtle: var(--mdx-editor-code-bg);
+  --baseBg: color-mix(in srgb, var(--mdx-editor-bg) 88%, transparent);
+  --baseBgHover: var(--mdx-editor-hover);
+  --baseBgActive: var(--mdx-editor-selection);
+  --baseLine: var(--mdx-editor-border);
+  --baseBorder: var(--mdx-editor-border);
+  --baseBorderHover: color-mix(
+    in srgb,
+    var(--mdx-editor-accent) 45%,
+    var(--mdx-editor-border)
+  );
+  --baseText: var(--mdx-editor-muted);
+  --baseTextContrast: var(--mdx-editor-text);
+  --accentBg: var(--mdx-editor-accent-soft);
+  --accentBgHover: color-mix(
+    in srgb,
+    var(--mdx-editor-accent-soft) 80%,
+    var(--mdx-editor-hover)
+  );
+  --accentBgActive: color-mix(
+    in srgb,
+    var(--mdx-editor-accent-soft) 70%,
+    var(--mdx-editor-selection)
+  );
+  --accentBorder: color-mix(
+    in srgb,
+    var(--mdx-editor-accent) 32%,
+    transparent
+  );
+  --accentSolid: var(--mdx-editor-accent);
+  --accentSolidHover: var(--mdx-editor-accent);
+  --accentText: var(--mdx-editor-accent);
+  --accentTextContrast: var(--mdx-editor-text);
+  color: var(--mdx-editor-text);
+  font-family: var(--mdx-editor-font);
+  width: 100%;
+}
+
+.mdx-editor *,
+.mdx-editor-notice,
+.mdx-editor-notice * {
+  corner-shape: squircle;
+}
+
+.mdx-editor-content {
+  caret-color: var(--mdx-editor-accent);
+  color: var(--mdx-editor-text);
+  font-family: var(--mdx-editor-font);
+  outline: none;
+  overflow-wrap: anywhere;
+}
+
+.mdx-editor-card .mdx-editor-content {
+  background: var(--mdx-editor-bg);
+  border: 1px solid var(--mdx-editor-border);
+  border-radius: var(--mdx-editor-radius);
+  box-shadow:
+    0 1px 0 rgb(255 255 255 / 0.35) inset,
+    0 24px 70px -54px rgb(0 0 0 / 0.5);
+  margin: 0 auto;
+  max-width: 980px;
+  padding: var(--mdx-editor-padding);
+}
+
+.mdx-editor-plain .mdx-editor-content {
+  padding: var(--mdx-editor-padding);
+}
+
+.mdx-editor-embedded .mdx-editor-content {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  min-height: inherit;
+  padding: var(--mdx-editor-padding);
+}
+
+.mdx-editor-content:focus {
+  outline: none;
+}
+
+.mdx-editor-content > :first-child {
+  margin-top: 0;
+}
+
+.mdx-editor-content > :last-child {
+  margin-bottom: 0;
+}
+
+.mdx-editor-content h1,
+.mdx-editor-content h2,
+.mdx-editor-content h3 {
+  color: var(--mdx-editor-text);
+  letter-spacing: -0.01em;
+  text-wrap: balance;
+}
+
+.mdx-editor-document .mdx-editor-content h1 {
+  font-size: 32px;
+  line-height: 1.02;
+  margin: 0 0 20px;
+}
+
+.mdx-editor-document .mdx-editor-content h2 {
+  font-size: 24px;
+  line-height: 1.15;
+  margin: 26px 0 10px;
+}
+
+.mdx-editor-document .mdx-editor-content h3 {
+  font-size: 17px;
+  margin: 20px 0 8px;
+}
+
+.mdx-editor-compact .mdx-editor-content h1,
+.mdx-editor-compact .mdx-editor-content h2,
+.mdx-editor-compact .mdx-editor-content h3 {
+  font-size: 1em;
+  line-height: inherit;
+  margin: 0.7em 0 0.3em;
+}
+
+.mdx-editor-content p,
+.mdx-editor-content li {
+  font-size: var(--mdx-editor-font-size);
+  line-height: var(--mdx-editor-line-height);
+  text-wrap: pretty;
+}
+
+.mdx-editor-content p {
+  margin: 6px 0;
+}
+
+.mdx-editor-compact .mdx-editor-content p {
+  margin: 0;
+}
+
+.mdx-editor-content strong {
+  color: var(--mdx-editor-text);
+  font-weight: 720;
+}
+
+.mdx-editor-content ul,
+.mdx-editor-content ol {
+  margin: 6px 0;
+  padding-left: 24px;
+}
+
+.mdx-editor-compact .mdx-editor-content ul,
+.mdx-editor-compact .mdx-editor-content ol {
+  margin: 0.25em 0;
+  padding-left: 20px;
+}
+
+.mdx-editor-content li {
+  margin: 0;
+  padding-left: 2px;
+}
+
+.mdx-editor-content li + li {
+  margin-top: 5px;
+}
+
+.mdx-editor-compact .mdx-editor-content li + li {
+  margin-top: 2px;
+}
+
+.mdx-editor-content li[role='checkbox'] {
+  list-style: none;
+  padding-left: 24px;
+  position: relative;
+}
+
+.mdx-editor-content li[role='checkbox']::before {
+  border-radius: 8px;
+  corner-shape: squircle;
+  top: 3.5px;
+}
+
+.mdx-editor-content li[role='checkbox'][aria-checked='true']::after {
+  border-width: 0 1.5px 1.5px 0;
+  height: 8px;
+  left: 6px;
+  right: auto;
+  top: 6.5px;
+  width: 4px;
+}
+
+.mdx-editor-content li::marker {
+  color: var(--mdx-editor-accent);
+  font-weight: 700;
+}
+
+.mdx-editor-content a {
+  color: var(--mdx-editor-accent);
+  font-weight: 620;
+  text-decoration-color: color-mix(
+    in srgb,
+    var(--mdx-editor-accent) 35%,
+    transparent
+  );
+  text-decoration-thickness: 1px;
+  text-underline-offset: 3px;
+}
+
+.mdx-editor-content a:hover {
+  text-decoration-color: currentColor;
+}
+
+.mdx-editor [class*='linkDialogPopoverContent'] {
+  border-color: var(--mdx-editor-border);
+  border-radius: 12px;
+  corner-shape: squircle;
+  gap: 2px;
+  padding: 4px;
+}
+
+.mdx-editor-content code {
+  background: var(--mdx-editor-code-bg);
+  border-radius: 7px;
+  corner-shape: squircle;
+  font: 0.88em/1.4 var(--mdx-editor-mono-font);
+  padding: 2px 5px;
+}
+
+.mdx-editor-content code > span {
+  background: transparent;
+  padding: 0;
+}
+
+.mdx-editor-content pre {
+  background: var(--mdx-editor-code-bg);
+  border: 1px solid var(--mdx-editor-border);
+  border-radius: 17px;
+  corner-shape: squircle;
+  overflow: auto;
+  padding: 18px;
+}
+
+.mdx-editor-compact .mdx-editor-content pre {
+  border-radius: 10px;
+  padding: 10px;
+}
+
+.mdx-editor-content pre code {
+  background: transparent;
+  padding: 0;
+}
+
+.mdx-editor-content blockquote {
+  background: var(--mdx-editor-accent-soft);
+  border-left: 3px solid var(--mdx-editor-accent);
+  border-radius: 0 16px 16px 0;
+  color: var(--mdx-editor-text);
+  corner-shape: squircle;
+  margin: 22px 0;
+  padding: 10px 18px;
+}
+
+.mdx-editor-compact .mdx-editor-content blockquote {
+  margin: 0.5em 0;
+  padding: 5px 10px;
+}
+
+.mdx-editor-content hr {
+  border: 0;
+  border-top: 1px solid var(--mdx-editor-border);
+  margin: 12px 0;
+}
+
+.mdx-editor-content table {
+  border-collapse: separate;
+  border-spacing: 0;
+  font-size: 12px;
+  margin: 24px 0;
+  width: 100%;
+}
+
+.mdx-editor-content th,
+.mdx-editor-content td {
+  border-bottom: 1px solid var(--mdx-editor-border);
+  line-height: 1.45;
+  padding: 11px 12px;
+  text-align: left;
+  vertical-align: top;
+}
+
+.mdx-editor-content th {
+  background: var(--mdx-editor-code-bg);
+  color: var(--mdx-editor-text);
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  position: sticky;
+  text-transform: uppercase;
+  top: -27px;
+}
+
+.mdx-editor-content table [data-tool-cell] {
+  background: transparent;
+  border: 0;
+  font-size: inherit;
+  height: 32px;
+  letter-spacing: normal;
+  line-height: 1;
+  padding: 0;
+  position: static;
+  text-align: center;
+  text-transform: none;
+  vertical-align: middle;
+}
+
+.mdx-editor-content table colgroup > col:first-child,
+.mdx-editor-content table colgroup > col:last-child {
+  width: 26px;
+}
+
+.mdx-editor-content tr:nth-child(even) td {
+  background: var(--mdx-editor-table-stripe);
+}
+
+.mdx-editor-content input[type='checkbox'] {
+  accent-color: var(--mdx-editor-accent);
+  margin-right: 8px;
+}
+
+.mdx-editor .cm-sourceView {
+  background: var(--mdx-editor-bg);
+  border: 1px solid var(--mdx-editor-border);
+  border-radius: var(--mdx-editor-radius);
+  corner-shape: squircle;
+  min-height: min(70vh, 720px);
+  overflow: hidden;
+}
+
+.mdx-editor .cm-editor,
+.mdx-editor .cm-gutters {
+  background: transparent;
+  color: var(--mdx-editor-text);
+}
+
+.mdx-editor .cm-content {
+  caret-color: var(--mdx-editor-accent);
+  font: 13px/1.6 var(--mdx-editor-mono-font);
+  padding: 18px 8px;
+}
+
+.mdx-editor .cm-activeLine,
+.mdx-editor .cm-activeLineGutter {
+  background: var(--mdx-editor-selection);
+}
+
+.mdx-editor-persistent {
+  margin: 0 auto;
+  max-width: 980px;
+  width: 100%;
+}
+
+.mdx-editor-notice {
+  align-items: center;
+  background: color-mix(in srgb, var(--mdx-editor-bg) 88%, transparent);
+  border: 1px solid var(--mdx-editor-border);
+  border-radius: 16px;
+  color: var(--mdx-editor-text);
+  corner-shape: squircle;
+  display: flex;
+  font: 13px/1.4 var(--mdx-editor-font);
+  gap: 12px;
+  justify-content: space-between;
+  margin: 0 auto 10px;
+  max-width: 980px;
+  padding: 10px 12px;
+}
+
+.mdx-editor-notice[data-kind='conflict'] {
+  border-color: rgb(197 110 14 / 0.38);
+}
+
+.mdx-editor-notice[data-kind='error'] {
+  border-color: rgb(199 68 64 / 0.35);
+}
+
+.mdx-editor-notice > div {
+  display: flex;
+  gap: 6px;
+}
+
+.mdx-editor-notice button {
+  background: transparent;
+  border: 1px solid var(--mdx-editor-border);
+  border-radius: 11px;
+  color: var(--mdx-editor-text);
+  corner-shape: squircle;
+  cursor: pointer;
+  min-height: 30px;
+  padding: 0 10px;
+}
+
+.mdx-editor-notice button:hover {
+  background: var(--mdx-editor-hover);
+}
+
+@media (max-width: 780px) {
+  .mdx-editor-card .mdx-editor-content {
+    --mdx-editor-radius: 22px;
+  }
+
+  .mdx-editor-document .mdx-editor-content h2 {
+    font-size: 21px;
+  }
+
+  .mdx-editor-content table {
+    display: block;
+    overflow-x: auto;
+  }
+
+  .mdx-editor-notice {
+    align-items: stretch;
+    flex-direction: column;
+  }
+}