/* docs/implementation/style.css */
@layer domstack.page {
  .mermaid {
    max-inline-size: 100%;
    overflow-x: auto;
    padding: 1rem;
    border: 1px solid var(--site-border);
    border-radius: 0.4rem;
    background: var(--background);
    box-shadow: none;
  }
  .mermaid > svg {
    display: block;
    max-inline-size: none;
    max-width: none;
    margin-inline: auto;
  }
  .mermaid .node :is(rect, polygon, circle, path),
  .mermaid .edgeLabel rect {
    fill: var(--background) !important;
    stroke: var(--site-muted) !important;
  }
  .mermaid .cluster rect {
    fill: color-mix(in srgb, var(--text) 3%, var(--background)) !important;
    stroke: var(--site-muted) !important;
  }
  .mermaid .flowchart-link {
    stroke: var(--text) !important;
  }
  .mermaid .marker {
    fill: var(--text) !important;
    stroke: var(--text) !important;
  }
  .mermaid text {
    fill: var(--text) !important;
  }
}
/*# sourceMappingURL=style-CNZUZUS3.css.map */