body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:#fff;display:flex;flex-direction:column;font-size:.75rem;height:100%;justify-content:space-around;margin-left:calc(var(--sidebarTabOffset)*-1);overflow-x:hidden;overflow-y:hidden;position:fixed;width:var(--sidebarWidth)}.rightTab{cursor:pointer}.sidebarChevron{flex-shrink:1;right:25px}.ranges,.sidebarChevron{height:100%;position:fixed}.ranges{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-around;right:0;width:30px}.rangeItem{align-items:center;background:var(--peach);box-shadow:1px 2px 4px 0 #d3d3d3;display:flex;height:32%;justify-content:center;width:26px}.rangeLabel{transform:rotate(-90deg);white-space:nowrap}h1.box.heading{font-size:1.2rem}.byline{font-size:.9rem;margin:5px 0 0;text-align:center}.instructions{margin-bottom:10px}.close{align-items:center;display:flex;height:100%;justify-content:flex-end}.close svg{transform:scale(1.5)}p{margin:0 0 10px;padding:0}.box{background:#fff;border:1px solid #d3d3d3;box-shadow:1px 2px 4px 0 #d3d3d3;margin:8px 10px 0 5px;padding:10px}.box.controls:last-of-type{margin-bottom:8px}.box.heading{background:var(--peach);border-bottom:0;font-size:.9rem;margin-bottom:-10px;padding:10px;text-align:center}.menu,.menuWrapper{display:flex;flex-direction:column;flex-shrink:3;margin-bottom:0;margin-top:0;overflow-x:hidden;padding:0}.menuWrapper{overflow-y:hidden}.menu{overflow-y:scroll}.menu,.menuOption{touch-action:pan-y!important}.menuOption{background:#fff;cursor:pointer;font-size:.85rem;margin:0;padding:5px 5px 5px 0}.menuOption.selected,.menuOption.selected:hover{background:var(--buttonColor);color:#fff;font-weight:700}.menuOption:hover{background:#fff1d9}.optionText{display:flex}.optionText .time{text-align:right;width:30%}.optionText .title{margin-left:10px;width:70%}.arrow{background:#fff;cursor:pointer;outline:none;padding:0}.arrow,.arrow:hover{transition:background .5s}.arrow:hover{background:#fff1d9}.up.arrow{border-bottom:none;margin-bottom:0}.down.arrow{border-top:none;margin-top:0}.buttonBar{display:inline-flex;flex-direction:column}.selectOptions{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px}.selectOptions *{cursor:pointer}.selectOption{align-items:center;display:flex}.selectOptions .selectionDisabled{color:gray}.help{font-size:.9rem}.selectOptions label{margin-left:5px}@media screen and (max-width:767px){.box{margin-left:5px;padding-left:5px}.sidebar .titleBox{display:none}.box.heading{padding:4px}.selectOptions input{height:1.4rem;width:1.4rem}.selectOptions label{margin:5px 0 5px 5px}.button{margin-bottom:5px}.menuOption:hover{background:none}}@media screen and (max-width:767px) and (orientation:landscape){.heading{display:none}}.Button_default__T4n3\+{background:none;border:none;color:var(--buttonColor);font-weight:700;margin-top:10px;outline:none;padding:0;text-decoration:none}.Button_desktop__\+c9BG.Button_default__T4n3\+:hover{cursor:pointer}.Button_default__T4n3\+.Button_large__\+OfF-{font-size:1.3rem;padding:5px 2rem}.Button_button__iEiBG{background:#fff1d9;border:1px solid #ffbb62;border-radius:5px;box-shadow:1px 2px 3px 0 #d3d3d3;color:#333;font-size:.75rem;margin:0 0 7px;padding:5px;transition:background .2s}.Button_button__iEiBG:active{box-shadow:1px 1px 10px 5px #ffeebc}.Button_desktop__\+c9BG.Button_button__iEiBG:hover{background:var(--peach);transition:background .2s}.Button_desktop__\+c9BG.Button_link__xIHN0{text-shadow:none;transition:text-shadow .1s}.Button_desktop__\+c9BG.Button_link__xIHN0.Button_hover__JLp1l{text-shadow:0 0 1px #ae470c!important;transition:text-shadow .1s}.paneWrapper{display:flex;justify-content:center}.pane{display:flex;flex-wrap:wrap}.loading{align-items:center;display:flex;font-size:1rem;height:80vh;justify-content:center;position:fixed;width:100vw}.sensor{touch-action:none}.triggerContainer{display:none}.triggerContainer.visible{display:block}.trigger{align-items:center;cursor:url(/static/media/notes.ff58c502a3eb5a9bf07d.cur),pointer;display:flex;height:80px;justify-content:center;position:relative;width:80px}.isDisabled{cursor:url(/static/media/not-allowed.5f948700dfb86e39370e.cur),not-allowed}.sensor{background:transparent;height:80px;width:80px;z-index:30}.squareContainer{position:absolute;transform:rotate(0deg);transition:transform 3s ease-out}.squareHovered-enter-active{transform:rotate(90deg);transition:transform .3s ease-out}.square{border:1px solid #6a6a6a;height:80px;opacity:0;-webkit-user-select:none;user-select:none;width:80px;z-index:5}.squareDisplay-enter{opacity:0;transform:scale(.25);will-change:opacity,transform}.squareDisplay-enter-active{transition:all .3s ease-out}.squareDisplay-enter-active,.squareDisplay-enter-done,.squareDisplay-exit{opacity:.7;transform:scale(1)}.squareDisplay-exit{will-change:opacity,transform}.squareDisplay-exit-active{opacity:0;transform:scale(.25);transition:all .3s ease-out}@keyframes glow{0%{opacity:.7;transform:scale(1) rotate(0deg)!important}50%{opacity:1;transform:scale(1.2)}to{opacity:.7;transform:scale(1)}}.glow-enter-active{animation-duration:1.5s;animation-name:glow;animation-timing-function:ease-in-out;z-index:10}.disabledContainer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}5%{opacity:.4;transform:scale(.8)}50%{animation-timing-function:ease-in-out;opacity:.6;transform:scale(1)}95%{animation-timing-function:ease-in-out;opacity:.4;transform:scale(.8)}to{opacity:.4;transform:scale(.8)}}.disabled{background:#fff;box-shadow:0 0 20px 15px #fff;height:50%;opacity:0;width:50%}.disabled.pulse{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:pulse}@keyframes pulseFade{0%{opacity:.4;transform:scale(.8)}to{animation-timing-function:ease-out;opacity:0;transform:scale(.8)}}.disabled.pulseFade{animation-duration:.5s;animation-fill-mode:backwards;animation-name:pulseFade}@keyframes spinBorder{0%{opacity:0;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(2) rotate(180deg)}to{opacity:0;transform:scale(4) rotate(1turn)}}.secondaryWrapper{background:#000;height:80px;opacity:0;position:absolute;width:80px}.secondaryWrapper-enter-active{animation-duration:1s;animation-name:spinBorder;animation-timing-function:linear;z-index:20}@keyframes loop{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes loop1{0%{opacity:.7}to{animation-timing-function:ease-in;opacity:.7;transform:rotate(0deg)}}.looping-enter-active{transition:opacity .3s ease-in}.looping-enter-active,.looping-enter-done,.looping-exit{animation:loop 1s linear infinite;opacity:.7}.looping-exit-active{animation:loop 1s linear infinite;opacity:0;transition:opacity .3s ease-out}.looping-exit-done{opacity:0}.secondary{height:80px;opacity:1;position:absolute;transform:scale(.99);width:80px}.str .disabled.pulse,.str2 .disabled.pulse{animation-delay:50ms}.win .disabled.pulse{animation-delay:.1s}.bra .disabled.pulse{animation-delay:.15s}.per .disabled.pulse{animation-delay:.2s}.pia .disabled.pulse,.tuned .disabled.pulse,.vib .disabled.pulse{animation-delay:.25s}.voice{background:linear-gradient(120deg,#dbcaf2,#9c76bf)}.primaryStrings{background:linear-gradient(120deg,#f2dab3,#ed4c88)}.str{background:linear-gradient(120deg,#d68e76,#ae0a87)}.bas,.pizz{background:linear-gradient(120deg,#cc544e,#910408)}.primaryWinds{background:linear-gradient(120deg,#e4f8f8,#80bae8)}.win{background:linear-gradient(120deg,#a3abe0,#424bc1)}.old{background:linear-gradient(120deg,#fff6ce,#eec365)}.bra{background:linear-gradient(120deg,#fff6ce,#e2a213)}.per{background:linear-gradient(120deg,#fcc,#603006)}.drums,.effects{background:linear-gradient(120deg,#fff1d9,#d2a094)}.glass,.rhythm{background:linear-gradient(120deg,#fff6ce,#d66b42)}.primaryPlucked{background:linear-gradient(120deg,#fffff5,#9ac783)}.guitar,.plucked{background:linear-gradient(120deg,#a1e1a5,#3d6501)}.tuned{background:linear-gradient(120deg,#dfeaf2,#6b6660)}.pia{background:linear-gradient(120deg,#8d9499,#000)}@keyframes fadePoetryIn{0%{opacity:0}to{opacity:1}}.poetry,.text,.textHint{align-items:center;box-sizing:border-box;display:flex;font-size:12px;justify-content:center;opacity:0;padding:0 5px;position:absolute;text-align:center;-webkit-user-select:none;user-select:none;width:80px;z-index:25}.poetry .emphasized{background:none;color:#424bc1;font-size:13px;font-weight:700;text-shadow:-1px -1px 3px #fff,1px -1px 3px #fff,-1px 1px 3px #fff,1px 1px 3px #fff}.trigger.largeText .poetry,.trigger.largeText .poetry .emphasized,.trigger.largeText .text,.trigger.largeText .textHint{font-size:16px}.text-enter{opacity:1;will-change:transform}.text-enter-active{transform:translateY(-100vh);transition:transform 3s ease-in}.text-enter-done{position:absolute;top:-100vh}.poetry-enter{animation:fadePoetryIn .3s ease-in;animation-fill-mode:forwards;will-change:transform}.poetry-enter-active .lowerRow{transition:transform 10s ease-in}.poetry-enter-active .lowerRow,.poetry-enter-active .topRow{animation:fadePoetryIn .3s ease-in;animation-fill-mode:forwards;transform:translateY(-100vh)}.poetry-enter-active .topRow{transition:transform 18s ease-in}.poetry-enter-done{animation:fadePoetryIn .3s ease-in;animation-fill-mode:forwards;position:absolute;top:-100vh}.textHint,.textHintContainer{height:100%;position:absolute;top:0;width:100%}.textHintContainer{opacity:1}.textHintContainer-enter,.textHintContainer-enter-active,.textHintContainer-enter-done{animation:fadeTextOut .5s ease-in;animation-fill-mode:forwards}.textHintContainer-exit,.textHintContainer-exit-active{opacity:1}.textHintContainer-exit-done{animation:none;opacity:1}@keyframes fadeTextIn{0%{opacity:0}25%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes fadeTextOut{0%{opacity:1}to{opacity:0}}.textHint-enter{opacity:0}.textHint-enter,.textHint-enter-active,.textHint-enter-done,.textHint-exit,.textHint-exit-active{animation:fadeTextIn 1s ease-in;animation-fill-mode:forwards}.textHint-exit,.textHint-exit-active{animation-play-state:paused}.textHint-exit-done{animation:none;opacity:0}:root{--sidebarWidth:240px;--sidebarTabOffset:45px;--windowHeight:100vh;--buttonColor:#d8470c;--peach:#ffe0b0}@media screen and (max-width:767px){:root{--sidebarWidth:180px}}.Message_messageWrapper__beQqg{height:100%}.Message_messageContainer__kFGfR{background:#fff;cursor:pointer;height:100%;opacity:0;overflow:auto;position:fixed;transition:opacity 0ms ease-out;width:100%;z-index:50}.Message_animateEntry__cQniv .Message_messageContainer__kFGfR{transition:opacity .5s ease-out}.Message_message__VSP18{background:#fff;font-size:1.1rem;height:100%;margin-left:calc(var(--sidebarWidth) + var(--sidebarTabOffset));text-align:center}.Message_desktop__o6Qsl,.Message_message__VSP18{align-items:center;display:flex;flex-direction:column;width:100%}ul li.Message_desktop__o6Qsl{display:list-item}.Message_welcome__dPwpP{color:#3b3b3b;font-size:1.8rem;font-weight:700;margin:10px 0 20px;padding-top:10px}.Message_body__vzGhs{height:100%;width:40%}.Message_mobileMessage__itm10 p{margin:20px}ul{text-align:left}.Message_messageContainer-enter__ZAUAP{display:flex}.Message_messageContainer-enter-active__2l4i0{opacity:1;transition:opacity .5s ease-out}.Message_messageContainer-enter-done__GczBm{display:flex;opacity:1}.Message_messageContainer-exit__-UMFb{display:flex;opacity:1;transition:opacity .5s ease-out}.Message_messageContainer-exit-active__EMLC1{opacity:0;transition:opacity .5s ease-out}.Message_messageContainer-exit-done__3XdOb{display:none;opacity:0}.Message_intro__1A3PJ{width:clamp(40%,500px,80%)}.Message_heading__WQW2v{display:flex;justify-content:space-evenly;position:relative;width:100%}.Message_title__RGy\+J{color:#006400;font-size:1.8rem;font-weight:700;margin:15px 0;text-align:center}.Message_notes__8SkEk{font-size:2rem;position:absolute;top:30px}.Message_notes__8SkEk.Message_left__ZjIvJ{left:10%}.Message_notes__8SkEk.Message_right__yqt3u{right:10%}.Message_instructions__a73P6{text-align:left}ul{margin:5px 0 5px -10px}.Message_instructions__a73P6{align-items:center;border:1px solid #d3d3d3;box-shadow:1px 2px 4px 0 #d3d3d3;display:flex;flex-direction:column;margin-top:10px;padding:10px}.Message_prompt__HdJXT{color:var(--buttonColor);font-size:1.6rem;font-weight:700;margin:10px 0}.Message_advanced__\+s3Ju{font-weight:700;margin:5px 0 0;text-align:center}.Message_mobile__7-yBi{display:none}@media screen and (max-width:767px){.Message_message__VSP18 .Message_desktop__o6Qsl{display:none}.Message_messageContainer__kFGfR{overflow:scroll;z-index:200}.Message_message__VSP18{font-size:1rem;left:0;margin:0;right:0;width:100%}.Message_intro__1A3PJ{display:block;width:90%}.Message_title__RGy\+J{font-size:1.2rem}.Message_welcome__dPwpP{border-top:1px solid #000;font-size:1.2rem;margin:10px 0}.Message_desktop__o6Qsl{display:none}.Message_mobile__7-yBi{display:block}ul li.Message_mobile__7-yBi{display:list-item}}.error{color:red;font-size:1.5rem;font-weight:400;height:100%;margin-top:30vh;text-align:center;width:100%}body{font-size:15px;margin:0;touch-action:none;-webkit-user-select:none;user-select:none}.main{height:var(--windowHeight);width:100vw}.content{display:flex;flex-direction:column;height:100%;overflow:hidden}.musicPaneContainer{height:100%;overflow:visible;width:100%}.reactSidebar{background:#fff;box-shadow:2px 6px 8px 2px rgba(0,0,0,.1)!important;left:var(--sidebarTabOffset)!important;overflow:visible!important;position:fixed!important;width:var(--sidebarWidth);z-index:100!important}.sidebarContent{left:0!important;margin-left:var(--sidebarTabOffset)}.closed{overflow:hidden}.scroller,.scrollers{display:none}.swipe{margin-left:5px}@media screen and (max-width:767px){.content{overflow-x:scroll;width:200vw}.scrollers{display:flex;justify-content:space-between;margin-left:5vw;margin-right:2vw}.scroller{align-items:center;background:transparent;display:flex;height:50px}}
/*# sourceMappingURL=main.bee2cc34.css.map*/