/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.links-container{display:flex}.navigation-wrapper button{display:none;border:none}@media (max-width: 800px){.links-container{position:fixed;right:0;width:60vw;top:0;height:100vh;z-index:100;padding-top:3rem;flex-direction:column;transform:translate(60vw);transition:ease-in .3s;will-change:transform;background:var(--background-color);box-shadow:-2px 0 5px #00000042}.navigation-open>.links-container{transform:translate(0)}.navigation-wrapper button{position:absolute;top:.2rem;right:.2rem;display:inherit}}.links-container>a{text-decoration:none;text-align:center;padding:.7rem 2rem .3rem;font-size:1.1rem}.links-container>a.active{border-bottom:2px solid var(--primary-darker-color)}.live-detection-page{max-width:960px;margin:auto}.live-detection__container{display:grid;grid-template-columns:2fr 3fr;gap:2rem}.live-detection__container input{white-space:pre-line;text-align:left;max-width:calc(100vw - 6rem)}.live-detection__circle-of-fifths{justify-self:center;max-width:480px;width:100%}@media (max-width: 440px){.live-detection__container{grid-template-columns:1fr}.live-detection__circle-of-fifths{width:calc(100vw - 6rem)}}.file-item__container{padding:1rem;border-radius:.5rem;margin-bottom:3rem;display:grid;min-height:5rem;grid-template-columns:2fr 1fr;grid-template-areas:"name result" "progress result";gap:1rem}@media (max-width: 440px){.file-item__container{width:100%;grid-template-columns:1fr;grid-template-areas:"name" "progress" "result"}}.file-item__container:hover{background-color:var(--gray-color)}.file-item__song-name{grid-area:name;font-size:1.1rem}.file-item__result-container{grid-area:result;position:relative;display:flex;justify-content:flex-end;align-items:flex-end}@media (max-width: 440px){.file-item__result-container{flex-direction:row-reverse}}.file-item__result-text{font-size:1.8rem}@media (max-width: 440px){.file-item__result-text{font-size:1.4rem}}.file-item__circle{width:3rem;opacity:.5;margin-left:1rem;flex:none}@media (max-width: 440px){.file-item__circle{width:2rem;margin-left:0;margin-right:1rem}}.file-item__progress-indicator{grid-area:progress;display:flex;align-items:center;font-size:.8rem}.file-item__progress-indicator progress{margin-right:.4rem}@media (max-width: 540px){.file-item__progress-indicator progress{max-width:80px}}progress{border:0;height:.6rem;border-radius:.2rem;color:var(--primary-darker-color)}progress::-webkit-progress-bar{border:0;height:.6rem;border-radius:.2rem}progress::-webkit-progress-value{border:0;height:.6rem;border-radius:.2rem;background:var(--primary-darker-color)}progress::-moz-progress-bar{border:0;height:.6rem;border-radius:.2rem;background:var(--primary-darker-color)}.audio-file-key-detection-page{max-width:960px;margin:auto}.audio-file-key-detection-page input{white-space:pre-line;max-width:calc(100vw - 6rem)}.settings-page{max-width:960px;margin:auto}.settings-container p{font-size:.6rem}.settings-container select,.settings-container input{height:1.4rem}.settings-container__notation-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}@media (max-width: 440px){.settings-container__notation-fields{display:flex;flex-direction:column}}.settings-container__notation-fields-column{display:flex;flex-direction:column}.settings-container__notation-field{display:grid;grid-template-columns:2fr 3fr;grid-gap:1rem;align-items:baseline;padding-bottom:.2rem}.settings-container__theme-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;max-width:400px}.settings-container__theme-fields>div{padding-right:.3rem;display:flex;justify-content:flex-start;align-items:flex-start}.settings-container__key-at-top-field,.settings-container__processes-field{display:grid;grid-template-columns:1fr 2fr;grid-gap:1rem;align-items:center;max-width:400px}.settings-container--danger{color:var(--danger-color)}.settings-container__save-button{margin-top:2rem}.settings-container__reset-section{margin-top:8rem}.about-page{max-width:960px;margin:auto}.about-page__links{padding-top:1rem}:root{--breakpoint-mobile: 440px;--breakpoint-tablet: 800px}html{box-sizing:border-box;font-size:calc(1em + .618vw);color:var(--foreground-color);background-color:var(--background-color);width:100vw;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}a:link,a:visited,a:hover,a:active{color:var(--primary-darker-color);text-decoration:none}button,input{color:var(--foreground-color);background-color:var(--background-color);border:1px solid var(--primary-color);border-radius:.2rem;padding:.4rem 1rem;min-width:0}button:disabled,input:disabled{background-color:var(--gray-color)}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.top-bar{width:100%;display:flex;justify-content:space-between;border-bottom:2px solid var(--gray-color);background-color:var(--background-color)}.app-logo{font-family:Hoefler Text,Baskerville Old Face,Garamond,Times New Roman,serif;font-weight:700;padding:.65em 2em .35em;font-size:1.1em}.app-logo a:link,.app-logo a:visited,.app-logo a:hover,.app-logo a:active{color:var(--primary-color);text-decoration:none}.app-wrapper{margin:2rem 3rem}