#mermaid-container{contain:layout;z-index:var(--z-popover);background:color-mix(in srgb, var(--lightgray) 65%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;overflow:hidden}#mermaid-container.active{display:inline-block}#mermaid-container>#mermaid-space{border:1px solid var(--lightgray);background-color:var(--light);border-radius:var(--radius-none);width:80vw;height:80vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#mermaid-container>#mermaid-space>.mermaid-content{transform-origin:0 0;min-width:200px;min-height:200px;padding:2rem;transition:transform .1s;position:relative;overflow:visible}#mermaid-container>#mermaid-space>.mermaid-content pre{border:none;margin:0}#mermaid-container>#mermaid-space>.mermaid-content svg{max-width:none;height:auto}#mermaid-container>#mermaid-space>.mermaid-controls{background:var(--light);border:1px solid var(--lightgray);border-radius:var(--radius-none);z-index:2;gap:8px;padding:8px;display:flex;position:absolute;bottom:20px;right:20px}#mermaid-container>#mermaid-space>.mermaid-controls .mermaid-control-button{border:1px solid var(--lightgray);background:var(--light);width:32px;height:32px;color:var(--dark);border-radius:var(--radius-none);cursor:pointer;font-size:16px;font-family:var(--bodyFont);transition:all var(--transition-normal);justify-content:center;align-items:center;padding:0;display:flex}#mermaid-container>#mermaid-space>.mermaid-controls .mermaid-control-button:hover{background:var(--lightgray)}#mermaid-container>#mermaid-space>.mermaid-controls .mermaid-control-button:active{transform:translateY(1px)}#mermaid-container>#mermaid-space>.mermaid-controls .mermaid-control-button:nth-child(2){width:auto;padding:0 12px;font-size:14px}body:has(#mermaid-container.active) section[class~=header]{z-index:10}