.chord-wrapper.svelte-15q8jyr{padding:.25rem .5rem;width:fit-content;background-color:#ffffff80;box-shadow:0 0 8px #00000040;transition:all ease-in-out;border-radius:6px}.chord-wrapper.svelte-15q8jyr h6:where(.svelte-15q8jyr){font-weight:700;font-size:1rem;text-align:center;margin-bottom:1rem;text-decoration:underline}.chord-head.svelte-15q8jyr,.chord-body.svelte-15q8jyr{width:fit-content}.chord-head.svelte-15q8jyr,.string.svelte-15q8jyr{display:flex;align-items:center;justify-content:start;width:fit-content}.chord.svelte-15q8jyr,.label.svelte-15q8jyr{width:20px;aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center}.chord-unplayable.svelte-15q8jyr{opacity:.25}.chord.chord-playable.svelte-15q8jyr{background-color:orange;color:#fff;font-weight:700;font-size:.8rem;font-family:Arial}.chord-stick.svelte-15q8jyr{display:flex;flex-direction:row;align-items:center;justify-content:start}.chord-stick.svelte-15q8jyr>div:first-child>div:where(.svelte-15q8jyr){width:20px;aspect-ratio:1;font-size:.75rem;vertical-align:center;display:flex;align-items:center;justify-content:center}.chord-wrapper.svelte-13korsy{margin:1rem;width:fit-content;background-color:#ffffff80;box-shadow:0 0 8px #00000040;transition:all ease-in-out;border-radius:6px}.chord-wrapper[data-active=true].svelte-13korsy{background-color:#9de1c2}.chord-wrapper.svelte-13korsy:hover{box-shadow:0 0 2px #00000080;background-color:#9de1c2;cursor:pointer}p#chords-preview.svelte-13t873v span:where(.svelte-13t873v){margin-right:.25rem}#beatable-chords.svelte-13t873v{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.chord-bpm-wrapper.svelte-13t873v{width:20px;margin:0 auto 1rem;border:2px solid black;border-radius:20px;padding:1px}.chord-bpm.beat.svelte-13t873v{background-color:#000;opacity:1;scale:1;transition:all ease-in-out;transition-duration:var(--var-transition-duration)}.chord-bpm.svelte-13t873v{width:20px;margin:0 auto;scale:.2;aspect-ratio:1/1;border-radius:100px;opacity:0;box-shadow:0 0 6px #0006}button.svelte-13t873v{display:flex;align-items:center;justify-content:center;margin:.5rem 0}button.svelte-13t873v>svg:where(.svelte-13t873v){width:12px;margin-right:.35rem}.chords-list.svelte-az43ns{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;max-width:860px;background-color:#0003}fieldset.svelte-az43ns{border:1px solid black;margin:.5rem .5rem .5rem 0;padding:.5rem;width:auto}#setting-fields.svelte-az43ns{display:flex;align-items:center;justify-content:start;flex-wrap:wrap}#reset-btn.svelte-az43ns{width:100%;padding:.25rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center}#reset-btn.svelte-az43ns:hover{cursor:pointer}#reset-btn.svelte-az43ns svg:where(.svelte-az43ns){width:12px;margin-right:.5rem;transition:all ease-in-out .5s}#reset-btn.svelte-az43ns:hover svg:where(.svelte-az43ns){transform:rotate(180deg)}