@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap);
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}p{margin:0 0 1.5em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset,legend{padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--c_red_bar:#b43340;--c_green_bar:#3c6200;--c_blue_bar:#0739d0;--c_mustard_bar:#b4a100;--c_purple_bar:#732fc5;--c_orange_bar:#fc8d00;--c_link:#62adf3;--c_hover:#327abd;--c_visited:#2b5e8d;--c_trans:transparent;--c_black:#000;--c_grey1:#111;--c_grey2:#222;--c_grey3:#333;--c_grey4:#444;--c_grey5:#555;--c_grey6:#666;--c_grey7:#777;--c_grey8:#888;--c_grey9:#999;--c_greya:#aaa;--c_greyb:#bbb;--c_greyc:#ccc;--c_greyd:#ddd;--c_greye:#eee;--c_white:#fff;--site_background:#444}html.nightmode-on{--c_red_bar:#4bccbf;--c_green_bar:#c39dff;--c_blue_bar:#f8c62f;--c_mustard_bar:#4b5eff;--c_purple_bar:#8cd03a;--c_orange_bar:#0372ff;--c_link:#9d520c;--c_hover:#cd8542;--c_visited:#d4a172;--c_trans:hsla(0,0%,100%,0);--c_black:#fff;--c_grey1:#eee;--c_grey2:#ddd;--c_grey3:#ccc;--c_grey4:#bbb;--c_grey5:#aaa;--c_grey6:#999;--c_grey7:#888;--c_grey8:#777;--c_grey9:#666;--c_greya:#555;--c_greyb:#444;--c_greyc:#333;--c_greyd:#222;--c_greye:#111;--c_white:#000;--site_background:#bbb;--site_background:#eee}@font-face{font-family:TtsNote;src:url(../fonts/subset-TtsNoteStandard.eot);src:local("TtsNoteStandard"),url(../fonts/subset-TtsNoteStandard.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-TtsNoteStandard.woff2) format("woff2"),url(../fonts/subset-TtsNoteStandard.woff) format("woff"),url(../fonts/subset-TtsNoteStandard.ttf) format("truetype"),url(../fonts/subset-TtsNoteStandard.svg#TtsNoteStandard) format("svg");font-weight:400;font-style:normal;font-display:swap}span.accidental{font-family:TtsNote;font-weight:400;font-style:normal;font-size:3em;font-size:300%;line-height:25px;display:inline-block;top:-5px;position:relative}span.acc-flat{top:-3px}html{font-family:Arial,Helvetica,sans-serif;font-family:Lato,sans-serif;overflow-x:hidden}#app{overflow:hidden;display:grid;grid-template-rows:1fr auto;grid-template-areas:"content" "footer";min-height:100vh}.main-content{transition:margin-top .25s ease-in-out 0ms;line-height:1.62;position:relative;z-index:2;grid-area:content}.main-content.container{width:100%;transition:margin .25s ease-in-out 0ms,max-width .25s ease-in-out 0ms;display:block;margin-left:auto;margin-right:auto}@media (min-width:1px){.main-content.container{max-width:80%}}@media (min-width:1024px){.main-content.container{max-width:clamp(55vw,80vw,72vw)}}@media (min-width:1024px) and (max-width:1755px){.main-content.container.has-side-menu{margin-left:170px}}.main-content main.main{margin-top:3vh}@media (min-width:1024px) and (max-width:1600px){.main-content main.main{margin-left:clamp(50px,5vw,100px)}}a{color:#62adf3;color:var(--c_link)}a:visited{color:#2b5e8d;color:var(--c_visited)}a:hover{color:#327abd;color:var(--c_hover)}.sr-only{display:none}.has-c_red_bar-color{color:#b43340}.has-c_red_bar-background-color{background-color:#b43340}.has-c_green_bar-color{color:#3c6200}.has-c_green_bar-background-color{background-color:#3c6200}.has-c_blue_bar-color{color:#0739d0}.has-c_blue_bar-background-color{background-color:#0739d0}.has-c_mustard_bar-color{color:#b4a100}.has-c_mustard_bar-background-color{background-color:#b4a100}.has-c_purple_bar-color{color:#732fc5}.has-c_purple_bar-background-color{background-color:#732fc5}.has-c_orange_bar-color{color:#fc8d00}.has-c_orange_bar-background-color{background-color:#fc8d00}.has-c_link-color{color:#62adf3}.has-c_link-background-color{background-color:#62adf3}.has-c_hover-color{color:#327abd}.has-c_hover-background-color{background-color:#327abd}.has-c_visited-color{color:#2b5e8d}.has-c_visited-background-color{background-color:#2b5e8d}.has-c_trans-color{color:transparent}.has-c_trans-background-color{background-color:transparent}.has-c_black-color{color:#000}.has-c_black-background-color{background-color:#000}.has-c_grey1-color{color:#111}.has-c_grey1-background-color{background-color:#111}.has-c_grey2-color{color:#222}.has-c_grey2-background-color{background-color:#222}.has-c_grey3-color{color:#333}.has-c_grey3-background-color{background-color:#333}.has-c_grey4-color{color:#444}.has-c_grey4-background-color{background-color:#444}.has-c_grey5-color{color:#555}.has-c_grey5-background-color{background-color:#555}.has-c_grey6-color{color:#666}.has-c_grey6-background-color{background-color:#666}.has-c_grey7-color{color:#777}.has-c_grey7-background-color{background-color:#777}.has-c_grey8-color{color:#888}.has-c_grey8-background-color{background-color:#888}.has-c_grey9-color{color:#999}.has-c_grey9-background-color{background-color:#999}.has-c_greya-color{color:#aaa}.has-c_greya-background-color{background-color:#aaa}.has-c_greyb-color{color:#bbb}.has-c_greyb-background-color{background-color:#bbb}.has-c_greyc-color{color:#ccc}.has-c_greyc-background-color{background-color:#ccc}.has-c_greyd-color{color:#ddd}.has-c_greyd-background-color{background-color:#ddd}.has-c_greye-color{color:#eee}.has-c_greye-background-color{background-color:#eee}.has-c_white-color{color:#fff}.has-c_white-background-color{background-color:#fff}.has-site_background-color{color:#444}.has-site_background-background-color{background-color:#444}.wp-block-columns{flex-wrap:wrap}@media (min-width:1px) and (max-width:1360px){.wp-block-columns .wp-block-column{min-width:100%}}.alert-warning.no-permission{margin-top:10vh}.alert-warning.no-permission .alert-content{font-size:18px}.banner{position:fixed;width:100%;z-index:99;box-shadow:0 2px 5px rgba(0,0,0,.4);transition:all .25s ease-in-out 0ms;background-color:#fff;background-color:var(--c_white)}@media (min-width:1px){.admin-bar .banner{top:46px}}@media (min-width:783px){.admin-bar .banner{top:32px}}@media (min-width:1px) and (max-width:600px){.admin-bar .banner.scrolled-down{top:0}}.banner a{text-decoration:none}.banner a,.banner a:visited{color:#62adf3;color:var(--c_link)}.banner a:hover{color:#327abd;color:var(--c_hover)}.banner .container{width:100%;max-width:9999px;display:block;margin-left:auto;margin-right:auto}@media (min-width:1px) and (max-width:10049px){.banner .container{padding-left:20px;padding-right:20px}}.banner .header-grid{display:grid;align-items:center}@media (min-width:1px){.banner .header-grid{grid-template-columns:1fr auto}}@media (min-width:1024px){.banner .header-grid{grid-template-columns:auto 1fr}}.brand{position:relative;font-weight:700;z-index:9;line-height:1;padding:16px 0}@media (min-width:1024px){.book-template-template-sections-menu .banner,.single-book .banner{padding-left:150px}}.instrument-section ul{list-style:none;margin:0;padding:0}.instrument-section a{display:block;padding:5px 0}@media (min-width:1024px){.instrument-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}}@media (min-width:1024px){.instrument-section{max-width:500px}}.instrument-section:first-child{grid-area:1/1}.instrument-section:nth-child(2){grid-area:2/1}.instrument-section:nth-child(3){grid-area:3/1}.prev-next-wrapper{font-size:14px;margin-top:50px;border-color:#999;border-color:var(--c_grey9);border-top:1px solid;border-top-color:var(--c_grey9);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}@media (min-width:1px) and (max-width:1023px){.prev-next-wrapper{text-align:center}}@media (min-width:1024px){.prev-next-wrapper{display:grid;gap:0 40px;grid-template-columns:repeat(2,1fr);grid-template-areas:"prev next"}}@media (min-width:1024px){.prev-next-wrapper .link-next{text-align:right;grid-area:next}}@media (min-width:1024px){.prev-next-wrapper .link-prev{grid-area:prev}}.single-book .hentry{display:grid;grid-template-rows:auto 1fr auto;min-height:90vh}figcaption{text-align:center;font-size:75%;padding:20px;background-color:#eee;background-color:var(--c_greye);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.faq-questions{padding-top:100px;font-weight:700}@media (min-width:1024px){.faq-questions{column-count:2;column-gap:40px}}.faq-questions a{text-decoration:none;display:block;padding:8px 0}.faq-questions a,.faq-questions a:visited{color:#62adf3;color:var(--c_link)}.faq-questions a:hover{color:#327abd;color:var(--c_hover)}.faq-answers{margin-top:clamp(100px,10vh,200px)}.faq-answers .faq-answer::marker{font-weight:700}.faq-answers .faq-answer .button{text-align:right;margin:clamp(20px,5vh,50px) 0}.faq-answers .faq-answer .button a{padding:14.5px;text-decoration:none;text-transform:uppercase;line-height:1;display:inline-block;color:#fff;color:var(--c_white);background-color:#bbb;background-color:var(--c_greyb);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.faq-answers .faq-answer .button a:focus,.faq-answers .faq-answer .button a:hover{background-color:#999;background-color:var(--c_grey9);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}#tips-tab .tips-labels{display:flex;flex-flow:row wrap}#tips-tab .tip-tab{margin-top:20px;margin-bottom:20px;padding:16px 24px;line-height:1;cursor:pointer;background-color:#eee;background-color:var(--c_greye)}#tips-tab .tip-tab,#tips-tab .tip-tab:focus,#tips-tab .tip-tab:hover{transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}#tips-tab .tip-tab:focus,#tips-tab .tip-tab:hover{background-color:#ddd;background-color:var(--c_greyd)}#tips-tab .tip-tab.active{background-color:#bbb;background-color:var(--c_greyb);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}#tips-tab .tip-tab~span{margin-left:20px}#tips-tab .section-instrument{display:none}@media (min-width:1024px){#tips-tab .section-instrument{grid-template-columns:repeat(2,1fr)}}#tips-tab .section-instrument:first-of-type{display:grid}#tips-tab .instrument{padding:2em}#tips-tab .instrument:first-child{grid-area:1/1}#tips-tab .instrument:nth-child(2){grid-area:2/1}#tips-tab .instrument:nth-child(3){grid-area:3/1}#tips-tab .instrument h4{text-transform:uppercase;margin-top:0}#tips-tab ul{list-style:none;margin:0;padding:0}#tips-tab li{margin:16px 0}#tips-tab a{text-decoration:none}footer.content-info{grid-area:footer;margin-top:50px;border-color:#eee;border-color:var(--c_greye);border-top:1px solid;border-top-color:var(--c_greye);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}footer.content-info .container{width:100%;max-width:1400px;display:block;margin-left:auto;margin-right:auto}@media (min-width:1px) and (max-width:1450px){footer.content-info .container{padding-left:20px;padding-right:20px}}.footer-credits{display:flex;justify-content:center;flex-flow:row wrap;padding:1em}.footer-credits a{display:block;font-size:12px;text-decoration:none;padding:0 1em}@media (min-width:1px) and (max-width:1023px){.footer-credits a{padding:.5em 0}}@media (min-width:1024px){.footer-credits a~a{border-color:#bbb;border-left:1px solid;border-left-color:var(--c_greyb);border-bottom-color:var(--c_greyb);border-right-color:var(--c_greyb);border-top-color:var(--c_greyb);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}}.page-header.wind-instruments{color:#3c6200;color:var(--c_green_bar)}.page-header.brass-instruments,.page-header.wind-instruments{transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.page-header.brass-instruments{color:#b43340;color:var(--c_red_bar)}.page-header.percussion-instruments{color:#0739d0;color:var(--c_blue_bar)}.page-header.harp-instrument,.page-header.percussion-instruments{transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.page-header.harp-instrument{color:#b4a100;color:var(--c_mustard_bar)}.page-header.string-instruments{color:#732fc5;color:var(--c_purple_bar)}.page-header.bonus-scoring,.page-header.string-instruments{transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.page-header.bonus-scoring{color:#fc8d00;color:var(--c_orange_bar)}.preloader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:999999}.preloader-wrapper .preloader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-wrapper .lds-roller{display:inline-block;position:relative;width:80px;height:80px}.preloader-wrapper .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.preloader-wrapper .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#62adf3;margin:-4px 0 0 -4px}.preloader-wrapper .lds-roller div:first-child{animation-delay:-36ms}.preloader-wrapper .lds-roller div:first-child:after{top:63px;left:63px}.preloader-wrapper .lds-roller div:nth-child(2){animation-delay:-72ms}.preloader-wrapper .lds-roller div:nth-child(2):after{top:68px;left:56px}.preloader-wrapper .lds-roller div:nth-child(3){animation-delay:-.108s}.preloader-wrapper .lds-roller div:nth-child(3):after{top:71px;left:48px}.preloader-wrapper .lds-roller div:nth-child(4){animation-delay:-.144s}.preloader-wrapper .lds-roller div:nth-child(4):after{top:72px;left:40px}.preloader-wrapper .lds-roller div:nth-child(5){animation-delay:-.18s}.preloader-wrapper .lds-roller div:nth-child(5):after{top:71px;left:32px}.preloader-wrapper .lds-roller div:nth-child(6){animation-delay:-.216s}.preloader-wrapper .lds-roller div:nth-child(6):after{top:68px;left:24px}.preloader-wrapper .lds-roller div:nth-child(7){animation-delay:-.252s}.preloader-wrapper .lds-roller div:nth-child(7):after{top:63px;left:17px}.preloader-wrapper .lds-roller div:nth-child(8){animation-delay:-.288s}.preloader-wrapper .lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cover-image-block .cover-image{width:100vw;height:100vh;background-size:cover}.menu-block.ava-block .block-title{text-align:left}.menu-block .ava-block-content{max-width:400px}.menu-block .nav-contents ul{list-style:none;margin:0;padding:0}.menu-block .nav-contents a{padding:16px 0;display:block}#blockTitle,.ava-block .block-title{font-size:clamp(1.8em,5vw,3em);text-align:center;margin:0 0 50px;line-height:1;padding:10px 0}.ava-block.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.ava-block.full-height{min-height:100vh}.ava-full-width,.body-content.full-width .ava-block-wrapper.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}@media (min-width:1px) and (max-width:1023px){.menu-wrapper{position:fixed;top:0;left:-100%;width:100%;max-width:270px;padding:70px 0 0;height:100vh;overflow-y:scroll;background-color:#444;background-color:var(--c_grey4)}.menu-wrapper::-webkit-scrollbar{width:5px;height:5px}.menu-wrapper::-webkit-scrollbar-thumb{background-color:#222;background-color:var(--c_grey2);-webkit-transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms;transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.menu-wrapper::-webkit-scrollbar-track{background-color:#666;background-color:var(--c_grey6);-webkit-transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms;transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.menu-wrapper{scrollbar-face-color:#222;scrollbar-face-color:var(--c_grey2);scrollbar-track-color:#666;scrollbar-track-color:var(--c_grey6);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}}.menu-wrapper ul{list-style:none}.menu-wrapper ul.nav{margin:0;padding:0}#hamburger{display:none}#hamburger:checked~div{left:0}#hamburger:checked+label .line-1{display:none}#hamburger:checked+label .line-2{transform:rotate(45deg)}#hamburger:checked+label .line-3{transform:rotate(-45deg);margin-top:-4px}#menu-toggle{z-index:9;display:block;cursor:pointer;padding:10px 9px;height:48px}#menu-toggle .line{width:30px;height:4px;display:block;background-color:#62adf3}#menu-toggle .line~span{margin-top:8px}@media (min-width:1024px){#menu-toggle{display:none}}.nav-primary a,.tips-navigation a{display:block;padding:16px;line-height:1}.nav-primary .sub-menu,.tips-navigation .sub-menu{padding-left:15px}@media (min-width:1px) and (max-width:1023px){.nav-primary{padding-bottom:50px}}@media (min-width:1024px){.nav-primary{margin-left:16px;border-color:#999;border-left:1px solid;border-left-color:var(--c_grey9);border-bottom-color:var(--c_grey9);border-right-color:var(--c_grey9);border-top-color:var(--c_grey9);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.nav-primary ul.nav{display:flex}.nav-primary li{position:relative}.nav-primary li:focus>ul,.nav-primary li:hover>ul{display:block;left:0;top:100%}.nav-primary li ul li{box-shadow:2px 5px 5px rgba(0,0,0,.4);background-color:#fff;background-color:var(--c_white);transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.nav-primary li ul li:focus>ul,.nav-primary li ul li:hover>ul,.nav-primary li ul ul li:focus>ul,.nav-primary li ul ul li:hover>ul{display:block;top:0;left:100%}.nav-primary .sub-menu{display:none;position:absolute;width:300px;padding:0 10vw 100vh 0;box-sizing:content-box}}@media (min-width:1024px){.tips-navigation{position:fixed;left:0;top:0;height:100vh;width:100%;max-width:150px;background-image:url(../images/noise.png)}.tips-navigation ul.nav{display:flex;flex-direction:column;justify-content:space-between;height:100%}}.tips-navigation .menu-index{text-align:center}.tips-navigation .menu-index a{color:#fff}.tips-navigation img{filter:saturate(0) brightness(2)}@media (min-height:1px) and (max-height:750px){.tips-navigation img{height:50%}}.tips-navigation a strong{color:#fff}.tips-navigation .active img{filter:none}.tips-navigation .anchor-wrapper{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;max-width:175px;margin:auto}@media (min-height:751px){.tips-navigation .anchor-wrapper{gap:20px}}.admin-bar .tips-navigation{padding-top:50px}.tips-navigation.wind-instruments{background-color:#3c6200;background-color:var(--c_green_bar)}.tips-navigation.brass-instruments,.tips-navigation.wind-instruments{transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.tips-navigation.brass-instruments{background-color:#b43340;background-color:var(--c_red_bar)}.tips-navigation.percussion-instruments{background-color:#0739d0;background-color:var(--c_blue_bar)}.tips-navigation.harp-instrument,.tips-navigation.percussion-instruments{transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.tips-navigation.harp-instrument{background-color:#b4a100;background-color:var(--c_mustard_bar)}.tips-navigation.string-instruments{background-color:#732fc5;background-color:var(--c_purple_bar)}.tips-navigation.bonus-scoring,.tips-navigation.string-instruments{transition:color .25s ease-in-out 0ms,background-color .25s ease-in-out 0ms}.tips-navigation.bonus-scoring{background-color:#fc8d00;background-color:var(--c_orange_bar)}

/*# sourceMappingURL=app.css.map*/