#menu.svelte-1lu6y9h{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-evenly}#top-bar.svelte-1lu6y9h{background-color:var(--primary-colour);color:var(--tertiary-colour);font-size:2rem;font-weight:600;text-align:left;padding-left:7.5vw;padding-right:5vw;display:flex;justify-content:center;align-items:center}#top-bar.svelte-1lu6y9h .first:where(.svelte-1lu6y9h){color:var(--secondary-colour)}div.svelte-1lu6y9h{text-align:center}.menu-button.svelte-1lu6y9h{font-size:1.5rem;background-color:var(--primary-colour-2);cursor:pointer;border:none;color:var(--secondary-colour);border-radius:.2rem;width:90vw;margin-left:5vw;padding:0 5vw;height:20vh;display:flex;flex-direction:row;justify-content:center;align-items:center;border-style:solid;border-width:.5vmin;border-color:var(--tertiary-colour);border-radius:2vmin;box-shadow:0 1vmin 0 var(--tertiary-colour-2);transition:all .1s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.menu-button.svelte-1lu6y9h:hover{transform:translateY(-1vmin);box-shadow:0 2vmin 0 var(--tertiary-colour-2)}}.menu-button.svelte-1lu6y9h:active{transform:translateY(1vmin);box-shadow:0 0 0 var(--tertiary-colour-2)}.audioContainer.svelte-vd288f{border-style:solid;border-color:var(--tertiary-colour);border-width:.5vmin;border-radius:2vmin;padding:0;background-color:var(--primary-colour-2);cursor:pointer;font-size:1rem;width:100%;height:100%;-webkit-tap-highlight-color:transparent;box-shadow:0 1vmin 0 var(--tertiary-colour-2);transition:all .1s ease}.audioContainer.svelte-vd288f:not(.active){opacity:.3;cursor:default!important}@media (hover: hover){.audioContainer.active.svelte-vd288f:not(.playing):hover{transform:translateY(-1vmin);box-shadow:0 2vmin 0 var(--tertiary-colour-2)}}.audioContainer.playing.svelte-vd288f{transform:translateY(1vmin);box-shadow:0 0 0 var(--tertiary-colour-2)}.audioContainer.svelte-vd288f>div:where(.svelte-vd288f){width:90%;margin-left:5%;color:var(--secondary-colour)}.audioContainer.svelte-vd288f>div:where(.svelte-vd288f):first-child{display:flex;justify-content:space-between;margin-top:2.5%}.progressBar.svelte-vd288f{margin-top:2.5%;margin-bottom:2.5%;height:.5rem;background-color:var(--primary-colour-2);border-radius:1rem;border-style:solid;border-color:var(--progress-colour);border-width:2px}.progress.svelte-vd288f{height:100%;width:0;background-color:var(--progress-colour);border-radius:1rem;border-style:solid;border-color:transparent;border-width:2px;visibility:hidden;box-sizing:border-box}#degree-keyboard.svelte-1lbmgbr{display:flex;flex-direction:row;width:100%}#degree-keyboard.svelte-1lbmgbr button:where(.svelte-1lbmgbr){flex-grow:1;border-radius:0;border-top-width:2px;border-bottom-width:2px;border-style:solid;border-color:var(--tertiary-colour);background-color:var(--primary-colour-2);cursor:pointer;color:var(--secondary-colour);-webkit-tap-highlight-color:transparent;box-shadow:0 1vmin 0 var(--tertiary-colour-2);transition:all .1s ease}#degree-keyboard.svelte-1lbmgbr button:where(.svelte-1lbmgbr):not(.active){opacity:30%;cursor:default}#degree-keyboard.svelte-1lbmgbr button.submitted:where(.svelte-1lbmgbr){cursor:default}@media (hover: hover){#degree-keyboard.svelte-1lbmgbr button.active:where(.svelte-1lbmgbr):not(.selected):not(.submitted):hover{transform:translateY(-1vmin);box-shadow:0 2vmin 0 var(--tertiary-colour-2)}}@media (hover: hover){#degree-keyboard.svelte-1lbmgbr button.active.selected:where(.svelte-1lbmgbr):not(.submitted):hover{transform:translateY(.5vmin);box-shadow:0 .5vmin 0 var(--tertiary-colour-2)}}#degree-keyboard.svelte-1lbmgbr button.selected:where(.svelte-1lbmgbr){background-color:var(--progress-colour);color:var(--secondary-colour);transform:translateY(1vmin);box-shadow:0 0 0 var(--tertiary-colour-2)}#degree-keyboard.svelte-1lbmgbr button.correct:where(.svelte-1lbmgbr){background-color:var(--correct-colour);color:var(--secondary-colour);transform:translateY(1vmin);box-shadow:0 0 0 var(--tertiary-colour-2)}#degree-keyboard.svelte-1lbmgbr button.incorrect:where(.svelte-1lbmgbr){background-color:var(--incorrect-colour);color:var(--secondary-colour);transform:translateY(1vmin);box-shadow:0 0 0 var(--tertiary-colour-2)}#degree-keyboard.svelte-1lbmgbr button.missed:where(.svelte-1lbmgbr){background-color:var(--correct-colour)}#degree-keyboard.svelte-1lbmgbr button:where(.svelte-1lbmgbr):first-child{border-radius:1rem 0 0 1rem}#degree-keyboard.svelte-1lbmgbr button:where(.svelte-1lbmgbr):last-child{border-radius:0 1rem 1rem 0}button.svelte-1lbmgbr{font-size:1.5rem}#degree-keyboard.svelte-1lbmgbr button.dbl-left:where(.svelte-1lbmgbr){border-left-width:2px}#degree-keyboard.svelte-1lbmgbr button.nml-left:where(.svelte-1lbmgbr){border-left-width:1px}#degree-keyboard.svelte-1lbmgbr button.no-left:where(.svelte-1lbmgbr){border-left-width:0px}#degree-keyboard.svelte-1lbmgbr button.dbl-right:where(.svelte-1lbmgbr){border-right-width:2px}#degree-keyboard.svelte-1lbmgbr button.nml-right:where(.svelte-1lbmgbr){border-right-width:1px}#degree-keyboard.svelte-1lbmgbr button.no-right:where(.svelte-1lbmgbr){border-right-width:0px}svg.svelte-149dhsb{height:100%;width:100%;fill:inherit}#top-bar.svelte-1pfy8rc{height:12vh;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative}#title.svelte-1pfy8rc{position:absolute;left:50%;transform:translate(-50%);color:var(--secondary-colour);font-size:1.25rem}#back-button.svelte-1pfy8rc{border-style:none;background-color:var(--primary-colour);font-size:1rem;cursor:pointer;height:7vmin;width:7vmin;fill:var(--secondary-colour)}#main.svelte-1vuspf6{height:100%;width:100%;padding:1vh 5% 5vh;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}#tone-buttons-container.svelte-1vuspf6{width:100%;display:flex;flex-direction:row}#tone-buttons-container.svelte-1vuspf6 button:where(.svelte-1vuspf6){flex-grow:1;border-radius:0;border-width:2px 1px 2px 1px;border-style:solid;border-color:var(--tertiary-colour);background-color:var(--primary-colour-2);cursor:pointer;transition:background-color .3s,border-color .3s;font-size:1.25rem;color:var(--secondary-colour)}#tone-buttons-container.svelte-1vuspf6 button.selected:where(.svelte-1vuspf6){background-color:var(--progress-colour)}#tone-buttons-container.svelte-1vuspf6 button:where(.svelte-1vuspf6):first-child{border-radius:1rem 0 0 1rem;border-width:2px 1px 2px 2px}#tone-buttons-container.svelte-1vuspf6 button:where(.svelte-1vuspf6):last-child{border-radius:0 1rem 1rem 0;border-width:2px 2px 2px 1px}#scales-container.svelte-1vuspf6{height:40vh;overflow:scroll;margin-bottom:1.5rem}#scales-container.svelte-1vuspf6 button:where(.svelte-1vuspf6){border-radius:0;border-width:1px 2px 1px 2px;border-style:solid;border-color:var(--tertiary-colour);display:block;width:100%;background-color:var(--primary-colour-2);cursor:pointer;transition:background-color .3s,border-color .3s;font-size:1.25rem;color:var(--secondary-colour)}#scales-container.svelte-1vuspf6 button:where(.svelte-1vuspf6):first-child{border-radius:1rem 1rem 0 0;border-width:2px 2px 1px 2px}#scales-container.svelte-1vuspf6 button:where(.svelte-1vuspf6):last-child{border-radius:0 0 1rem 1rem;border-width:1px 2px 2px 2px}#scales-container.svelte-1vuspf6 button.selected:where(.svelte-1vuspf6){background-color:var(--progress-colour)}#train-button-container.svelte-1vuspf6{width:100;text-align:center}#train-button-container.svelte-1vuspf6 button:where(.svelte-1vuspf6){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:center;align-items:center;width:60%;margin-left:20%}h2.svelte-1vuspf6{margin:.75rem 0 .25rem;font-size:1rem;font-weight:400;color:var(--secondary-colour)}#main.svelte-tlgsza{height:100%;width:90%;display:flex;flex-direction:column;padding:0 5%}#top-half.svelte-tlgsza,#bottom-half.svelte-tlgsza{width:100%;position:relative}#top-half.svelte-tlgsza{height:60%}#bottom-half.svelte-tlgsza{height:40%}#correct-incorrect-text.svelte-tlgsza{position:absolute;top:0;text-align:center;width:100%}#correct-incorrect-text.svelte-tlgsza .correct:where(.svelte-tlgsza){color:var(--correct-colour);font-weight:600}#correct-incorrect-text.svelte-tlgsza .incorrect:where(.svelte-tlgsza){color:var(--incorrect-colour)}#bottom-buttons.svelte-tlgsza{width:100%;display:flex;padding:0 5%;box-sizing:border-box;position:absolute;top:55%}#submit-button.svelte-tlgsza,#next-button.svelte-tlgsza{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-tlgsza{border-radius:1rem 0 0 1rem}#next-button.svelte-tlgsza{border-radius:0 1rem 1rem 0}#degree-keyboard-container.svelte-tlgsza{position:absolute;top:17%;width:100%}h1.svelte-tlgsza{margin:0;font-size:1.3rem;text-align:center;position:absolute;top:20%;width:100%;font-weight:400;color:var(--secondary-colour)}.audiocontainer.svelte-tlgsza{position:absolute;width:100%;height:23%}.audiocontainer.scale.svelte-tlgsza{top:46%}.audiocontainer.test.svelte-tlgsza{top:73%}button.svelte-tlgsza{font-size:1.5rem}button.hidden.svelte-tlgsza{opacity:30%;cursor:default!important}#submit-button.hidden.svelte-tlgsza{border-right-width:0}#next-button.hidden.svelte-tlgsza{border-left-width:0}div.svelte-a2pjn3{position:absolute;width:100vw;height:100dvh}#main.svelte-8uye4n{height:100%;width:100%}.top-bar.svelte-8uye4n{width:90%;padding-left:5%}.progress.svelte-8uye4n{height:100%;width:2.5%;background-color:var(--progress-colour);position:absolute;border-radius:0 .5rem .5rem 0;z-index:1}li.svelte-8uye4n{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-8uye4n{opacity:50%}.scale-text.svelte-8uye4n{margin-left:5%;border-radius:.5rem}ul.svelte-8uye4n{margin:0;padding:.5vh 0 0}span.svelte-8uye4n{z-index:2;background-color:var(--primary-colour-2);color:var(--secondary-colour);padding:.3rem .5rem}.percentage.svelte-8uye4n{border-radius:2rem}#main.svelte-bmi8og{height:100%;width:90%;padding:0 5%}div.svelte-9i3okv{position:absolute;width:100vw;height:100dvh}