@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap);:root{--line-height:1.2rem;--color-chord:#b71c1c;--color-section:#004d40;--color-hovered:#b71c1c;--color-border:#e9dbdb;--color-dark-gray:#544;--color-gray:#988;--color-medium-light-gray:#cbb;--color-light-gray:#fee;font-size:16px}*,:after,:before,:root{box-sizing:border-box}html{scroll-behavior:smooth}html,svg text{font-family:Noto Sans Mono,monospace}body{padding:5vh 5vw}h1{margin-bottom:0;margin-top:0}button,input{font-family:inherit}button{background-color:#0000;border:none;cursor:pointer;font-size:inherit;padding:0}:focus-visible{outline:medium solid #000;outline-offset:.25rem}.text-sm{font-size:12px}.underline{text-decoration:underline}.no-user-select{-webkit-user-select:none;user-select:none}.nowrap{white-space:nowrap}.master-container{margin:5vh 5vw}.logo{height:100%;transform:translateY(-8px);vertical-align:middle;width:18.05px}.svgicon,h1 .logo{color:#b71c1c;color:var(--color-chord)}@media not (prefers-reduced-motion){.svgicon{transition:transform .5s}}.options button[disabled] .svgicon,.svgicon.disabled,button[disabled] .svgicon{color:#988;color:var(--color-gray)}a{color:#000}a:visited{color:#444}a:hover{color:#b71c1c;color:var(--color-hovered)}.footer{margin-top:3rem;text-align:center}.moving-icon-container{--width:30px;border:1px solid #e9dbdb;border:1px solid var(--color-border);border-radius:15rem;display:inline-block;height:30px;overflow:hidden;position:relative;width:var(--width)}.moving-icon{animation:walk 1s linear infinite normal;color:#b71c1c;color:var(--color-chord);position:absolute}.moving-icon-1{--init:0px}.moving-icon-2{--init:calc(var(--width)*-1)}.key-signature-icon{color:#988;color:var(--color-gray)}@keyframes walk{0%{transform:translateX(calc(var(--init)))}to{transform:translateX(calc(var(--init) + var(--width)))}}.printshow{display:none}@media print{h1{font-size:1.4rem;margin-top:8px}a{text-decoration:none}a:visited{color:#000}.logo{height:1.5em}.printhide{display:none}.printshow{display:revert}.footer{display:none}html{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.print-document h1{font-size:1.4rem;margin-top:8px}.print-document a{text-decoration:none}.print-document a:visited{color:#000}.print-document .logo{height:1.5em}.print-document .printhide{display:none}.print-document .printshow{display:revert}.print-document .footer{display:none}.print-document html{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:a4}
/*# sourceMappingURL=main.ae8cef71.css.map*/