@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.
 *
 * Exposed as a mixin instead of a bare `.yfm` ruleset so the caller can scope
 * it to AIKit's own renderer. `.yfm` is the shared root class of
 * @diplodoc/transform, so a global `.yfm { ... }` override would leak these
 * styles onto markdown that consumers render with their own transform setup
 * (e.g. `<strong>`/`<b>` would inherit AIKit's accent weight instead of the
 * transform default). Keeping the base `@import` above global is intentional —
 * those are the standard transform styles, identical for every consumer.
 */
.g-aikit-markdown-renderer {
  --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);
}
.g-aikit-markdown-renderer a {
  color: var(--g-color-text-link);
  text-decoration: none;
  border-radius: var(--g-focus-border-radius);
}
.g-aikit-markdown-renderer a:hover {
  color: var(--g-color-text-link-hover);
}
.g-aikit-markdown-renderer a:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-aikit-markdown-renderer b,
.g-aikit-markdown-renderer strong {
  font-weight: var(--g-text-accent-font-weight);
}
.g-aikit-markdown-renderer hr {
  background-color: var(--g-color-base-background);
}
.g-aikit-markdown-renderer blockquote {
  border-left-color: var(--g-color-base-brand);
}
.g-aikit-markdown-renderer code {
  background: var(--g-color-base-misc-light);
  color: var(--g-color-text-misc);
}
.g-aikit-markdown-renderer .yfm-note {
  background-color: var(--g-color-base-float);
  border-color: var(--g-color-line-generic);
}
.g-aikit-markdown-renderer .yfm-tab.active {
  border-bottom-color: var(--g-color-base-brand);
}
.g-aikit-markdown-renderer a.yfm-anchor {
  display: none;
}
.g-aikit-markdown-renderer {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  /* Scroll container injected by markdownTableWrapPlugin; text outside stays fixed */
}
.g-aikit-markdown-renderer__table-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}
.g-aikit-markdown-renderer {
  /*
   * Override @diplodoc/transform `.yfm table` (inline-block + max-width: 100%).
   * min-width: 100% — narrow tables fill the message; width: max-content — columns size to content.
   */
}
.g-aikit-markdown-renderer table {
  display: table;
  table-layout: auto;
  word-break: normal;
  width: max-content;
  min-width: 100%;
  max-width: none;
  overflow: visible;
}
.g-aikit-markdown-renderer table th {
  min-width: 0;
  word-break: break-word;
  white-space: nowrap;
  overflow-wrap: anywhere;
  overflow: visible;
}
.g-aikit-markdown-renderer table td {
  max-width: var(--g-aikit-markdown-renderer-table-cell-max-width);
  min-width: 0;
  word-break: break-word;
  white-space: normal;
  /* anywhere — wrap long tokens and shrink min-content width for max-content tables */
  overflow-wrap: anywhere;
  overflow: visible;
}
.g-aikit-markdown-renderer {
  /*
   * @diplodoc/transform sets `.yfm table code { white-space: nowrap }`, which makes
   * long identifiers in backticks overflow into the next column.
   */
}
.g-aikit-markdown-renderer table td code,
.g-aikit-markdown-renderer table th code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}