.nodes.svelte-1i27sbl.svelte-1i27sbl{position:absolute;bottom:2.1em;right:60px}.nodes.svelte-1i27sbl span.svelte-1i27sbl{display:inline-block;width:4rem;text-align:center;font-size:1.4rem;font-weight:700}.what-checkbox.svelte-1i27sbl.svelte-1i27sbl{display:none}.what-label.svelte-1i27sbl.svelte-1i27sbl{position:absolute;top:5rem;right:1rem;display:block;height:24px;width:24px;color:transparent;font-size:1px;background:url(/what.png) no-repeat right center;background-size:contain;z-index:2;cursor:pointer}.what-content.svelte-1i27sbl.svelte-1i27sbl{position:absolute;top:4rem;right:0;max-height:0;width:100%;overflow:hidden;background-color:#fff;color:#03020d;transition:max-height .5s ease-in-out}.what-content.svelte-1i27sbl h2.svelte-1i27sbl,.what-content.svelte-1i27sbl p.svelte-1i27sbl{margin:1rem 2rem;max-width:800px}.what-checkbox.svelte-1i27sbl:checked~.what-content.svelte-1i27sbl{height:auto;max-height:350px;padding-bottom:1rem}.link.svelte-1i27sbl.svelte-1i27sbl{margin-bottom:2rem;color:#ff5416}header.svelte-zb5o3w{display:flex;grid-template-columns:100px 1fr 100px;align-items:center;justify-content:space-between;padding:.5rem 1rem;color:#03020d;background-color:#fff}.App.svelte-zb5o3w{height:calc(100vh - 4rem)}h1.svelte-zb5o3w{display:flex;align-items:center;justify-content:center;margin:0;font-size:1.6rem}h2.svelte-zb5o3w{font-size:.8em;display:flex;margin:0}.ably-logo.svelte-zb5o3w{margin-left:.5rem;height:3rem}.visualiser-logo.svelte-zb5o3w{height:3rem;margin-right:1rem}.button-container.svelte-zb5o3w{position:absolute;bottom:1rem;left:40%;z-index:1}.key.svelte-zb5o3w{position:absolute;bottom:0;right:0;margin:1rem;padding:0 0 2.6em;border-radius:3px;list-style:none;background-color:#fff3}.key-item.svelte-zb5o3w{display:flex;align-items:center;margin:1rem}.key-item.svelte-zb5o3w:before{content:"";display:inline-block;width:3rem;border:2px solid #ff5416;background-color:#ff5416;height:1.5rem;margin-right:1rem;border-radius:5px}.file.svelte-zb5o3w:before{border:2px solid #dbdbdc;background-color:#292831}footer.svelte-zb5o3w{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:flex-end}.github.svelte-zb5o3w{height:30px;margin-left:8px;background:url(/github.svg) no-repeat;background-size:30px;color:transparent}@media (max-width: 600px){header.svelte-zb5o3w{padding:.5rem}h1.svelte-zb5o3w{font-size:4vw;text-align:left}h2.svelte-zb5o3w{align-items:center}.ably-logo.svelte-zb5o3w{height:2.5rem}}