body,html{background-color:#eee;font-family:Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50;margin:0;padding:0}.fade-enter-active,.fade-leave-active{transition:.2s ease-in-out}.fade-enter,.fade-leave-to{opacity:0}#headerBar{position:fixed;top:0;left:0;right:0;background-color:#9c27b0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#e1bee7;height:50px;font-size:25px;font-weight:700;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12),0 1px 8px 0 rgba(0,0,0,.2);z-index:20}#headerspacer{height:50px;width:100%}#sideNavIcon{font-size:40px;margin:auto 5px;height:40px;width:40px;cursor:pointer}#sideNav{overflow:auto;z-index:30;position:fixed;padding:0;background-color:#fff;width:280px;left:-280px;top:0;bottom:0;box-shadow:0 0 20px rgba(0,0,0,.5);will-change:transform;transition:.2s cubic-bezier(0,0,.3,1)}#sideNav.active{-webkit-transform:translateX(100%);transform:translateX(100%)}#sideNavBackground{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;pointer-events:none;z-index:20;opacity:0;will-change:opacity;transition:.3s ease-in-out}#sideNavBackground.active{opacity:.5;pointer-events:auto}#sideNavTop[data-v-35e790e8]{position:relative;margin:0;padding:0;height:150px;background-color:#29b6f6;background-position:50%;background-size:cover;background-image:url(/static/images/background.jpg)}#sideNavTop>span[data-v-35e790e8]{position:absolute;top:10px;right:30px;color:#eee;font-size:35px}ul[data-v-35e790e8]{padding-top:10px;margin:0;padding:0}ul>a[data-v-35e790e8]{overflow:auto;cursor:pointer;color:#757575;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:10px;transition:.2s ease-in-out;font-size:14px;padding:14px 15px;text-decoration:none;margin:5px 0}ul>a.router-link-exact-active[data-v-35e790e8]{background-color:#ddd}ul>a[data-v-35e790e8]:hover{background-color:#ccc}#chordSheet{width:95%;max-width:700px;margin:40px auto}#chordPicker{width:100%;max-width:800px;margin:auto}#keyButtons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px auto;-ms-flex-wrap:wrap;flex-wrap:wrap}#keyButtons,#typeButtons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#typeButtons>div{border:2px solid #9c27b0;border-radius:5px;margin:5px;padding:5px;-ms-flex-wrap:wrap;flex-wrap:wrap}#levelButtons,#typeButtons>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#chordPicker button{display:none;padding:10px;margin:5px;border:2px solid #9c27b0;background-color:inherit;font-size:1em;border-radius:5px;transition:.3s ease-in-out;cursor:pointer}#chordPicker button.visible{display:block}#chordPicker button.active,#chordPicker button:hover{background-color:#9c27b0;color:#fff}@media screen and (max-width:550px){#typeButtons{-ms-flex-wrap:wrap;flex-wrap:wrap}#keyButtons{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}h3[data-v-eba3d2aa]{text-align:left}hr[data-v-eba3d2aa]{border:none;border-top:1px solid #000}table[data-v-eba3d2aa]{border-collapse:collapse;width:100%}td[data-v-eba3d2aa]:first-child{width:5%;border:none}tr.noPlay hr[data-v-eba3d2aa]{border-color:red}td[data-v-eba3d2aa]{padding:1% 0;border-right:1px solid #000;border-left:1px solid #000;position:relative}td>div[data-v-eba3d2aa]{opacity:0;transition:.2s ease-in;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#aaa;color:#fff;height:30px;width:30px;margin:auto;font-weight:700;line-height:30px;display:block}td>div.active[data-v-eba3d2aa]{opacity:1}td>div.finger[data-v-eba3d2aa]{border-radius:50%}td>div.barBeginn[data-v-eba3d2aa]{border-top-left-radius:50%;border-top-right-radius:50%}td>div.barEnd[data-v-eba3d2aa]{border-bottom-left-radius:50%;border-bottom-right-radius:50%}#metronom{background-color:#fff;margin:20px auto;width:90%;max-width:600px}#metronom[data-v-0f2bf6ed]{text-align:center;padding:20px 5px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}h2[data-v-0f2bf6ed],h4[data-v-0f2bf6ed]{margin:20px auto 0}#toggleMetronom[data-v-0f2bf6ed]{position:relative;width:60px;height:60px;cursor:pointer;margin:auto}#toggleMetronom>div[data-v-0f2bf6ed]{border-radius:100%;position:absolute;top:0;left:0;right:0;bottom:0}#toggleButton[data-v-0f2bf6ed]{border:3px solid #40c4ff;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#toggleButton>i[data-v-0f2bf6ed]{font-size:30px}#pulse[data-v-0f2bf6ed]{transition:.1s ease-in-out;-webkit-transform:scale(1.3);transform:scale(1.3);background-color:#80d7ff;opacity:0}.line[data-v-0f2bf6ed]{width:70%;max-width:500px;margin:auto}input[type=range][data-v-0f2bf6ed]{-webkit-appearance:none!important;width:100%;height:2px;background-color:#40c4ff;border:none;border-radius:10px;margin:auto;transition:all .4s;outline:none;padding:0;margin:0}input[type=range][data-v-0f2bf6ed]::-moz-range-track{width:100%;height:2px;background-color:#40c4ff;border:none;border-radius:10px;margin:auto;transition:all .4s;outline:none;padding:0;margin:0}input[type=range][data-v-0f2bf6ed]::-webkit-slider-thumb{-webkit-appearance:none!important;-webkit-transform:scale(.75);transform:scale(.75);width:20px;height:20px;border:none;background-color:#40c4ff;border-radius:40px;box-shadow:0 0 0 green;transition:all .4s;outline:none;cursor:pointer}input[type=range][data-v-0f2bf6ed]::-moz-range-thumb{-webkit-appearance:none!important;transform:scale(.75);width:20px;height:20px;border:none;background-color:#40c4ff;border-radius:30px;box-shadow:0 0 0 green;transition:all .4s;outline:none;cursor:pointer}input[value="0"][data-v-0f2bf6ed]{display:none}input[type=range][data-v-0f2bf6ed]::-webkit-slider-thumb:hover{-webkit-transform:scale(.85);transform:scale(.85)}input[type=range][data-v-0f2bf6ed]::-moz-range-thumb:hover{transform:scale(.85)}input[type=range][data-v-0f2bf6ed]::-webkit-slider-thumb:active{-webkit-transform:scale(1);transform:scale(1)}input[type=range][data-v-0f2bf6ed]::-moz-range-thumb:active{transform:scale(1)}#showMore[data-v-0f2bf6ed]{width:100%;text-align:center}#showMore>i[data-v-0f2bf6ed]{border:3px solid #40c4ff;border-radius:5px;margin:20px auto;font-size:35px;cursor:pointer}#wrapper{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}#wrapper .section{width:90%;max-width:500px}svg text[data-v-1587933c]{font-size:4px;text-anchor:middle;pointer-events:none}svg path[data-v-1587933c]{transition:.2s ease-in-out}#major path[data-v-1587933c]:nth-of-type(odd),#minor path[data-v-1587933c]:nth-of-type(2n){fill:#bdbdbd}#major path[data-v-1587933c]:nth-of-type(2n),#minor path[data-v-1587933c]:nth-of-type(odd){fill:#e0e0e0}#major path.active[data-v-1587933c]{fill:#90caf9}#minor path.active[data-v-1587933c]{fill:#ce93d8}table[data-v-250746c7]{width:100%;max-width:500px;border:none;border-collapse:collapse}table>h3[data-v-250746c7]{display:block}table>tbody td[data-v-250746c7]{padding:10px;margin:0;transition:.1s ease-in-out;cursor:pointer}table>tbody tr>td[data-v-250746c7]:first-child:hover{background-color:#bbdefb;border-radius:5px}table>tbody tr>td:first-child.active[data-v-250746c7]{background-color:#90caf9;border-radius:5px}table>tbody tr>td[data-v-250746c7]:nth-child(2):hover{background-color:#e1bee7;border-radius:5px}table>tbody tr>td:nth-child(2).active[data-v-250746c7]{background-color:#ce93d8;border-radius:5px}table>tbody tr>td[data-v-250746c7]:nth-child(3):hover{background-color:#ffe0b2;border-radius:5px}table>tbody tr>td:nth-child(3).active[data-v-250746c7]{background-color:#ffcc80;border-radius:5px}table>tbody tr[data-v-250746c7]:nth-of-type(2n){background-color:#d3d3d3}#chordSheet[data-v-3d8ed051]{width:95%;max-width:700px;margin:40px auto}table[data-v-3d8ed051]{margin:auto}textarea[data-v-3d8ed051]{width:80%}
/*# sourceMappingURL=app.746b3adce575c02c4b00fa33a4b37788.css.map */