@font-face{font-family:YoungSerif;font-display:auto;src:url(./YoungSerif-Regular-t0q7442f.woff2)format(woff2),url(./YoungSerif-Regular-ava6pnez.woff)format(woff);font-weight:400}@font-face{font-family:YoungSerif;font-display:auto;src:url(./YoungSerif-Bold-k9f8xtgw.woff2)format(woff2),url(./YoungSerif-Bold-25jezz3w.woff)format(woff);font-weight:700}:root{--green:#adc2a9;--green-light:#d3e4cd;--green-dark:#99a799;--blue:#daeaf1;--blue-dark:#638889;--purple:#d3cde4;--yellow:#fef5ed;--orange:#f5dad2;--grey-light:#eee;--link:#5c797a;--drawbend:var(--blue);--blowbend:var(--blue);--overdraw:var(--yellow);--overblow:var(--yellow);--chord:var(--grey-light);--chord-tonic:var(--blue);--chord-subdominant:var(--yellow);--chord-dominant:var(--orange);--table-header-bg:#333;--table-header-text:#fff;--table-index-bg:#666;--table-index-text:#fff;--table-note-bg:#fff;--table-note-text:#333;--table-border:#333;--table-alt-bg:#eee}*{box-sizing:border-box}html{font-family:YoungSerif,serif;font-size:18px}.container{width:100%;max-width:640px;margin:0 auto}header{margin-bottom:32px}footer{opacity:.7;margin-top:64px;font-size:.9rem}a{color:var(--link)}h1{color:var(--green-dark)}table{border-collapse:collapse;margin-bottom:64px}table col.widest{width:15%}table th{border:solid 1px var(--table-border);text-align:center;padding:6px 2px}table td{border:solid 1px var(--table-border);text-align:center;padding:6px 2px}table th{background-color:var(--green-light)}table tr.index td{color:var(--table-index-text);background:var(--table-index-bg)}table tr.note td{color:var(--table-note-text);background:var(--table-note-bg)}table tr.note td.drawbend{background:var(--drawbend)}table tr.note td.blowbend{background:var(--blowbend)}table tr.note td.overdraw{background:var(--overdraw)}table tr.note td.overblow{background:var(--overblow)}table tr.chord td{background:var(--chord);padding-top:2px;padding-bottom:2px;font-size:.9em}table tr.chord td[data-interval="0"]{background:var(--chord-tonic)}table tr.chord td[data-interval="9"]{background:var(--chord-tonic)}table tr.chord td[data-interval="2"]{background:var(--chord-subdominant)}table tr.chord td[data-interval="5"]{background:var(--chord-subdominant)}table tr.chord td[data-interval="7"]{background:var(--chord-dominant)}table tr.chord td[data-interval="10"]{background:var(--chord-dominant)}table tr.chord td[data-interval="11"]{background:var(--chord-dominant)}table .hide{background:0 0!important;border:0!important}table.harmonica{table-layout:fixed;width:100%}table.harmonica th:empty{background:0 0!important;border:0!important}table.harmonica td:empty{background:0 0!important;border:0!important}table.harmonica th{color:var(--table-header-text);background:var(--table-header-bg)}table#comparison thead th{position:sticky;z-index:10;top:0}table#comparison td{padding:4px 8px}table#comparison th{padding:4px 8px}table#comparison tr:nth-child(2n){background-color:var(--table-alt-bg)}form{margin-bottom:32px}form label{display:inline-flex;flex-direction:column;margin:0 8px 8px 0}form select{border:solid 1px var(--green-dark);background:var(--green-light);border-bottom-width:3px;border-radius:3px;padding:4px 8px;font-size:.9em}form select:hover{background:var(--green);cursor:pointer}button{border:solid 1px var(--green-dark);background:var(--green-light);border-bottom-width:3px;border-radius:3px;padding:4px 8px;font-size:.9em}button:hover{background:var(--green);cursor:pointer}dialog{padding:0 16px 16px}.highlight{background-color:var(--green-light);border-radius:3px;padding:0 4px;font-weight:700}.octave{font-size:.8em}@media screen and (max-width:600px){table{font-size:3.5vw}}