.hamburger.svelte-whv2yn.svelte-whv2yn{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.svelte-whv2yn.svelte-whv2yn:hover{opacity:0.7}.hamburger.is-active.svelte-whv2yn.svelte-whv2yn:hover{opacity:0.7}.hamburger.is-active.svelte-whv2yn .hamburger-inner.svelte-whv2yn,.hamburger.is-active.svelte-whv2yn .hamburger-inner.svelte-whv2yn::before,.hamburger.is-active.svelte-whv2yn .hamburger-inner.svelte-whv2yn::after{background-color:#000}.hamburger-box.svelte-whv2yn.svelte-whv2yn{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner.svelte-whv2yn.svelte-whv2yn{display:block;top:50%;margin-top:-2px}.hamburger-inner.svelte-whv2yn.svelte-whv2yn,.hamburger-inner.svelte-whv2yn.svelte-whv2yn::before,.hamburger-inner.svelte-whv2yn.svelte-whv2yn::after{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner.svelte-whv2yn.svelte-whv2yn::before,.hamburger-inner.svelte-whv2yn.svelte-whv2yn::after{content:"";display:block}.hamburger-inner.svelte-whv2yn.svelte-whv2yn::before{top:-10px}.hamburger-inner.svelte-whv2yn.svelte-whv2yn::after{bottom:-10px}.hamburger--slider.svelte-whv2yn .hamburger-inner.svelte-whv2yn{top:2px}.hamburger--slider.svelte-whv2yn .hamburger-inner.svelte-whv2yn::before{top:10px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:0.15s}.hamburger--slider.svelte-whv2yn .hamburger-inner.svelte-whv2yn::after{top:20px}.hamburger--slider.is-active.svelte-whv2yn .hamburger-inner.svelte-whv2yn{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--slider.is-active.svelte-whv2yn .hamburger-inner.svelte-whv2yn::before{transform:rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);opacity:0}.hamburger--slider.is-active.svelte-whv2yn .hamburger-inner.svelte-whv2yn::after{transform:translate3d(0, -20px, 0) rotate(-90deg)}nav.svelte-whv2yn.svelte-whv2yn{border-bottom:1px solid rgba(255, 62, 0, 0.1);font-weight:300;padding:0 1em}ul.svelte-whv2yn.svelte-whv2yn{margin:0;padding:0}ul.svelte-whv2yn.svelte-whv2yn::after{content:"";display:block;clear:both}li.svelte-whv2yn.svelte-whv2yn{display:block;float:left}[aria-current].svelte-whv2yn.svelte-whv2yn{position:relative;display:inline-block}[aria-current].svelte-whv2yn.svelte-whv2yn::after{position:absolute;content:"";width:calc(100% - 1em);height:2px;background-color:rgb(255, 62, 0);display:block;bottom:-1px}a.svelte-whv2yn.svelte-whv2yn{text-decoration:none;padding:1em 0.5em;display:block}.mobile.svelte-whv2yn.svelte-whv2yn{display:none}@media only screen and (max-width: 768px){.primary.svelte-whv2yn.svelte-whv2yn{display:none}.hamburger.svelte-whv2yn.svelte-whv2yn{padding:0.25rem;margin:1rem 0}.mobile.svelte-whv2yn.svelte-whv2yn{display:block}ul.mobile.svelte-whv2yn.svelte-whv2yn{display:grid;height:0px;width:0px;overflow:hidden;transition:height 0.2s}ul.mobile.is-active.svelte-whv2yn.svelte-whv2yn{transition:height 0.2s;height:175px;width:auto}ul.svelte-whv2yn.svelte-whv2yn{font-size:13px}}
.metronome-container.svelte-y93df9.svelte-y93df9{position:relative;left:30%}.metronome-container.svelte-y93df9 .metronome-container-inner.svelte-y93df9{position:absolute;right:-6.2rem;bottom:4rem;width:15rem;padding:1rem;text-align:center;box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);background-color:#2f3437;border-radius:0.5rem}.metronome-container.svelte-y93df9 .metronome-container-inner .bpm-beat-container .bpm-container.svelte-y93df9,.metronome-container.svelte-y93df9 .metronome-container-inner .bpm-beat-container .beat-container.svelte-y93df9{width:49%;display:inline-block}.metronome-container.svelte-y93df9 .metronome-container-inner .bpm-beat-container .bpm-container label.svelte-y93df9,.metronome-container.svelte-y93df9 .metronome-container-inner .bpm-beat-container .beat-container label.svelte-y93df9{display:flex}.metronome-container.svelte-y93df9 .metronome-container-inner .bpm-beat-container .bpm-container input.svelte-y93df9,.metronome-container.svelte-y93df9 .metronome-container-inner .bpm-beat-container .beat-container input.svelte-y93df9{width:3rem}.metronome-container.svelte-y93df9 .metronome-container-inner .subdivision-button.svelte-y93df9{width:3rem;height:3rem;font-size:2rem;margin:0rem 0.5rem}.metronome-container.svelte-y93df9 .metronome-container-inner .subdivision-button.active.svelte-y93df9{box-shadow:0px 0px 4px 5px rgb(20, 108, 22)}.metronome-container.svelte-y93df9 .metronome-container-inner .subdivision-button .subdivision-note.svelte-y93df9{position:relative;right:0.25rem}.metronome-container.svelte-y93df9 .metronome-container-inner .bpm-beat-container.svelte-y93df9,.metronome-container.svelte-y93df9 .metronome-container-inner .slide-container.svelte-y93df9,.metronome-container.svelte-y93df9 .metronome-container-inner .subdivision-container.svelte-y93df9,.metronome-container.svelte-y93df9 .metronome-container-inner .play-container.svelte-y93df9{margin-bottom:1rem}.metronome-container.svelte-y93df9 .metronome-container-inner .subdivision-container.svelte-y93df9,.metronome-container.svelte-y93df9 .metronome-container-inner .play-container.svelte-y93df9{margin-top:2rem}.metronome-container.svelte-y93df9 .metronome-button.svelte-y93df9{box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.metronome-container.svelte-y93df9 .metronome-icon.svelte-y93df9{width:30px}.metronome-container.svelte-y93df9 .volume.svelte-y93df9{display:flex;justify-content:center;align-items:center}.metronome-container.svelte-y93df9 .volume input.svelte-y93df9{width:60%;margin:0rem 0.5rem}.metronome-container.svelte-y93df9 .volume img.svelte-y93df9{width:20px}@media only screen and (max-width: 768px){.metronome-container.svelte-y93df9.svelte-y93df9{left:25%}}
.tuner-container.svelte-s0w8ee.svelte-s0w8ee{position:relative;left:60%}.tuner-container.svelte-s0w8ee .tuner-container-inner.svelte-s0w8ee{position:absolute;right:-5.2rem;bottom:4rem;padding:1rem;box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);background-color:#2f3437;border-radius:0.5rem}.tuner-container.svelte-s0w8ee .tuner-button.svelte-s0w8ee{box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.tuner-container.svelte-s0w8ee .tuner-icon.svelte-s0w8ee{width:30px}.tuner-container.svelte-s0w8ee .tuner-info-container.svelte-s0w8ee{color:red;font-size:1rem;text-align:center}.tuner-container.svelte-s0w8ee .tuner-info-container.in-tune.svelte-s0w8ee{color:green}@media only screen and (max-width: 768px){.tuner-container.svelte-s0w8ee.svelte-s0w8ee{left:50%}}
*{box-sizing:border-box}html,body{margin:0;padding:0;color:white;background-color:#4c4c4c}html .card,body .card{align-items:center;justify-content:center;box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);background-color:#2f3437;padding:1rem;margin-bottom:1rem}main{margin:2rem auto 0 auto;box-sizing:border-box}main.add-bg-opacity::before{content:"";width:100vw;height:100vh;opacity:0.75;background-color:grey;position:absolute;left:0px;top:0px;z-index:1}main button{padding:0.5rem}button{color:white;background-color:#0c229f;border-radius:8px;box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);border:none;outline:none;cursor:pointer;transition:background-color 0.5s}button.paused{background-color:#146c16}button.playing{background-color:#b81a1a}button.close{background-color:#b81a1a}button.pitch-button{background-color:#FFFFF0;margin:0.1rem;color:black}button.pitch-button:hover{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}button.halftone{color:white;background-color:black}button:hover{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}button:active{background-color:#146c16;transform:translateY(1px)}button:disabled{background-color:grey}button:disabled:hover{box-shadow:none}select{padding:0.5rem;border:none;outline:none}[type=range]{-webkit-appearance:none;background:transparent;margin:12px 0;width:100%}[type=range]::-moz-focus-outer{border:0}[type=range]:focus{outline:0}[type=range]:focus::-webkit-slider-runnable-track{background:rgb(98.3065953654%, 98.5739750446%, 98.752228164%)}[type=range]:focus::-ms-fill-lower{background:#eceff1}[type=range]:focus::-ms-fill-upper{background:rgb(98.3065953654%, 98.5739750446%, 98.752228164%)}[type=range]::-webkit-slider-runnable-track{cursor:default;height:8px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;width:100%;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(5%, 5%, 5%, 0.2);background:#eceff1;border:2px solid #cfd8dc;border-radius:5px}[type=range]::-webkit-slider-thumb{box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(5%, 5%, 5%, 0.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;box-sizing:border-box;cursor:default;height:24px;width:24px;-webkit-appearance:none;margin-top:-10px}[type=range]::-moz-range-track{box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(5%, 5%, 5%, 0.2);cursor:default;height:8px;-moz-transition:all 0.2s ease;transition:all 0.2s ease;width:100%;background:#eceff1;border:2px solid #cfd8dc;border-radius:5px;height:4px}[type=range]::-moz-range-thumb{box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(5%, 5%, 5%, 0.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;box-sizing:border-box;cursor:default;height:24px;width:24px}[type=range]::-ms-track{cursor:default;height:8px;-ms-transition:all 0.2s ease;transition:all 0.2s ease;width:100%;background:transparent;border-color:transparent;border-width:12px 0;color:transparent}[type=range]::-ms-fill-lower{box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(5%, 5%, 5%, 0.2);background:rgb(86.7914438503%, 88.8770053476%, 90.2673796791%);border:2px solid #cfd8dc;border-radius:10px}[type=range]::-ms-fill-upper{box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(5%, 5%, 5%, 0.2);background:#eceff1;border:2px solid #cfd8dc;border-radius:10px}[type=range]::-ms-thumb{box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(5%, 5%, 5%, 0.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;box-sizing:border-box;cursor:default;height:24px;width:24px;margin-top:2px}[type=range]:disabled::-webkit-slider-thumb,[type=range]:disabled::-moz-range-thumb,[type=range]:disabled::-ms-thumb,[type=range]:disabled::-webkit-slider-runnable-track,[type=range]:disabled::-ms-fill-lower,[type=range]:disabled::-ms-fill-upper{cursor:not-allowed}.metronome-tuner-container{display:flex;margin:2rem 0}
h1.svelte-jpshsi,p.svelte-jpshsi{margin:0 auto}h1.svelte-jpshsi{font-size:2.8em;font-weight:700;margin:0 0 0.5em 0}p.svelte-jpshsi{margin:1em auto}@media(min-width: 480px){h1.svelte-jpshsi{font-size:4em}}