body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:Linebeam}input{padding:.5em}#root{min-height:100vh}h2,h3,h4,h5{margin:0}.App{background-color:#282c34;font-size:calc(10px + 2vmin);color:#fff;padding:1em;position:absolute;top:0;width:100%;min-height:100vh;box-sizing:border-box}.App-container{max-width:800px}@font-face{font-family:"Linebeam";src:local("Linebeam"),url(/static/media/Linebeam.6844a117.ttf) format("truetype")}h1{text-decoration:underline;margin-bottom:.9em}.App-link{color:#61dafb}button{font-size:30px;padding:.5em 2em;font-weight:bolder;cursor:pointer;outline:0}input{font-size:150%}a,a:visited{color:orange}.upload-page h3{text-align:center;margin:2em 0}.upload-page .recorder>div{text-align:right}.upload-page>*>*{min-width:200px}.upload-page .file-input{background:#d3d3d3;border:1px solid #9db3a3;position:relative;color:#000;border-radius:2px;text-align:center;float:left;cursor:pointer;padding:.5em;vertical-align:middle;font-size:30px;font-weight:bolder}.file-input:hover:not(:disabled),.youtube-selector input:hover:not(:disabled),button:hover:not(:disabled){background-color:#fff;color:green}button:disabled{cursor:auto}.file-input *{cursor:pointer!important;padding:0 2em}.file-input input{position:absolute;z-index:1000;opacity:0;cursor:pointer;right:0;top:0;height:100%;font-size:24px;width:100%}.recorder,.select-mp3{display:flex;align-items:center;justify-content:space-between;margin:0!important}.select-mp3 h2{margin:0}.youtube-selector{display:flex;flex-direction:row;align-items:stretch}.youtube-selector>*{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.youtube-selector input[type=submit]{font-size:30px;font-weight:bolder;cursor:pointer}audio{width:100%;background-color:#f0f3f4;outline:0}.select-actions button{clear:both;padding:.5em 0}.result-box{background-color:hsla(0,0%,39.2%,.2);border:solid silver;border-width:1px 1px 0;box-sizing:border-box;padding:.5em;margin:2px 0}.result-box i{display:block;text-overflow:ellipsis;line-break:anywhere;overflow:hidden;font-size:20px;font-weight:700;color:#9acd32;font-family:monospace;margin-top:10px;background-color:rgb(255 255 255/10%);padding:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.result-page button,.select-actions button{width:50%}.select-actions a{text-align:right;float:right;display:block;font-size:77%;position:relative;top:-1.2em}.result-box h2{margin:.25em 0}.result-box div{background-color:#f0f3f4;display:flex}.result-page .result-box{position:relative}.style2 .result-page .result-box{background:linear-gradient(105deg,#000,#f0f3f4 85%)}a:hover{color:#ff0}.style2 h2.result-box{background-color:hsla(0,0%,39.2%,.2);border:solid silver;border-width:1px 1px 0;box-sizing:border-box;padding:.5em;margin:2px 0}.style2 .result-page>.result-box:after{content:"🎉";position:absolute;opacity:.8;top:-.7em;right:5%;font-size:38px}.style2 h2.result-box i{display:block;line-break:anywhere;font-size:70%;color:#000;font-family:monospace;margin-top:.5em;background-color:rgb(255 255 255/50%);background:linear-gradient(105deg,#f0f3f4 20%,hsla(0,0%,100%,.5) 80%);padding:.4em 1em}label{font-size:170%;line-break:loose}@media only screen and (max-width:600px){.App{font-size:calc(15px + 2vmin);overflow:hidden}h1{font-size:180%}.upload-page .file-input,.upload-page button,.upload-page input[type=submit]{font-size:80%;min-width:100px}.upload-page>*>*{min-width:0}.result-page button,.select-actions button{width:100%}}
/*# sourceMappingURL=main.b9781613.chunk.css.map */