img.zoomable,figure.diagram-graphviz,figure.diagram-svg,figure.diagram-mermaid{cursor:zoom-in}:is(figure.diagram,figure.embed-frame,figure.diagram-mermaid,[data-viewer-code]){position:relative}:is(figure.diagram,figure.embed-frame,figure.diagram-mermaid,[data-viewer-code])>.viewer-expand{opacity:0;background:color-mix(in srgb, var(--light) 88%, transparent);border:1px solid var(--lightgray);transition:opacity .2s;position:absolute;top:.5rem;right:.5rem}:is(figure.diagram,figure.embed-frame,figure.diagram-mermaid,[data-viewer-code]):hover>.viewer-expand,:is(figure.diagram,figure.embed-frame,figure.diagram-mermaid,[data-viewer-code])>.viewer-expand:focus-visible{opacity:1}@media (hover:none){:is(figure.diagram,figure.embed-frame,figure.diagram-mermaid,[data-viewer-code])>.viewer-expand{opacity:1}}@media (width>=1056px){:is(figure.diagram,figure.embed-frame,figure.diagram-mermaid,[data-viewer-code])>.viewer-expand{top:0;right:-2.75rem}html :is(figure.diagram,figure.embed-frame,figure.diagram-mermaid,[data-viewer-code]){overflow:visible}}img.zoomable:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.viewer-button{width:2.25rem;height:2.25rem;color:var(--darkgray);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;text-decoration:none;transition:background .15s,color .15s;display:inline-grid}.viewer-button:hover{background:color-mix(in srgb, var(--lightgray) 70%, transparent);color:var(--dark)}.viewer-button:focus-visible{outline:2px solid var(--secondary);outline-offset:1px}.viewer-button[hidden]{display:none}@media (pointer:coarse){.viewer-button{width:2.75rem;height:2.75rem}}