/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea,figure{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;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}template{display:none}[hidden]{display:none}*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#041332;font-family:"Roboto",sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#454b57;border:.1rem solid #454b57;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#041332;border-color:#041332;color:#fff;outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:#454b57;border-color:#454b57}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:#454b57}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:#041332;color:#041332}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:#454b57}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:#454b57}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:#041332}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:#454b57}.button.button-small,button.button-small,input[type=button].button-small,input[type=reset].button-small,input[type=submit].button-small{font-size:1rem;height:2.8rem;line-height:2.8rem;padding:0 1.5rem}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],input:not([type]),textarea,select{-webkit-appearance:none;background-color:#fff;border:.1rem solid #ccc;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem .7rem;width:100%}input[type=color]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:#950238;outline:0}select{background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23ccc" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23454b57" d="M0,0l6,8l6-8"/></svg>')}select[multiple]{background:none;height:auto}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}.container{margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media(min-width: 40rem){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1rem}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-40{margin-left:40%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-60{margin-left:60%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}}.button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-0.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-0.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-0.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}figcaption{text-align:right;font-size:.8rem;line-height:1.25}.modal{position:fixed;background-color:rgba(204,204,204,.35);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;transition:all .3s}.modal:target{visibility:visible;opacity:1;pointer-events:auto}.modal>div{width:90%;max-width:60rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:1.8rem;border-radius:1rem;background:#fff}.modal>div>a:first-child{position:absolute;right:1rem;top:1rem}.modal>div>a:first-child svg{height:2rem}nav{display:flex;flex-flow:row nowrap;justify-content:space-around}nav a{flex:1 1 0;display:flex;flex-flow:row wrap;align-items:center;text-align:center;text-decoration:none;color:#fff;opacity:.8}nav a svg{flex:1 1 100%;fill:#fff;height:3rem}nav a span{flex:1 1 100%;font-size:1.3rem;display:none}nav a.active{opacity:1}svg{letter-spacing:initial}header div.slide.setup [id^="s.page"],header div.slide.setup [for^="s.page"],header div.slide.setup [id=pageMeasurementUnit],header div.slide.setup [for=pageMeasurementUnit]{display:none}header div.slide.setup .custom-pageFormat~[id="s.page.width"],header div.slide.setup .custom-pageFormat~[for="s.page.width"],header div.slide.setup .custom-pageFormat~[id="s.page.height"],header div.slide.setup .custom-pageFormat~[for="s.page.height"],header div.slide.setup .custom-pageFormat~[id=pageMeasurementUnit],header div.slide.setup .custom-pageFormat~[for=pageMeasurementUnit]{display:flex}header div.slide.setup .custom-pageMargin~[id^="s.page.margins"],header div.slide.setup .custom-pageMargin~[for^="s.page.margins"],header div.slide.setup .custom-pageMargin~[id=pageMeasurementUnit],header div.slide.setup .custom-pageMargin~[for=pageMeasurementUnit]{display:flex}header div.slide label{font-weight:300}footer,.bordertop{border-top:1px solid #454b57;padding-top:1rem}.slide{max-height:30rem;overflow:hidden;transition:max-height .25s ease-in-out 0s}.slide.up{max-height:0}.templates{background-color:#950238}.setup{background-color:#828a51}.container svg{fill:#454b57}.container h1 svg{height:3.5rem;margin-right:1rem}.container h2 svg,.container li svg{height:2.5rem;margin-right:.75rem}.container h3 svg{height:2rem;margin-right:.5 rem}.container h4 svg{height:1.75rem;margin-right:.5rem}.container p svg,.container a svg{height:1.5rem;margin-right:.2rem}.container button svg,.container a.button svg{height:2.5rem;margin-right:0;fill:#fff;vertical-align:middle;margin-bottom:.4rem}.container button.button-outline svg,.container button.button-clear svg,.container a.button.button-outline svg,.container a.button.button-clear svg{fill:#454b57}.container button.button-outline:focus svg,.container button.button-outline:hover svg,.container button.button-clear:focus svg,.container button.button-clear:hover svg,.container a.button.button-outline:focus svg,.container a.button.button-outline:hover svg,.container a.button.button-clear:focus svg,.container a.button.button-clear:hover svg{fill:#041332}.container button.button-small svg,.container a.button.button-small svg{height:1.5rem}.hide-signatures [id=keySignature],.hide-signatures [for=keySignature],.hide-signatures [id=timeSignature],.hide-signatures [for=timeSignature],.hide-signatures [id="s.first"],.hide-signatures [for="s.first"]{display:none}.hide-signatures .show-if-no-clef{display:block}.show-if-no-clef{display:none}.center{text-align:center}.right{text-align:right}.full-width{width:100%}.hidden{visibility:hidden}#ui{display:flex;flex-direction:column}#ui input,#ui select{margin-bottom:0}#preview svg,[data-str] svg{border:1px solid #ccc;height:auto}#printable{display:none}#share pre{white-space:pre-wrap}#print{animation-name:color;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(1, -0.5, 0.5, 1)}symbol.hide-x .x{display:none}@keyframes color{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@media print{#ui{display:none}#printable{display:block}#printable .no-print{display:none}}header{color:#fff;background-color:#454b57;margin-bottom:1rem;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);display:flex;flex-flow:column nowrap}header h1{margin:0;font-size:1.8rem;line-height:1.5;flex:0 0 1.8rem;display:flex;align-items:center}header h1 svg{fill:#fff;flex:0 0 3rem;height:1.8rem}header h1 span{flex:1 0 auto}header nav{flex:0 0 3rem;padding:1rem 0}header nav a.hide-s,header nav a.hide-m{display:none}header div.slide{flex:0 0 100%;display:flex;flex-flow:row wrap;align-items:center}header div.slide label{display:flex;flex:0 0 calc(3rem + 2rem);margin:1rem;height:3rem;opacity:.8}header div.slide label svg{flex:0 0 calc(3rem + 2rem);fill:#fff}header div.slide label span{display:none;font-size:1.3rem}header div.slide select{flex:0 1 calc(100% - 3rem - 5rem);margin-right:1rem}header div.slide.setup select,header div.slide.setup input{flex:0 1 calc(50% - 3rem - 5rem);margin-right:1rem}header+div{display:flex;flex-flow:row wrap;margin-bottom:2rem}header+div nav{order:3;flex:0 0 100%;flex-flow:row nowrap;justify-content:space-around;position:fixed;bottom:0;left:0;background-color:#454b57;width:100%;z-index:999;padding:1rem 0}header+div nav a.hide-s,header+div nav a.hide-m{display:none}header+div #ad{flex:0 0 100%;margin-bottom:.5rem}header+div #preview{flex:0 0 100%;padding:0 1rem}.container{margin-bottom:9rem}.container .modal .hide-s{display:none}.container .modal .hide-if-bottom-nav{display:none}.container .modal span.show-m{display:inline}#tutorial-clefs ul{display:flex;justify-content:space-around;list-style:none;padding-left:0}#tutorial-clefs ul li svg{height:2.5 rem}#languages nav{display:flex;flex-flow:row wrap;justify-content:space-between}#languages nav a{flex:0 1 48%}#languages nav a span{display:none}#edit div{flex:0 0 100%;display:flex;flex-flow:row wrap;align-items:center}#edit div h2{flex:0 0 100%}#edit div h2 ul{display:inline-block;height:1em;overflow:hidden;list-style-type:none;padding:0;margin:0;padding-top:.15em;line-height:1}#edit div h2 ul li{bottom:0em;transition:bottom 500ms;line-height:1;margin:0;position:relative}#edit div h2 a{position:absolute;margin:0;padding:.5rem;line-height:0}#edit div h2 a[data-n="-1"]{top:1rem}#edit div h2 a[data-n="1"]{top:5rem}#edit div label{display:flex;flex:0 0 calc(3rem + 2rem);margin:1rem 0;height:3rem;opacity:.8}#edit div label svg{flex:0 0 calc(3rem + 2rem);fill:#041332}#edit div label span{display:none}#edit div select,#edit div input{flex:0 1 calc(50% - 3rem - 2rem)}#edit div a{flex:0 1 calc(50% - 1rem);margin:0 0 0 1rem}#edit div a span{display:none}#edit div hr{width:100%;border:0;margin:.5rem 0}footer .row{display:flex;flex-flow:row wrap;margin-left:-1rem;width:calc(100% + 2.0rem)}footer .row .column{flex:0 1 50%;padding:0 1rem}@media only screen and (min-height: 420px){nav a span{display:block;margin-top:.5rem}}@media only screen and (min-width: 420px){header{flex-flow:row wrap;align-items:center}header h1{flex:0 0 7rem}header h1 svg{flex:0 0 7rem;height:3rem}header h1 span{display:none}header nav{flex:0 0 calc(100% - 7rem)}header nav a svg{height:3rem}header nav a.hide-s{display:flex}header div.slide.setup select,header div.slide.setup input{flex:0 1 calc(33.33% - 3rem - 5rem);margin-right:1rem}header+div{flex-flow:row nowrap}header+div nav{order:-1;flex-flow:column-reverse nowrap;justify-content:flex-end;position:initial;flex:0 0 7rem;margin-top:-1rem;padding:0}header+div nav a{flex:0 0 3rem;padding:0;margin:1rem 0}header+div nav a.hide-s{display:flex}header+div #preview{flex:1 1 auto}header+div #ad{order:3;flex:0 0 150px}.container{margin-bottom:1rem}.container .modal .hide-if-bottom-nav{display:inline}.container .modal .hide-if-left-nav{display:none}.container .modal p.hide-s,.container .modal span.hide-s{display:inline}.container .modal p.show-s,.container .modal span.show-s{display:none}.container .modal .button.hide-s{display:inline-block}#languages nav a span{display:inline}#edit div label{flex:0 0 calc(12% + 3rem + 2rem)}#edit div label span{display:inline}#edit div select,#edit div input{flex:0 1 calc(50% - 12% - 3rem - 2rem)}#edit div a{flex:0 1 calc(50% - 1rem)}#edit div a span{display:inline}}@media only screen and (min-width: 768px){header+div #ad{flex:0 0 300px}}@media only screen and (min-width: 768px)and (max-width: 1200px)and (min-height: 768px){header+div{flex-flow:row wrap}header+div nav{order:3;flex:0 0 100%;position:fixed;flex-flow:row nowrap;justify-content:space-around}.container{margin-bottom:9rem}.container .modal .hide-if-bottom-nav{display:none}.container .modal .hide-if-left-nav{display:inline}}@media only screen and (min-width: 768px)and (min-height: 1024px){header{flex-flow:row wrap}header h1 span{display:inline;font-size:2.5rem;line-height:2}header nav{flex:0 0 100%}}@media only screen and (min-width: 1024px){header nav a.hide-m{display:flex}.container .modal .hide-if-all-buttons-visible{display:none}.container .modal span.show-m{display:none}}@media only screen and (min-width: 1200px){header h1{flex:0 0 20rem;flex-flow:row wrap}header h1 svg{flex:0 0 100%}}@media only screen and (min-width: 1200px)and (min-height: 420px){header h1 span{flex:0 0 100%;display:block;text-align:center}}@media only screen and (min-width: 1200px){header nav{flex:0 0 calc(100% - 20rem)}}@media only screen and (min-width: 1200px){header div.slide label{flex:0 0 20rem;margin:1rem 0}header div.slide label svg{margin:0 1rem 0 2rem;flex:0 0 3rem}header div.slide label span{flex:0 0 14rem;display:block;font-size:1.8rem;text-align:left}header div.slide select{flex:0 1 calc(100% - 3rem - 14rem - 4rem)}header div.slide.setup select,header div.slide.setup input{flex:0 1 calc(33.33% - 3rem - 14rem - 4rem)}}@media only screen and (min-width: 1200px){header+div nav{flex:0 0 20rem}header+div nav a svg{margin:0 1rem 0 2rem;flex:0 0 3rem}header+div nav a span{flex:0 0 14rem;display:block;text-align:left;font-size:1.8rem}}@media only screen and (min-width: 1200px){.container{margin-bottom:1rem}}/*# sourceMappingURL=main.css.map */