:root{--red:#c5004a;--darkred:#7f0036;--lightgray:#e0e0e0;--gray:#c0c0c0;--darkgray:#333;--navy:#17050f;--blue:#082840;--white:#fff;--widget-bg:lightblue;--font-size:23px}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:system-ui,sans-serif;font-size:var(--font-size);color:var(--darkgray);background-color:var(--white)}p:last-child{margin-bottom:0}.tmpl-activity li,img,p{max-width:37.5em}.tmpl-about,.tmpl-activity,.tmpl-tune{background-color:var(--lightgray)}.video{align-items:center;min-width:17vw}video{margin-top:.1em;margin-bottom:.1em;border:1px solid #000;border-radius:.25em;max-width:15vw;transform:rotateY(180deg);display:block}audio{margin-top:.1em;margin-bottom:.1em;border:1px solid #000;border-radius:.25em;display:block}.recorderbuttons{display:flex;justify-content:center}.hidden{display:none}.metronome input[type=checkbox],.task-list input[type=checkbox],[data-widget=videoSeekList] input[type=checkbox]{transform:scale(1.8);margin-right:1rem}.metronome input[type=checkbox]{margin-right:.3rem;margin-left:.3rem}.counter,.metronome{width:8rem;height:1.5rem;border:solid 1px #000;display:inline-flex;justify-content:space-between;align-items:center;font-weight:400;padding-top:0;padding-bottom:0;padding-left:.2rem;padding-right:.2rem}.counter{width:6rem}.counter span,.metronome span{color:var(--darkred);font-weight:700}.counter button,.metronome button,.timer button,.video button{background-color:var(--widget-bg);border-radius:.25rem}.seek-video{display:inline-block}.counter,.metronome,.random-note,.random-number,.seek-video,.timer,.timer button,.video *{border-radius:.25rem}.metronome label,.random-note,.random-number,.seek-video,.video button{font-size:calc(var(--font-size) - 3px)}.timer,.video{font-size:5vw;display:flex;flex-direction:column;border:solid .05em #000;position:fixed;right:.5em;top:.5em;padding:.13em;padding-bottom:.1rem;border-radius:.25em;font-family:Arial,helvetica,sans-serif;z-index:9999;line-height:.8}.video{top:3em}.has-timer div#mpt-videotime{top:3.1em}.timer div{display:flex;justify-content:space-around;width:100%}.timer :first-child{margin:0}.timer button,.video button{font-size:.4em;margin-left:.3em}.timer .time{font-size:.36em;color:var(--darkred);margin-top:.6em;font-weight:lighter}.timer .total{font-size:.4em;color:var(--darkgray);margin-top:.6em}.timer .elapsed{margin-top:0;margin-top:.2em;margin-left:auto;margin-right:auto}.timer .expired{color:var(--darkred)}.random-note span,.random-number span{font-weight:700;color:var(--darkred)}.widget{background-color:var(--widget-bg)}.tmpl-activity ul{padding-inline-start:.6rem}.tmpl-activity li,.tmpl-tune li,p{line-height:1.85}a[href]{color:var(--blue)}a[href]:visited{color:var(--navy)}main{padding:1rem}main :first-child{margin-top:0}header{border-bottom:1px dashed var(--lightgray)}header:after{content:'';display:table;clear:both}table{margin:1em 0}table td,table th{padding-right:1em}code,pre{font-family:Consolas,Menlo,Monaco,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L','Courier New',Courier,monospace;line-height:1.5}pre{font-size:14px;line-height:1.375;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;padding:1em;margin:.5em 0;background-color:#f6f6f6}.highlight-line{display:block;padding:.125em 1em;text-decoration:none;color:inherit}.highlight-line:empty:before{content:' '}.highlight-line+br{display:none}.highlight-line-isdir{color:#b0b0b0;background-color:#222}.highlight-line-active{background-color:#444;background-color:hsla(0,0%,27%,.8)}.highlight-line-add{background-color:#45844b}.highlight-line-remove{background-color:#902f2f}.logo{padding:.3rem .6rem;float:left}.logo img{width:2.5rem;height:2.5rem}.home{padding:0 1rem;font-size:1em}.nav{padding:0;list-style:none;float:left;margin-left:1em}.nav-item{display:inline-block;margin-right:1em}.nav-item a[href]:not(:hover){text-decoration:none}.nav-item-active{font-weight:700;text-decoration:underline}.itemlist{padding:0;padding-left:1em}.itemlist-item{counter-increment:start-from -1}.itemlist-date{word-spacing:-.5px}.itemlist-link{display:inline-block;padding:.25em .1875em}.itemlist-item-active .itemlist-link{font-weight:700}.itemlist-link{font-size:1.1875em;font-weight:400}.tag{display:inline-block;vertical-align:text-top;text-transform:uppercase;font-size:.625em;padding:2px 4px;margin-left:.8em;background-color:var(--red);color:var(--white);border-radius:.25em;text-decoration:none}a[href].tag,a[href].tag:visited{color:#fff}.warning{background-color:#ffc;padding:1em .625em}.warning ol:only-child{margin:0}.direct-link{font-family:sans-serif;text-decoration:none;font-style:normal;margin-left:.1em}a[href].direct-link,a[href].direct-link:visited{color:transparent}:hover>a[href].direct-link,:hover>a[href].direct-link:visited,a[href].direct-link:focus,a[href].direct-link:focus:visited{color:#aaa}.task-list li{list-style:none}.task-list ul{margin-top:2px}:root{--video-aspect:calc(56%)}.tmpl-tune .video-embed-wrapper{width:50%}.tmpl-activity .video-embed-wrapper{width:30%}.video-embed{width:100%;position:relative;height:0;padding-top:var(--video-aspect)}.video-embed embed,.video-embed iframe,.video-embed object{position:absolute;top:0;left:0;width:100%;height:100%}.video-title{font-weight:700}.abcjs-inline-audio{height:26px;padding:0 5px;border-radius:3px;background-color:#424242;display:flex;align-items:center;box-sizing:border-box}.abcjs-inline-audio .abcjs-btn{width:28px;height:26px;margin-right:2px;padding:3px 4px;background:0 0;border:1px solid transparent;box-sizing:border-box}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed{border:1px solid #ccc;background-color:#666;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed{border:1px solid #ccc;background-color:#1fa731;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed{border:1px solid #ccc;background-color:#666;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg{display:none}.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:inherit}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:#424242;height:10px;border-radius:5px;border:2px solid #ccc;margin:0 8px 0 15px;position:relative;flex:1;padding:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-progress-indicator{width:20px;margin-left:-10px;height:14px;background-color:#f4f4f4;position:absolute;display:inline-block;border-radius:6px;top:-4px;left:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-clock{margin-left:4px;margin-top:1px;margin-right:2px;display:inline-block;font-family:sans-serif;font-size:16px;box-sizing:border-box;color:#f4f4f4}.abcjs-inline-audio .abcjs-tempo-wrapper{font-size:10px;color:#f4f4f4;box-sizing:border-box;display:flex;align-items:center}.abcjs-inline-audio .abcjs-midi-tempo{border-radius:2px;border:none;margin:0 2px 0 4px;width:35px;padding-left:2px;box-sizing:border-box}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{outline:0;animation-name:abcjs-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{width:56px;height:52px;font-size:28px;padding:6px 8px}.abcjs-large .abcjs-midi-progress-background{height:20px;border:4px solid #ccc}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-right:10px;margin-left:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-container main{max-width:770px;margin:0 auto}.abcjs-container .feedback{height:600px;font-family:Arial,sans-serif}.abcjs-container .highlight{fill:red}.abcjs-container .abcjs-cursor{stroke:red}.abcjs-container .audio-error{color:red;border:2px solid red;padding:10px}.abcjs-container .click-explanation{color:red;font-style:italic}.abcjs-container .beat{font-weight:700}.abcjs-container .label{color:#888}.abc-src{font-size:smaller}.abc-src input[type=checkbox]{transform:scale(1.8)}.abcjs-container.fit-height svg{max-height:100vh}