svg.svelte-149dhsb{height:100%;width:100%;fill:inherit}svg.svelte-18z0av7{height:100%;width:100%;fill:inherit}path.svelte-18z0av7{fill:inherit}#menu.svelte-7au4ys{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-evenly}#top-bar.svelte-7au4ys{background-color:var(--primary-colour);color:var(--tertiary-colour);font-size:1.25rem;font-weight:700;text-align:left;padding-left:7.5vw;padding-right:5vw;display:flex;justify-content:space-between;align-items:center}div.svelte-7au4ys{text-align:center}.menu-button.svelte-7au4ys{font-size:1.5rem;background-color:var(--tertiary-colour);cursor:pointer;border:none;color:var(--primary-colour);border-radius:.2rem;width:90vw;margin-left:5vw;padding:0 5vw;height:20vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:1rem}.arrowIcon.svelte-7au4ys{height:7vh;width:7vh;fill:var(--primary-colour);transform:scaleX(-1)}.settingsIcon.svelte-7au4ys{height:8vh;width:8vh;border:none;padding:0;cursor:pointer;fill:var(--secondary-light-colour);background-color:var(--primary-colour)}.audioContainer.svelte-1s9jnom{border-style:solid;border-color:var(--secondary-colour);border-width:2px;border-radius:.2rem;padding:0;background-color:var(--primary-colour);cursor:pointer;transition:opacity .3s;font-size:1rem;width:100%;height:100%}.audioContainer.svelte-1s9jnom:not(.active){opacity:.3;cursor:default!important}.audioContainer.svelte-1s9jnom>div:where(.svelte-1s9jnom){width:90%;margin-left:5%}.audioContainer.svelte-1s9jnom>div:where(.svelte-1s9jnom):first-child{display:flex;justify-content:space-between;margin-top:2.5%}.progressBar.svelte-1s9jnom{margin-top:2.5%;margin-bottom:2.5%;height:.5rem;background-color:var(--primary-colour);border-radius:1rem;border-style:solid;border-color:var(--secondary-colour);border-width:2px}.progress.svelte-1s9jnom{height:100%;width:0;background-color:var(--tertiary-colour);border-radius:1rem;border-style:solid;border-color:transparent;border-width:2px;visibility:hidden;box-sizing:border-box}#degree-keyboard.svelte-v9ld3h{display:flex;flex-direction:row;width:100%}#degree-keyboard.svelte-v9ld3h button:where(.svelte-v9ld3h){flex-grow:1;border-radius:0;border-top-width:2px;border-bottom-width:2px;border-style:solid;border-color:var(--secondary-colour);background-color:var(--primary-colour);cursor:pointer;transition:background-color .3s,border-color .3s}#degree-keyboard.svelte-v9ld3h button:where(.svelte-v9ld3h):not(.active){opacity:30%;cursor:default}#degree-keyboard.svelte-v9ld3h button.selected:where(.svelte-v9ld3h){background-color:var(--amber-colour);color:var(--primary-colour)}#degree-keyboard.svelte-v9ld3h button.correct:where(.svelte-v9ld3h){background-color:var(--correct-colour);color:var(--primary-colour)}#degree-keyboard.svelte-v9ld3h button.incorrect:where(.svelte-v9ld3h){background-color:var(--incorrect-colour);color:var(--primary-colour)}#degree-keyboard.svelte-v9ld3h button.missed:where(.svelte-v9ld3h){background-color:var(--correct-light-colour)}#degree-keyboard.svelte-v9ld3h button:where(.svelte-v9ld3h):first-child{border-radius:1rem 0 0 1rem}#degree-keyboard.svelte-v9ld3h button:where(.svelte-v9ld3h):last-child{border-radius:0 1rem 1rem 0}button.svelte-v9ld3h{font-size:1.5rem}#degree-keyboard.svelte-v9ld3h button.dbl-left:where(.svelte-v9ld3h){border-left-width:2px}#degree-keyboard.svelte-v9ld3h button.nml-left:where(.svelte-v9ld3h){border-left-width:1px}#degree-keyboard.svelte-v9ld3h button.no-left:where(.svelte-v9ld3h){border-left-width:0px}#degree-keyboard.svelte-v9ld3h button.dbl-right:where(.svelte-v9ld3h){border-right-width:2px}#degree-keyboard.svelte-v9ld3h button.nml-right:where(.svelte-v9ld3h){border-right-width:1px}#degree-keyboard.svelte-v9ld3h button.no-right:where(.svelte-v9ld3h){border-right-width:0px}#top-bar.svelte-1vjhgmq{height:12vh;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative}#title.svelte-1vjhgmq{position:absolute;left:50%;transform:translate(-50%);color:var(--secondary-light-colour);font-size:1.25rem}#back-button.svelte-1vjhgmq{border-style:none;background-color:var(--primary-colour);font-size:1rem;cursor:pointer;height:7vh;width:7vh;fill:var(--secondary-light-colour)}#main.svelte-5s00bq{height:100%;width:90%;padding:0 5%}#tone-buttons-container.svelte-5s00bq{width:100%;display:flex;flex-direction:row}#tone-buttons-container.svelte-5s00bq button:where(.svelte-5s00bq){flex-grow:1;border-radius:0;border-width:2px 1px 2px 1px;border-style:solid;border-color:var(--secondary-colour);background-color:var(--primary-colour);cursor:pointer;transition:background-color .3s,border-color .3s;font-size:1.25rem}#tone-buttons-container.svelte-5s00bq button.selected:where(.svelte-5s00bq){background-color:var(--tertiary-colour);color:var(--primary-colour)}#tone-buttons-container.svelte-5s00bq button:where(.svelte-5s00bq):first-child{border-radius:1rem 0 0 1rem;border-width:2px 1px 2px 2px}#tone-buttons-container.svelte-5s00bq button:where(.svelte-5s00bq):last-child{border-radius:0 1rem 1rem 0;border-width:2px 2px 2px 1px}#scales-container.svelte-5s00bq{height:40vh;overflow:scroll;margin-bottom:1.5rem}#scales-container.svelte-5s00bq button:where(.svelte-5s00bq){border-radius:0;border-width:1px 2px 1px 2px;border-style:solid;border-color:var(--secondary-colour);display:block;width:100%;background-color:var(--primary-colour);cursor:pointer;transition:background-color .3s,border-color .3s;font-size:1.25rem}#scales-container.svelte-5s00bq button:where(.svelte-5s00bq):first-child{border-radius:1rem 1rem 0 0;border-width:2px 2px 1px 2px}#scales-container.svelte-5s00bq button:where(.svelte-5s00bq):last-child{border-radius:0 0 1rem 1rem;border-width:1px 2px 2px 2px}#scales-container.svelte-5s00bq button.selected:where(.svelte-5s00bq){background-color:var(--tertiary-colour);color:var(--primary-colour)}#train-button-container.svelte-5s00bq{width:100;text-align:center}#train-button-container.svelte-5s00bq button:where(.svelte-5s00bq){border-radius:1rem;padding:.5rem 1rem;cursor:pointer;border:none;background-color:var(--tertiary-colour);color:var(--primary-colour);font-size:1.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:60%;margin-left:20%}.arrowIcon.svelte-5s00bq{height:7vh;width:7vh;fill:var(--primary-colour);transform:scaleX(-1)}h2.svelte-5s00bq{margin:.75rem 0 .25rem;font-size:1rem;font-weight:400}#main.svelte-1qdznjz{height:100%;width:90%;display:flex;flex-direction:column;padding:0 5%}#top-half.svelte-1qdznjz,#bottom-half.svelte-1qdznjz{width:100%;position:relative}#top-half.svelte-1qdznjz{height:60%}#bottom-half.svelte-1qdznjz{height:40%}#correct-incorrect-text.svelte-1qdznjz{position:absolute;top:0;text-align:center;width:100%}#correct-incorrect-text.svelte-1qdznjz .correct:where(.svelte-1qdznjz){color:var(--correct-colour);font-weight:700}#correct-incorrect-text.svelte-1qdznjz .incorrect:where(.svelte-1qdznjz){color:var(--incorrect-colour)}#bottom-buttons.svelte-1qdznjz{width:100%;display:flex;padding:0 5%;box-sizing:border-box;position:absolute;top:55%}#submit-button.svelte-1qdznjz,#next-button.svelte-1qdznjz{background-color:var(--tertiary-colour);cursor:pointer;border:none;color:var(--primary-colour);width:50%;padding:.5rem 0;transition:opacity .3s;font-size:1.5rem}#submit-button.svelte-1qdznjz{border-radius:1rem 0 0 1rem}#next-button.svelte-1qdznjz{border-radius:0 1rem 1rem 0}#degree-keyboard-container.svelte-1qdznjz{position:absolute;top:17%;width:100%}h1.svelte-1qdznjz{margin:0;font-size:1.3rem;text-align:center;position:absolute;top:20%;width:100%}.audiocontainer.svelte-1qdznjz{position:absolute;width:100%;height:23%}.audiocontainer.scale.svelte-1qdznjz{top:46%}.audiocontainer.test.svelte-1qdznjz{top:73%}button.svelte-1qdznjz{font-size:1.5rem}button.hidden.svelte-1qdznjz{opacity:30%;cursor:default!important}#submit-button.hidden.svelte-1qdznjz{border-right-width:0}#next-button.hidden.svelte-1qdznjz{border-left-width:0}div.svelte-prut5h{position:absolute;width:100vw;height:100vh}#main.svelte-1m0f7km{height:100%;width:100%}.top-bar.svelte-1m0f7km{width:90%;padding-left:5%}.progress.svelte-1m0f7km{height:100%;width:2.5%;background-color:var(--tertiary-colour);position:absolute;border-radius:0 .5rem .5rem 0;z-index:1}li.svelte-1m0f7km{list-style-type:none;display:flex;justify-content:space-between;align-items:center;height:10vh;font-size:1.2rem;width:95%;padding:0 5% 0 0;position:relative}li.inactive.svelte-1m0f7km{opacity:50%}.scale-text.svelte-1m0f7km{margin-left:5%;border-radius:.5rem}ul.svelte-1m0f7km{margin:0;padding:.5vh 0 0}span.svelte-1m0f7km{z-index:2;background-color:#fff;padding:.1rem .35rem}.percentage.svelte-1m0f7km{border-radius:2rem}#main.svelte-bmi8og{height:100%;width:90%;padding:0 5%}div.svelte-1vn7rmd{position:absolute;width:100vw;height:100vh}