:root{color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif}.container{text-align:center;width:100%;margin:0 auto;position:relative}.svgs{justify-content:center;align-items:center;column-gap:1rem;display:flex}svg{width:100%;height:auto;margin:0 auto;display:block}.controls{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;padding:.1rem;display:flex;position:absolute;top:-1rem;right:1rem}button{appearance:none;text-transform:uppercase;cursor:pointer;background:light-dark(#fce27c,#111);border:1px solid light-dark(#222,#e7cf6e);border-radius:4px;padding:8px 16px;font-family:inherit;font-size:14px;box-shadow:0 2px 4px #0000001a}button:hover,button:focus{scale:1.05}@media (width<=600px){button{padding:6px 12px;font-size:12px}}.block path{stroke:light-dark(#333,#eee)}.block-label{text-anchor:middle;fill:light-dark(#333,#eee);font-size:16px;font-weight:700}.link-label{text-anchor:middle;fill:light-dark(#333,#eee);font-family:monospace;font-size:9px}.link-block.active path,.active path{stroke:#fc0}.active text{fill:#fc0}@media screen and (orientation:portrait){.svgs{flex-wrap:wrap}}