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