.int-prefix.svelte-1ammhdy{font-size:.65em}section.keyed.svelte-rpz5ir{display:flex;flex-direction:row;width:100%;height:100%;max-width:96dvw;align-items:stretch;--disabled: #090909;margin-left:.15rem}.panel.svelte-rpz5ir{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center}svg.svelte-rpz5ir{touch-action:none;flex:1 1 auto;min-width:0;padding:.5rem 0;margin:0}svg.svelte-rpz5ir text:where(.svelte-rpz5ir){text-anchor:middle;dominant-baseline:middle;font-size:.85em;-webkit-user-select:none;user-select:none;pointer-events:none}svg.svelte-rpz5ir text.octave:where(.svelte-rpz5ir){font-size:.8em;fill:#aaa}svg.svelte-rpz5ir circle.chord-mark:where(.svelte-rpz5ir){pointer-events:none}svg.svelte-rpz5ir .preview-dim:where(.svelte-rpz5ir){opacity:.12}svg.svelte-rpz5ir rect:where(.svelte-rpz5ir){rx:.3em;stroke:#000;stroke-width:.15rem;cursor:pointer;transition:height ease .05}svg.svelte-rpz5ir .disabled:where(.svelte-rpz5ir) rect:where(.svelte-rpz5ir){cursor:default}svg.svelte-rpz5ir #whites:where(.svelte-rpz5ir) rect:where(.svelte-rpz5ir){fill:#fff}svg.svelte-rpz5ir #whites:where(.svelte-rpz5ir) rect.highlighted:where(.svelte-rpz5ir){fill:#bbb;height:90%}svg.svelte-rpz5ir #whites:where(.svelte-rpz5ir) rect.highlighted-faint:where(.svelte-rpz5ir){fill:#ddd}svg.svelte-rpz5ir #whites:where(.svelte-rpz5ir) text:where(.svelte-rpz5ir){fill:#000}svg.svelte-rpz5ir #whites:where(.svelte-rpz5ir) .disabled:where(.svelte-rpz5ir) rect:where(.svelte-rpz5ir){fill:var(--disabled)}svg.svelte-rpz5ir #blacks:where(.svelte-rpz5ir) rect:where(.svelte-rpz5ir){fill:url(#keyed-blacks-gradient)}svg.svelte-rpz5ir #blacks:where(.svelte-rpz5ir) rect.highlighted:where(.svelte-rpz5ir){filter:contrast(120%);height:55.5%}svg.svelte-rpz5ir #blacks:where(.svelte-rpz5ir) rect.highlighted-faint:where(.svelte-rpz5ir){filter:brightness(115%)}svg.svelte-rpz5ir #blacks:where(.svelte-rpz5ir) text:where(.svelte-rpz5ir){fill:#fff}svg.svelte-rpz5ir #blacks:where(.svelte-rpz5ir)>g.disabled:where(.svelte-rpz5ir){opacity:.3}svg.svelte-rpz5ir #blacks:where(.svelte-rpz5ir)>g.disabled:where(.svelte-rpz5ir) rect:where(.svelte-rpz5ir){fill:var(--disabled)}svg.svelte-rpz5ir #blacks:where(.svelte-rpz5ir)>g.preview-dim:where(.svelte-rpz5ir){opacity:.35}svg.svelte-rpz5ir #blacks:where(.svelte-rpz5ir)>g:where(.svelte-rpz5ir):not(.disabled){filter:drop-shadow(0 .35rem .1rem rgba(0,0,0,.3333333333))}svg.svelte-rpz5ir text.tonic:where(.svelte-rpz5ir){font-weight:600}main.svelte-719b69{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.panel.svelte-719b69{display:flex;flex:0 0 auto;right:0;flex-direction:column;justify-content:center;align-items:center;gap:1em}.panel.svelte-719b69>div:where(.svelte-719b69){display:flex;flex-direction:column;justify-content:center;align-items:center}.panel.svelte-719b69 .panel-number:where(.svelte-719b69){font-size:.8em}.panel.svelte-719b69 .disabled:where(.svelte-719b69){opacity:.5}.tuning-anchor.svelte-719b69{position:absolute;right:.5rem;bottom:-1em}.tuning-anchor.svelte-719b69 .tuning .select-frame{width:150px}.stringed-svg.svelte-719b69{touch-action:none;flex:1 1 auto;min-width:0;height:100%;padding-left:1.75em}line.svelte-719b69{stroke:#fff}#dots_face.svelte-719b69>circle:where(.svelte-719b69){fill:#222;r:.5em}#dots_side.svelte-719b69>circle:where(.svelte-719b69){fill:#999;r:.1em}#strings.svelte-719b69>circle:where(.svelte-719b69){fill:#fff;r:.1em}#notes.svelte-719b69 circle:where(.svelte-719b69){fill:url(#stringed-note-gradient);r:.5em;stroke-width:.05em;stroke:#0000;cursor:pointer;transition:stroke ease .1s,r ease 75ms}#notes.svelte-719b69 circle:where(.svelte-719b69):hover{stroke:#fff;fill:#000;r:.8em}#notes.svelte-719b69 circle:where(.svelte-719b69):hover+text:where(.svelte-719b69){font-size:1.05em}#notes.svelte-719b69 text:where(.svelte-719b69){transition:font-size ease .1s;fill:#fff;pointer-events:none;font-size:.8em}text.svelte-719b69{text-anchor:middle;dominant-baseline:middle;-webkit-user-select:none;user-select:none}text.tonic.svelte-719b69{font-weight:600}text.octave.svelte-719b69{pointer-events:none;fill:#bbb;font-size:.9rem}text.tune.svelte-719b69{fill:#777;cursor:pointer}text.tune.svelte-719b69:hover{fill:var(--theme-fg);font-weight:600}.panel.svelte-3x57tk{display:flex;flex-direction:row;align-items:center;gap:1rem}.radial-wrap.svelte-3x57tk{position:relative;height:13rem}.radial-wrap.svelte-3x57tk .around-buttons:where(.svelte-3x57tk){position:absolute;display:flex;justify-content:center;align-items:center;width:2em;height:2em;background:none;border-radius:100%;color:var(--theme-fg);font-weight:700;font-size:1.1rem;z-index:1;cursor:pointer;transform-origin:center}.radial-wrap.svelte-3x57tk .around-buttons:where(.svelte-3x57tk):hover{border:solid 1px #999;transform:scale(1.2)}.radial-wrap.svelte-3x57tk .around-buttons.quinted-button:where(.svelte-3x57tk){top:.5em;left:.5em}.radial-wrap.svelte-3x57tk .around-buttons.alter-button:where(.svelte-3x57tk){bottom:.5em;right:.5em}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk){touch-action:none;height:100%;cursor:grab}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk):active{cursor:grabbing}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk) .ring:where(.svelte-3x57tk){transform-origin:50px 50px}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk) .root-dot:where(.svelte-3x57tk){fill:#fff;mix-blend-mode:difference;pointer-events:none}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk) .mode-label:where(.svelte-3x57tk){font-size:.5rem;fill:#fff;fill-opacity:.85;pointer-events:none}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk) text:where(.svelte-3x57tk){text-anchor:middle;dominant-baseline:central;font-size:.7rem;-webkit-user-select:none;user-select:none}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk) text.tonic:where(.svelte-3x57tk){font-weight:700}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk) .note-button:where(.svelte-3x57tk){cursor:pointer}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk) .note-button:where(.svelte-3x57tk) circle:where(.svelte-3x57tk){vector-effect:non-scaling-stroke;transition:stroke ease .1s}.radial-wrap.svelte-3x57tk svg:where(.svelte-3x57tk) .note-button.highlighted:where(.svelte-3x57tk) circle:where(.svelte-3x57tk){stroke:#fff;stroke-width:.1rem;stroke-opacity:.9}.interval-control.svelte-3x57tk{transition:opacity .1s ease;opacity:.5}.interval-control.svelte-3x57tk:hover{opacity:1}main.svelte-uzj233{display:flex;flex-direction:column;margin-top:1rem;overflow-x:auto;overflow-y:hidden;max-width:100dvw}main.svelte-uzj233 table:where(.svelte-uzj233){margin:.5em;font-size:.85rem}main.svelte-uzj233 table:where(.svelte-uzj233) th:where(.svelte-uzj233){text-align:right;padding-right:1rem;color:#666;height:0;cursor:pointer}main.svelte-uzj233 table:where(.svelte-uzj233) th.degree:where(.svelte-uzj233){text-align:left;padding:.4rem .3rem .5rem;font-weight:400;color:#999}main.svelte-uzj233 table:where(.svelte-uzj233) th.type:where(.svelte-uzj233){padding-right:.5rem}main.svelte-uzj233 table:where(.svelte-uzj233) th:where(.svelte-uzj233),main.svelte-uzj233 table:where(.svelte-uzj233) td:where(.svelte-uzj233){transition:opacity .1s}main.svelte-uzj233 table:where(.svelte-uzj233) th.weak:where(.svelte-uzj233),main.svelte-uzj233 table:where(.svelte-uzj233) td.weak:where(.svelte-uzj233){opacity:.55}main.svelte-uzj233 table:where(.svelte-uzj233) th.strong:where(.svelte-uzj233),main.svelte-uzj233 table:where(.svelte-uzj233) td.strong:where(.svelte-uzj233){opacity:.25}main.svelte-uzj233 table:where(.svelte-uzj233) td:where(.svelte-uzj233){padding:0 .3rem;cursor:default}main.svelte-uzj233 table:where(.svelte-uzj233) td:where(.svelte-uzj233) .note:where(.svelte-uzj233){color:#999}main.svelte-uzj233 table:where(.svelte-uzj233) td.filled:where(.svelte-uzj233){cursor:pointer}main.svelte-uzj233 table:where(.svelte-uzj233) td.filled:where(.svelte-uzj233):hover{transform:scale(1.1);font-weight:500}main.svelte-uzj233 table:where(.svelte-uzj233) td.active:where(.svelte-uzj233){background:#333}main.svelte-iafj7n{display:flex;justify-content:flex-start;height:10rem}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n){display:flex;justify-content:flex-start;position:relative;width:9rem}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .sheet:where(.svelte-iafj7n){height:100%;width:100%}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .sig-glyph:where(.svelte-iafj7n){position:absolute;transform:translate(-50%)}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .sig-glyph.dim:where(.svelte-iafj7n){opacity:.35}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .clef:where(.svelte-iafj7n){position:absolute}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .clef.treble:where(.svelte-iafj7n){bottom:11.5%;height:72%}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .clef.bass:where(.svelte-iafj7n){top:30%;height:30%}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .note:where(.svelte-iafj7n){position:absolute;left:6.75rem;height:40%}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .note.dim:where(.svelte-iafj7n){opacity:.35}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .note.sib:where(.svelte-iafj7n){opacity:.4}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .alter:where(.svelte-iafj7n){position:absolute;left:65%;height:20%}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .alter.dim:where(.svelte-iafj7n){opacity:.35}main.svelte-iafj7n .sheet-wrap:where(.svelte-iafj7n) .alter.sib:where(.svelte-iafj7n){opacity:.3}.cm-anchor.svelte-3mtboq{position:fixed;width:0;height:0;pointer-events:none;z-index:-1}.module.svelte-2wbtlu{position:relative;z-index:1;transition:transform .12s ease;margin:1rem;background:#000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.module.stretch.svelte-2wbtlu{width:100%;display:flex;justify-content:center}.module.dragging.svelte-2wbtlu{z-index:20;transition:none;cursor:grabbing}.module.hidden.svelte-2wbtlu{transition:none;pointer-events:none;background:#0000;-webkit-backdrop-filter:none;backdrop-filter:none}.module.hidden.svelte-2wbtlu>.handle:where(.svelte-2wbtlu){pointer-events:auto}.handle.svelte-2wbtlu{position:absolute;top:.25em;right:.25em;z-index:5;display:flex;align-items:center;gap:.2em;padding:.2em .35em;background:#000;border:none;cursor:grab;height:1.25rem;-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;transition:opacity .12s ease,transform 50ms}.handle.svelte-2wbtlu:hover{background:#111;transform:scale(1.1)}.handle.with-label.svelte-2wbtlu{opacity:1;border:1px solid #555}.module.svelte-2wbtlu:hover .handle:where(.svelte-2wbtlu),.module.dragging.svelte-2wbtlu .handle:where(.svelte-2wbtlu){opacity:1}.dots.svelte-2wbtlu{display:flex;gap:2px;margin:0 .25rem}.dots.svelte-2wbtlu i:where(.svelte-2wbtlu){width:.25rem;height:.25rem;border-radius:50%;background:#888}.content.svelte-2wbtlu{width:100%;height:100%}.content.hidden.svelte-2wbtlu{visibility:hidden}.resize.svelte-2wbtlu{position:absolute;z-index:6;border:none;padding:0;opacity:0;transition:opacity .12s ease,transform .1s ease;touch-action:none;background:#0000}.resize.x-only.svelte-2wbtlu{top:50%;transform:translateY(-50%);left:-1.5rem;width:8px;height:5rem;cursor:ew-resize;border-left:2px #444 solid}.resize.y-only.svelte-2wbtlu{bottom:-1rem;width:10rem;height:8px;cursor:ns-resize;border-bottom:2px #444 solid}.resize.both.svelte-2wbtlu{left:-.25rem;bottom:-.25rem;width:14px;height:14px;cursor:grab;border-left:2px #444 solid;border-bottom:2px #444 solid}.resize.both.svelte-2wbtlu:hover{transform:scale(1.5)}.resize.svelte-2wbtlu:hover{opacity:1;border-color:#fff}.module.svelte-2wbtlu:hover .resize:where(.svelte-2wbtlu),.module.dragging.svelte-2wbtlu .resize:where(.svelte-2wbtlu){opacity:1}.label.svelte-2wbtlu{color:#888;font-weight:400;white-space:nowrap;margin:0 .2em}main.svelte-w91zfd{-webkit-user-select:none;user-select:none;background:var(--theme-bg);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;color:#fff;font-size:1.5em}