#alert_container{display:none;position:fixed;width:100%;height:100%;background-color:#00000099;z-index:4}#alert{background-color:var(--secondary-background-color);margin-top:65px;margin-right:auto;margin-left:auto;padding-right:17px;padding-left:17px;padding-top:15px;padding-bottom:15px;max-width:411px;border:1px solid var(--tertiary-background-color)}#alert h3{float:left;margin-top:0;font-size:19px}#alert p{padding-right:3px;padding-left:3px;font-size:15px}#alert_header{height:30px}#dismiss_alert_button{height:36px;width:36px;position:absolute;top:7px;cursor:pointer;border-radius:18px;position:relative;float:right;top:-3px}#dismiss_alert_button img{padding-top:3px;padding-left:0;height:16px}button{color:var(--primary-font-color);height:36px;cursor:pointer;padding:0;padding-left:5px;padding-right:5px;margin:0;font-weight:200;border:1px solid var(--tertiary-background-color);font-size:18px;background-color:var(--secondary-background-color);border-radius:.22rem;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(min-width:800px),(min-height:500px){button:hover{background-color:var(--tertiary-background-color);cursor:pointer}}@media(max-width:800px),(max-height:500px){button:hover{cursor:pointer}}button:focus{outline:0;border:1px solid var(--highlight-color)}button.selected{color:var(--secondary-background-color);background-color:var(--primary-font-color)}button:disabled,button[disabled]{border:1px solid #333;color:#333;cursor:not-allowed}@media(min-width:800px),(min-height:500px){#kofi_button{width:158px}#kofi_button img{padding-left:0}#kofi_button span{display:block}}@media(max-width:800px),(max-height:500px){#kofi_button{width:36px;border-radius:18px}#kofi_button img{padding-left:2px}#kofi_button span{display:none}}header{position:fixed;background:var(--secondary-background-color);height:var(--header-height);box-shadow:1px 0 5px var(--primary-background-color);z-index:3;margin:0;width:100%}header #page_name{top:0;position:absolute;font-size:24px;line-height:var(--header-height);height:var(--header-height);white-space:nowrap;margin-left:20px;width:120px;cursor:pointer}#kofi_button{padding:0;float:left;height:36px;position:absolute;top:4px;cursor:pointer;margin-right:5px;right:54px}#kofi_button span{float:right;padding-left:2px;padding-right:10px;line-height:36px;font-size:12px;width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#kofi_button img{padding-left:6px;float:left;padding-top:2px;padding-right:0;padding-bottom:2px;border:0;height:30px}#info_button{height:36px;width:36px;position:absolute;top:4px;cursor:pointer;border-radius:18px;right:15px}#info_button img{padding-top:3px;padding-left:0;height:16px}@font-face{font-family:"SF Display Thin";font-display:block;src:url("../fonts/SF_Pro_Display_Thin.woff2")}html,body{margin:0;padding:0;top:0;bottom:0;min-width:320px;font-size:15px;-webkit-text-size-adjust:none;min-height:-webkit-fill-available;height:-webkit-fill-available}body{background:#000;color:#EEE;min-width:340px;font-family:'SF Display Thin',sans-serif;margin:0;padding:0}main{width:100%;padding-top:var(--header-height);display:flex;flex-wrap:wrap;justify-content:center}aside{width:100%;display:flex;flex-wrap:wrap;justify-content:center}article{min-width:340px;margin:10px}table{width:100%}th{text-align:left}tr td{width:50%;height:48px}select{height:48px;width:150px}button{min-width:36px;margin-top:3px;margin-bottom:3px}input{height:48px}strong{cursor:pointer;text-decoration:underline;color:#007bff}label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch{pointer-events:none}.highlighted{color:#007bff;font-weight:bold}.highlighted-background{color:#007bff;font-weight:bold;background-color:var(--primary-font-color);border-radius:.22rem}.checkbox-row{color:var(--primary-font-color);font-size:15px;height:var(--row-height);background-color:transparent;border:0;cursor:pointer}.checkbox-row label{cursor:pointer !important}.checkbox-row span:first-child{height:100%;white-space:nowrap;width:calc(100% - 150px);text-align:left;overflow:hidden;text-overflow:ellipsis;line-height:var(--row-height)}.slider{width:150px}.no_select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#ios_install_instructions p{font-size:18px !important}#ios_install_instructions img{width:25px;height:25px;vertical-align:text-bottom}#start,#resume,#pause{width:336px;display:none}#spectrogram,#spectrogram2,#oscilloscope,#frequency_view{border:2px #49494955 solid}#oscilloscope,#frequency_view{width:336px;height:86px}#spectrogram,#spectrogram2{width:1000px;height:450px}#bpm_row,#metronome_volume_row,#metronome_beat_division_row{display:none}:root{--row-height:45px;--left-column-width:320px;--header-height:50px;--highlight-color:#444;--primary-background-color:#252525;--secondary-background-color:#000;--tertiary-background-color:#494949;--primary-font-color:#fff}.switch{position:absolute;cursor:pointer;display:inline-block;width:52px;height:30px;margin-top:-12px;float:right}.switch:focus{outline:0;border:1px solid var(--highlight-color)}.switch:focus-within{box-shadow:0 0 var(--secondary-background-color)}.switch span:focus{box-shadow:0 0 var(--highlight-color)}.switch input:focus{box-shadow:0 0 var(--highlight-color)}.switch input{display:none}.switch_track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--tertiary-background-color);-webkit-transition:.4s;transition:.4s;height:30px}.switch_track:focus{outline:0;border:1px solid var(--highlight-color)}.switch_track:before{position:absolute;content:"";height:26px;width:26px;left:3px;bottom:2px;background-color:var(--secondary-background-color);-webkit-transition:.4s;transition:.4s}input:checked+.switch_track{background-color:#4cd964}input:focus+.switch_track{outline:0;border:1px solid var(--highlight-color)}input:checked+.switch_track:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(19.5px)}.switch_track.round{border-radius:34px}.switch_track.round:before{border-radius:50%}select{height:36px !important;border:0;background-color:var(--secondary-background-color);color:var(--primary-font-color);background:url(../img/down_arrow.png) right .75rem center no-repeat;background-size:8px 10px;-webkit-appearance:none;display:inline-block;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;vertical-align:middle;background-size:8px 10px;border:1px solid var(--tertiary-background-color);border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;float:right;margin-top:4px;margin-right:14px;font-family:inherit;font-size:16px}select option{background:var(--secondary-background-color) !important;color:var(--primary-font-color) !important}select:focus{outline:0;border:1px solid var(--highlight-color)}select:after{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--highlight-color);position:absolute;top:40%;right:5px;content:"";z-index:98}select:disabled{cursor:not-allowed;color:graytext}select::-ms-expand{display:none}input[type=range]{position:absolute;-webkit-appearance:none;outline:0;-webkit-transition:.2s;transition:opacity .2s;cursor:pointer}input[type=range]:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}input[type=range]:disabled{cursor:not-allowed}_::-webkit-full-page-media,_:future,:root input[type=range]{height:2px;background:#077bff}_::-webkit-full-page-media,_:future,:root input[type=range]:disabled{background:graytext}@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){input[type=range]{height:2px;background:#077bff}input[type=range]:disabled{background:graytext}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--secondary-background-color);cursor:pointer;border:1px solid var(--tertiary-background-color)}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#f5f5f5}@-moz-document url-prefix(){input[type=range]{height:2px;background:#077bff}input[type=range]:disabled{background:graytext}}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--secondary-background-color);cursor:pointer;border-width:1px;border-color:#cacaca}input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed;background:#f5f5f5}@supports(-ms-ime-align:auto){input[type=range]{margin-top:9px}}input[type=range]::-ms-track{width:300px;height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#077bff;border-radius:10px}input[type=range]::-ms-fill-upper{background:var(--secondary-background-color);border-radius:10px}input[type=range]::-ms-thumb{border:0;height:16px;width:16px;border-radius:50%;background:var(--secondary-background-color)}input[type=range]:focus::-ms-fill-lower{background:#077bff}input[type=range]:focus::-ms-fill-upper{background:#ccc}input[type=range]:disabled::-ms-fill-lower{background:#777}input[type=range]:disabled::-ms-fill-upper{background:#ccc}