.content .mermaid{overflow-x:auto;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:8px;background:color-mix(in srgb,currentColor 4%,transparent);padding:1rem 1.25rem;margin:1.75rem 0;--frame-bg:#fff;--frame-shadow:rgba(0, 0, 0, 0.28);background-image:linear-gradient(to right,var(--frame-bg),rgba(255,255,255,0)),linear-gradient(to left,var(--frame-bg),rgba(255,255,255,0)),linear-gradient(to right,var(--frame-shadow),transparent),linear-gradient(to left,var(--frame-shadow),transparent);background-position:0,100%,0,100%;background-size:32px 100%,32px 100%,16px 100%,16px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}.dark .content .mermaid{--frame-bg:#111;--frame-shadow:rgba(190, 215, 255, 0.22)}.content .mermaid::-webkit-scrollbar{-webkit-appearance:none;height:9px}.content .mermaid::-webkit-scrollbar-track{background:0 0}.content .mermaid::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 28%,transparent);border-radius:5px}.content .mermaid::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,currentColor 45%,transparent)}@supports not selector(::-webkit-scrollbar){.content .mermaid{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,currentColor 35%,transparent)transparent}}.content .mermaid svg{width:200rem;display:block;margin-inline:auto}