body,html{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;height:100%}.menu[data-v-aa82abe6]{max-width:720px;margin:0 auto}.start-container[data-v-aa82abe6]{padding:15px}button.start[data-v-aa82abe6]{width:100%;padding:20px 10px;border-radius:10px;font-size:16pt;font-weight:700;cursor:pointer;border:none}button.start[data-v-aa82abe6],button.start[data-v-aa82abe6]:focus{background-color:#add8e6;outline:none}button.start[data-v-aa82abe6]:hover{background-color:#4682b4}button.start[data-v-aa82abe6]:active{background-color:#ff0}.setting-group[data-v-aa82abe6]{display:-ms-flexbox;display:flex}.setting[data-v-aa82abe6]{margin-top:10px}.options-container{-ms-flex-direction:row;flex-direction:row;padding:5px}.options-container,.value-box{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.value-box{margin:5px;width:100px;height:40px;border-radius:10px;background-color:#fff;color:gray;border:1px solid gray;cursor:pointer;-ms-flex-align:center;align-items:center;font-size:10pt;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.selected,.value-box:hover{color:#000;border:1px solid #000}.selected,.selected:hover{background-color:#add8e6}.label{font-size:9pt;color:#000}select{margin:5px;width:100px;height:40px;padding-left:8px;border-radius:10px;background-color:#fff;color:#000;border:1px solid #000;cursor:pointer;font-size:10pt;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}select:hover{background-color:#add8e6}.last-result-display[data-v-5c52c8cf]{background-color:#ddd;margin-bottom:15px;padding:5px}h3[data-v-5c52c8cf]{margin:5px 0}.line[data-v-5c52c8cf]{font-size:10pt;margin:2px}.record[data-v-b7ca5e22]{font-size:11pt}button.reset[data-v-b7ca5e22]{border:none;outline:none;cursor:pointer;background-color:#fff}.grid-container[data-v-b7ca5e22]{display:grid;grid-template-columns:repeat(2,1fr);padding:5px}.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-grid-background,.ct-line{fill:none}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-ms-flexbox;display:flex}.ct-chart-donut .ct-label,.ct-chart-pie .ct-label{dominant-baseline:central}.ct-label.ct-horizontal.ct-start{-ms-flex-align:flex-end;align-items:flex-end}.ct-label.ct-horizontal.ct-end,.ct-label.ct-horizontal.ct-start{-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-ms-flex-align:flex-start;align-items:flex-start}.ct-label.ct-vertical.ct-start{-ms-flex-align:flex-end;align-items:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-ms-flex-align:flex-end;align-items:flex-end;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-ms-flex-align:flex-end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-ms-flex-align:flex-start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-ms-flex-align:flex-end;align-items:flex-end;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-ms-flex-align:flex-start;align-items:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-donut-solid,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-donut-solid,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-donut-solid,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-donut-solid,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-donut-solid,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-donut-solid,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-donut-solid,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-donut-solid,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}.game-screen{margin:0 auto;max-width:720px;height:100%}.game-screen-section{display:-ms-flexbox;display:flex;-ms-flex:auto;flex:auto;min-width:50%;-ms-flex-flow:column wrap;flex-flow:column wrap}#game-screen-input{min-width:100%;-ms-flex-item-align:start;align-self:start}#game-note-display{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}@media (orientation:portrait){#game-note-display,#game-screen-input{min-height:33%;min-width:100%}}button.quit{padding:5px;font-weight:700;border:none;outline:none;background-color:#add8e6;cursor:pointer}button.quit:hover{background-color:#4682b4}button.quit:focus{outline:none;background-color:#add8e6}button.quit:active{background-color:#ff0}.score-line[data-v-a22b8178]{margin-top:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.score-value[data-v-a22b8178]{font-size:15pt;color:#2c3e50}.score-label[data-v-a22b8178]{font-size:8pt;color:grey}#note-display[data-v-4303d5e9]{margin:0 auto;padding-bottom:20px}#note-outer-box[data-v-4303d5e9]{width:450px}@keyframes feedback-data-v-179e6286{0%{opacity:1}70%{opacity:1}to{opacity:.3}}.feedback[data-v-179e6286]{text-align:center;line-height:3;color:#fff;border-radius:5px;padding:1px 5px;opacity:.3;animation-name:feedback-data-v-179e6286;animation-duration:.5s;animation-iteration-count:1}.correct[data-v-179e6286]{background-color:green}.wrong[data-v-179e6286]{background-color:red}.dummy[data-v-179e6286]{background-color:#fff}.button-input[data-v-0ac198dc]{display:grid;grid-template-columns:repeat(14,1fr)}.button-container[data-v-0ac198dc]{height:50px}button[data-v-0ac198dc]{width:95%;height:95%;background-color:#add8e6;border-radius:5px;cursor:pointer;border:none;outline:none;font-weight:700}button[data-v-0ac198dc]:hover{background-color:#4682b4}button[data-v-0ac198dc]:focus{background-color:#add8e6}button[data-v-0ac198dc]:active{background-color:#ff0}.keyboard-input[data-v-079f0195]{position:relative;width:92%;height:150px;margin:0 auto}.key[data-v-079f0195]{position:absolute;top:0;padding:0;box-sizing:content-box;border:1px solid #000;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.white[data-v-079f0195]{background-color:#fff}.white[data-v-079f0195]:hover{background-color:#ddd}.white[data-v-079f0195]:focus{background-color:#fff;outline:none}.black[data-v-079f0195]{background-color:#000}.black[data-v-079f0195]:hover{background-color:#333}.black[data-v-079f0195]:focus{background-color:#000;outline:none}.key[data-v-079f0195]:active{background-color:#ff0}.ready[data-v-0be3b723]{font-style:italic}.last-note[data-v-0be3b723]{text-align:center}.error-message[data-v-0be3b723]{text-align:center;font-weight:700;color:red}.restart-button[data-v-0be3b723]{text-align:center;margin-top:12px}
/*# sourceMappingURL=app.932bf369574c89da68613295ce2dff93.css.map */