.chord-diagram.svelte-1cstno8{filter:drop-shadow(1px 2px 1px rgb(0 0 0 / .4));user-select:none}.chord-diagram-note.svelte-1cstno8{transition:cy .3s ease-in-out}.chord-diagram-fret-label.svelte-1cstno8{font:sans-serif}.chord-diagram-muted.svelte-1cstno8{font:sans-serif;font-weight:700;fill:#444}.fretting-control-up.svelte-5le3j{transform:rotate(-90deg)}.fretting-control-down.svelte-5le3j{transform:rotate(90deg)}.chord-panel-wrapper.svelte-marip5.svelte-marip5{position:relative;user-select:none}.chord-topper.svelte-marip5.svelte-marip5{width:90%;height:5px;opacity:.5;border-radius:.5em;background-color:var(--background-color)}.chord-and-fretting.svelte-marip5.svelte-marip5{display:grid;grid-template-columns:16px 1fr}.fretting-controls.svelte-marip5.svelte-marip5{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;position:relative;left:8px;z-index:1}.fretting-control.svelte-marip5.svelte-marip5{font-size:32px;line-height:0;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.7;transition:opacity .1s ease-in-out;background:none;border:none}.fretting-control.svelte-marip5.svelte-marip5:hover{opacity:1}.fretting-control-up.svelte-marip5.svelte-marip5{transform:rotate(-90deg)}.fretting-control-down.svelte-marip5.svelte-marip5{transform:rotate(90deg)}.fretting-control-counter.svelte-marip5.svelte-marip5{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;opacity:0;transition:opacity .1s ease-in-out;font:sans-serif;font-style:italic}.fretting-control-counter.visible.svelte-marip5.svelte-marip5{opacity:1}.fretting-control-counter.svelte-marip5 hr.svelte-marip5{width:90%;margin:.5em auto;border:none;height:1px;background-color:#aaa}.chord-panel-wrapper.svelte-marip5.svelte-marip5{display:flex;flex-direction:column;justify-content:center;align-items:center}.chord-panel.svelte-marip5.svelte-marip5{width:24vw;height:30vw;max-width:160px;max-height:200px;border-radius:.5em;z-index:-1}.chord-name.svelte-marip5.svelte-marip5{font-size:2em;font-weight:700;opacity:.8}.chord-role.svelte-marip5.svelte-marip5{font-size:.8em;font-weight:700;opacity:.5}.chord-panel-wrapper.svelte-14rzzpm{position:relative;user-select:none}.chord-topper.svelte-14rzzpm{width:90%;height:5px;opacity:.5;border-radius:.5em;background-color:var(--background-color)}.chord-and-fretting.svelte-14rzzpm{display:grid}.chord-panel-wrapper.svelte-14rzzpm{display:flex;flex-direction:column;justify-content:center;align-items:center}.chord-panel.svelte-14rzzpm{width:24vw;height:30vw;max-width:160px;max-height:200px;border-radius:.5em;z-index:-1}.chord-name.svelte-14rzzpm{font-size:2em;font-weight:700;opacity:.8}.chord-role.svelte-14rzzpm{font-size:.8em;font-weight:700;opacity:.5}.literal-suggestions.svelte-14rzzpm{margin-top:.25em;display:flex;gap:.35em;flex-wrap:wrap;justify-content:center}.suggestion-pill.svelte-14rzzpm{cursor:pointer;border:none;border-radius:999px;padding:.15em .5em;font-size:.75em;background-color:#0000001a;transition:transform .12s ease-in-out,background-color .12s ease-in-out}.suggestion-pill.svelte-14rzzpm:hover{transform:translateY(-1px);background-color:#0000002e}main.svelte-jj6bmc.svelte-jj6bmc{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 1em}.title-section.svelte-jj6bmc.svelte-jj6bmc{margin:2em auto;text-align:center}.title-section.svelte-jj6bmc h2.svelte-jj6bmc{font-style:italic;font-weight:400}.fretting-section.svelte-jj6bmc.svelte-jj6bmc{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap}.progression-section.svelte-jj6bmc.svelte-jj6bmc{margin-top:5vh;display:flex;justify-content:center;flex-direction:column}.progression-title.svelte-jj6bmc.svelte-jj6bmc{font-weight:700;margin:0 auto 1em;position:relative}.progression-section-chords.svelte-jj6bmc.svelte-jj6bmc{display:flex}.tonic-section.svelte-jj6bmc.svelte-jj6bmc{margin-top:2em;display:flex;justify-content:center;flex-direction:column;user-select:none}.tonic-title.svelte-jj6bmc.svelte-jj6bmc{font-weight:700;margin:0 auto 1em;position:relative}.tonic-button.svelte-jj6bmc.svelte-jj6bmc{display:inline-block;text-align:center;width:32px;height:32px;line-height:32px;cursor:pointer;font-weight:500;border-radius:50%;border:none;background-color:#ddd;margin:.25em}.tonic-section-tonics.svelte-jj6bmc.svelte-jj6bmc{display:flex;width:100%;flex-wrap:wrap}.tonic-button.svelte-jj6bmc.svelte-jj6bmc:hover{background-color:#aaa}.selected-tonic.svelte-jj6bmc.svelte-jj6bmc,.selected-tonic.svelte-jj6bmc.svelte-jj6bmc:hover{background-color:#9b5fe080}.control-section.svelte-jj6bmc.svelte-jj6bmc{margin:4em 0}.randomize-button.svelte-jj6bmc.svelte-jj6bmc{font-size:x-small;cursor:pointer;outline:none;border:none;border-radius:5em;padding:.5em 1em;background-color:#9b5fe080;position:absolute;top:-80%}.randomize-button.svelte-jj6bmc.svelte-jj6bmc:hover{transform:translateY(-1px)}.randomize-button.svelte-jj6bmc.svelte-jj6bmc:active{transform:translateY(2px)}.random-button.svelte-jj6bmc.svelte-jj6bmc{cursor:pointer;outline:none;border:none;border-radius:5em;padding:.5em 1.5em;background-color:#9b5fe080}.random-button.svelte-jj6bmc.svelte-jj6bmc:hover{transform:translateY(-1px)}.random-button.svelte-jj6bmc.svelte-jj6bmc:active{transform:translateY(2px)}