.chord-name.svelte-1ohk710{display:grid;grid-template:"a b" 1rem "a c" 1rem;align-items:center;justify-content:start}.a.svelte-1ohk710{grid-area:a;font-size:1.25rem}.b.svelte-1ohk710{grid-area:b}.c.svelte-1ohk710{grid-area:c}.column.svelte-1qlbo8p{display:flex;gap:.5rem;flex-direction:column;justify-content:middle;align-items:center;padding:0 .5rem;border-right:1px solid #eee;min-width:5rem}.dot.svelte-1jj1nku{--root: #f59e0b;--second: #fbbf24;--third: #fde68a;--fourth: #fffbeb;--fifth: #ede9fe;display:flex;padding:1rem;justify-content:center;align-items:center;border-radius:50%;border:1px solid transparent;width:1rem;height:1rem}.dot.active.svelte-1jj1nku{border-color:#000}.box.svelte-ykt1np{border-top:1px solid #eee;margin-top:.5rem;padding:.5rem 0}.bar.svelte-ykt1np{color:#222;align-self:start;font-size:.75rem}.container.svelte-zs754k{display:inline-flex;flex-direction:column;position:relative;gap:1rem;padding:1rem}select.svelte-zs754k{display:block;margin:1rem .75rem}.progression.svelte-zs754k{display:flex}h1.svelte-zs754k{font-size:1.25rem;margin:0}h2.svelte-zs754k{display:flex;font-size:.75rem;position:relative;margin:0;gap:8px;align-items:center;color:#555}h2.svelte-zs754k:after{content:"";display:block;flex-grow:1;height:1px;background:#eee}