.note-group-label.svelte-aiwql1{font-variant:italic;margin-bottom:.2em;font-family:IBM Plex Serif;font-size:1rem;font-weight:600;display:block}.note-list.svelte-aiwql1{flex-wrap:wrap;gap:.25rem;margin-top:2rem;display:flex}.play-btn.svelte-aiwql1{min-width:3rem;position:relative;overflow:hidden}.play-btn.svelte-aiwql1 #progress-display:where(.svelte-aiwql1){width:0;height:var(--border-radius);opacity:.3;background-color:#222;position:absolute;bottom:0;left:0}.play-btn.svelte-aiwql1 .label:where(.svelte-aiwql1),.play-btn.svelte-aiwql1 .note-name:where(.svelte-aiwql1){position:relative}.label.svelte-aiwql1{font-family:IBM Plex Mono;font-size:.8em;font-style:normal;font-weight:400;display:block}.note-name.svelte-aiwql1{display:block}.note-name.svelte-aiwql1 svg{width:.7em;height:.9em;display:inline;transform:rotate(14deg)}.reference-pitch.svelte-aiwql1{font-size:.8rem}.container.svelte-1jqsi2b{flex-direction:column;justify-content:center;align-items:center;display:flex}.target-note.svelte-1jqsi2b{text-align:center;color:var(--heading-color);min-width:2.4em;min-height:1.8em;font-family:IBM Plex Serif;font-size:2rem;font-style:italic;font-weight:600;position:relative}.target-note.svelte-1jqsi2b .flat,.target-note.svelte-1jqsi2b .sharp{width:1em;height:.9em;position:absolute;top:.14em;right:0;transform:rotate(14deg)}.target-note.svelte-1jqsi2b .rest{width:1em;height:.8em;color:var(--secondary-color)}.container.svelte-1otpvy4{--bar-padding:3px;margin-bottom:2rem;position:relative}.screenReaderAnnouncer.svelte-1otpvy4{opacity:0;background-color:#0f0;width:100%;height:100%;position:absolute;top:0;left:0}.bar-container.svelte-1otpvy4{border-top:solid 1px var(--secondary-color);border-bottom:solid 1px var(--secondary-color);padding:var(--bar-padding);height:1.65rem;position:relative}.cent-bar.svelte-1otpvy4{background-color:var(--accent-color);width:0%;height:calc(100% - var(--bar-padding) * 2);position:absolute;left:50%}.flat.svelte-1otpvy4,.sharp.svelte-1otpvy4{height:100%;color:var(--text-color);padding:3px;position:absolute;top:0;transform:translate(-50%)}.flat.svelte-1otpvy4 svg,.sharp.svelte-1otpvy4 svg{width:1.4rem;height:100%;display:block}.flat.svelte-1otpvy4{left:0}.sharp.svelte-1otpvy4{left:100%}.center-marker.svelte-1otpvy4{background-color:var(--text-color);width:1px;height:160%;position:absolute;top:-30%;left:50%}.reference-pitch.svelte-1otpvy4{margin-top:1.25rem;font-size:.8rem}.tuner-container.svelte-1uha8ag{text-align:center;max-width:600px;margin:2rem auto}