html{--main-bg:#fff;--text:#000;--cell-bg:#eee;--cell-border-top:1px solid var(--cell-bg);--cell-border-right:1px solid #aaa;--cell-border-left:1px solid var(--cell-bg);--cell-border-bottom:1px solid #aaa;--cell-inner-shadow:inset 0 0 20px #fff;--cell-hover-bg:#0071fb;--cell-hover-text:#ddd;--cell-played-bg:orange;--cell-played-hover-bg:#ff44af;--cell-played-text:#333;--cell-played-hover-text:#333;--piano-white-key-hover-bg:var(--cell-hover-bg);--piano-black-key-hover-bg:var(--cell-hover-bg);--piano-white-key-hover-text:var(--cell-hover-text);--piano-black-key-hover-text:var(--cell-hover-text);--diatonic-chord-selected-bg:#0071fb;--diatonic-chord-selected-text:#fff;--music-scale-chord-hover-bg:#add8e6;--music-scale-chord-border-color:#777;--music-scale-chord-on-border-color:#777;--music-group-bg:#eef4ff;--music-chord-voicing-name-border:1px solid #777;--voicings-bg:#add8e6;--voicing-name-border:1px solid #777;--minishape-hover-bg:#eef4ff;--minishape-cell-border-color:#777;--minishape-cell-on-bg:#afafaf;--minishape-cell-root-bg:#f0f0f0;--minishape-cell-root-on-bg:#afafaf;--minishape-cell-selected-border:#0071fb;--COLOR_OFF:inherit;--COLOR_RED:red;--COLOR_YELLOW:#ff0;--COLOR_GREEN:green;--COLOR_CYAN:#0ff;--COLOR_BLUE:#00f;--COLOR_MAGENTA:#f0f;--COLOR_BLACK:#000;--COLOR_WHITE:#fff;--COLOR_ORANGE:orange;--COLOR_LIME:#0f0;--COLOR_PINK:pink;--interval-0-bg:#ff0;--interval-1-bg:#f8d568;--interval-2-bg:orange;--interval-3-bg:#ff4500;--interval-4-bg:red;--interval-5-bg:#c71585;--interval-6-bg:violet;--interval-7-bg:#8a2be2;--interval-8-bg:#00f;--interval-9-bg:#0d98ba;--interval-10-bg:green;--interval-11-bg:#9acd32;--interval-0-text:#000;--interval-1-text:#000;--interval-2-text:#000;--interval-3-text:#000;--interval-4-text:#000;--interval-5-text:#fff;--interval-6-text:#000;--interval-7-text:#fff;--interval-8-text:#fff;--interval-9-text:#fff;--interval-10-text:#fff;--interval-11-text:#000}@media screen{html[data-theme=night]{--main-bg:#111;--text:#fff;--cell-bg:#333;--cell-border-top:1px solid var(--cell-bg);--cell-border-right:1px solid var(--cell-bg);--cell-border-left:1px solid var(--cell-bg);--cell-border-bottom:1px solid var(--cell-bg);--cell-inner-shadow:inset 0 0 20px #000;--cell-hover-bg:#ffffe0;--cell-played-bg:orange;--cell-played-hover-bg:#ff0;--cell-hover-text:#333;--cell-played-text:#333;--cell-played-hover-text:#333;--music-scale-chord-hover-bg:#ffffe0;--music-scale-chord-border-color:#777;--music-scale-chord-on-border-color:#777;--music-group-bg:#2a0079;--music-chord-voicing-name-border:1px solid #777;--voicings-bg:#2a0079;--voicing-name-border:1px solid #777;--minishape-hover-bg:#eef4ff;--minishape-cell-border-color:#777;--minishape-cell-on-bg:#afafaf;--minishape-cell-root-bg:#f0f0f0;--minishape-cell-root-on-bg:#afafaf;--COLOR_OFF:inherit;--COLOR_RED:red;--COLOR_YELLOW:#ff0;--COLOR_GREEN:green;--COLOR_CYAN:#0ff;--COLOR_BLUE:#00f;--COLOR_MAGENTA:#f0f;--COLOR_BLACK:#000;--COLOR_WHITE:#fff;--COLOR_ORANGE:orange;--COLOR_LIME:#0f0;--COLOR_PINK:pink}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}div.linn-color-0{background-color:#eee;color:#999}div.linn-color-1{background-color:red;color:#eee}div.linn-color-9{background-color:orange;color:#333}div.linn-color-2{background-color:#ff0}div.linn-color-3{background-color:#90ee90;color:#333}div.linn-color-4{background-color:#0ff}div.linn-color-5{background-color:#00f;color:#eee}div.linn-color-6{background-color:#f0f;color:#eee}div.linn-color-7{background-color:transparent}div.linn-color-8{background-color:#fff;color:#555}div.linn-color-10{background-color:#0f0}div.linn-color-11{background-color:pink;color:#777}.grid{width:608px}.grid.linn200{width:932px}.col-header,.row-header{font-size:.85rem;color:#999}.col-header,.row-header{align-self:center;justify-self:center}.cells{display:grid;grid-template-columns:repeat(17,1fr);justify-content:stretch;justify-items:stretch;grid-column-gap:4px;grid-row-gap:4px;grid-auto-rows:1fr}.cells:before{content:"";width:0;padding-bottom:100%}.cells:before,.cells>:first-child{grid-row:1/1;grid-column:1/1}.linn128 .cells{grid-template-columns:repeat(17,1fr)}.linn200 .cells{grid-template-columns:repeat(26,1fr)}.cell{background-color:var(--cell-bg);text-align:center;font-size:66%;color:#999;cursor:pointer;border-top:var(--cell-border-top);border-right:var(--cell-border-right);border-bottom:var(--cell-border-bottom);border-left:var(--cell-border-left);display:flex}.grid-cell-content{margin:auto}.midi-support-warning-fs{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#d08e5a;z-index:1000;opacity:.9;font-size:1.5rem;display:flex;justify-content:center;padding-top:80px}.midi-support-warning-fs h1{font-size:2rem;font-weight:700;margin-top:0}div.warning-message-fs{background-color:#fff;padding:20px 40px;line-height:2}div.warning-message a{font-weight:700}.midi-support-warning-top{background-color:#ff8125;padding:10px 20px;font-size:1.5rem}.midi-support-warning-top a{font-weight:700;text-decoration:none;color:#00f}.ports-row{display:flex}.formulas{display:grid;grid-template-columns:auto auto;grid-row-gap:6px;grid-column-gap:10px;justify-content:start;font-size:.85rem}.formulas a{text-decoration:none}.colors{margin-left:20px;display:flex;flex-direction:column}.color{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:3px;border:1px solid #333;padding:2px;cursor:pointer}.color div:first-child{margin-right:5px}.instructions{padding:0 0 20px;border-bottom:1px solid #ccc}.instructions h2{font-size:1rem;font-weight:700}main{margin:20px}.f{display:flex}.grow{flex-grow:1}.text-center{text-align:center}.center{align-items:center}.bottom{align-items:flex-end}.mt10{margin-top:10px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.bold{font-weight:700}button.transport{width:100px}div.formula{cursor:pointer;color:#00f}input.formula{width:780px;font-size:1.5rem;padding:5px 0;border:none;border-bottom:1px solid #aaa;outline:none}.header{display:flex;margin:0;border-bottom:1px solid #ccd;background-color:#fff;padding:10px 20px 20px}.header .doc{margin-right:20px}.about a{text-decoration:none}.footer{border-top:1px solid #aaa;margin:0 20px;padding:5px 0}.colors-selector input{width:200px}.selected-colors-names span{margin-left:5px}
/*# sourceMappingURL=main.d2baa99c.chunk.css.map */