/* Mermaid diagrams in Antora content */
.adt-mermaid,
div.mermaid {
  margin: 1.25rem 0 1.75rem;
  padding: 1rem 0.75rem;
  overflow-x: auto;
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: 0.5rem;
  background: color-mix(in srgb, currentColor 4%, transparent);

  --mermaid-primaryColor: color-mix(in srgb, currentColor 8%, transparent);
  --mermaid-primaryTextColor: currentColor;
  --mermaid-primaryBorderColor: color-mix(in srgb, currentColor 35%, transparent);
  --mermaid-lineColor: color-mix(in srgb, currentColor 45%, transparent);
  --mermaid-textColor: currentColor;
  --mermaid-mainBkg: color-mix(in srgb, currentColor 8%, transparent);
  --mermaid-nodeBorder: color-mix(in srgb, currentColor 35%, transparent);
  --mermaid-clusterBkg: color-mix(in srgb, currentColor 5%, transparent);
  --mermaid-clusterBorder: color-mix(in srgb, currentColor 30%, transparent);
  --mermaid-titleColor: currentColor;
  --mermaid-edgeLabelBackground: color-mix(in srgb, currentColor 4%, transparent);
}

.adt-mermaid svg,
div.mermaid svg {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}