header.svelte-7b9pd3{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-7b9pd3{height:calc(100vh - 4rem)}h1.svelte-7b9pd3{display:flex;align-items:center;justify-content:center;margin:0;font-size:1.6rem}h2.svelte-7b9pd3{font-size:.8em;display:flex;margin:0}.ably-logo.svelte-7b9pd3{margin-left:.5rem;height:3rem}.visualiser-logo.svelte-7b9pd3{height:3rem;margin-right:1rem}.button-container.svelte-7b9pd3{position:absolute;bottom:1rem;left:1rem;z-index:1}.key.svelte-7b9pd3{position:absolute;bottom:0;right:0;margin:1rem;padding:0;border-radius:3px;list-style:none;background-color:#fff3}.key-item.svelte-7b9pd3{display:flex;align-items:center;margin:1rem}.key-item.svelte-7b9pd3: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-7b9pd3:before{border:2px solid #dbdbdc;background-color:#292831}