@charset "UTF-8";
@import '@diplodoc/transform/dist/css/yfm.css';
/**
 * YFM theming.
 *
 * @diplodoc/transform ships a single (light) set of `--yfm-color-*` values.
 * Here we re-map them onto Gravity UI tokens (`--g-color-*`) so the markdown
 * content follows the active Gravity theme (`.g-root_theme_light` /
 * `.g-root_theme_dark`) automatically — no dedicated dark-theme block needed.
 */
.yfm {
  --yfm-color-base: var(--g-color-base-background);
  --yfm-color-text: var(--g-color-text-primary);
  --yfm-color-link: var(--g-color-text-link);
  --yfm-color-link-hover: var(--g-color-text-link-hover);
  --yfm-color-border: var(--g-color-line-generic);
  --yfm-color-accent: var(--g-color-base-brand);
  --yfm-color-inline-code: var(--g-color-text-misc);
  --yfm-color-inline-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-background: var(--g-color-base-misc-light);
  --yfm-color-code-hovered-background: var(--g-color-base-misc-light-hover);
  --yfm-color-hljs-background: var(--g-color-base-generic);
  --yfm-color-hljs-subst: var(--g-color-text-primary);
  --yfm-color-hljs-comment: var(--g-color-text-hint);
  --yfm-color-hljs-section: var(--g-color-text-info-heavy);
  --yfm-color-hljs-deletion: var(--g-color-text-positive);
  --yfm-color-hljs-addition: var(--g-color-text-positive);
  --yfm-color-hljs-literal: var(--g-color-text-warning);
  --yfm-color-hljs-pseudo: var(--g-color-text-utility);
  --yfm-color-hljs-meta: var(--g-color-text-info);
  --yfm-color-hljs-meta-string: var(--g-color-text-positive);
  --yfm-color-note-tip: var(--g-color-text-positive);
  --yfm-color-note-tip-background: var(--g-color-base-positive-light);
  --yfm-color-note-info: var(--g-color-text-info);
  --yfm-color-note-info-background: var(--g-color-base-info-light);
  --yfm-color-note-warning: var(--g-color-text-warning);
  --yfm-color-note-warning-background: var(--g-color-base-warning-light);
  --yfm-color-note-important: var(--g-color-text-danger);
  --yfm-color-note-important-background: var(--g-color-base-danger-light);
  --yfm-color-table: var(--g-color-text-primary);
  --yfm-color-table-border: var(--g-color-line-generic);
  --yfm-color-table-background: var(--g-color-base-background);
  --yfm-color-table-row-background: var(--g-color-base-generic);
  color: var(--g-color-text-primary);
}
.yfm a {
  color: var(--g-color-text-link);
  text-decoration: none;
  border-radius: var(--g-focus-border-radius);
}
.yfm a:hover {
  color: var(--g-color-text-link-hover);
}
.yfm a:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.yfm b,
.yfm strong {
  font-weight: var(--g-text-accent-font-weight);
}
.yfm hr {
  background-color: var(--g-color-base-background);
}
.yfm blockquote {
  border-left-color: var(--g-color-base-brand);
}
.yfm code {
  background: var(--g-color-base-misc-light);
  color: var(--g-color-text-misc);
}
.yfm .yfm-note {
  background-color: var(--g-color-base-float);
  border-color: var(--g-color-line-generic);
}
.yfm .yfm-tab.active {
  border-bottom-color: var(--g-color-base-brand);
}
.yfm a.yfm-anchor {
  display: none;
}

.g-aikit-markdown-renderer {
  max-width: 100%;
  overflow-x: auto;
  /* Tables inside message wrappers: reset inherited word-break; scroll on this root when wide */
}
.g-aikit-markdown-renderer table {
  table-layout: auto;
  word-break: normal;
  min-width: 100%;
  width: max-content;
}
.g-aikit-markdown-renderer th,
.g-aikit-markdown-renderer td {
  word-break: normal;
  white-space: nowrap;
}