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;height:100%;width:100%}.upload-audio{width:100%;margin-top:5vh;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between}.upload-audio i.audio-icon{font-size:5em}.waveform-container{margin:0 auto;max-width:80vw}nav{height:3.5em;padding:0 2em;background-color:#1d0b22;font-size:large;font-weight:700}nav,nav>.brand{display:flex;align-items:center;color:#fff}nav a{text-decoration:none;color:inherit}i.material-icons{font-size:1.5em;color:#1d0b22}h1{color:#1d0b22}button.upload-btn{width:10em;font-size:1em;padding:.5em;background:#5b266b;border-radius:999px;color:#fff;border-color:#5b266b;cursor:pointer}button.upload-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.trim{background:#1d0b22;color:#fff;width:5em;border-radius:2px;cursor:pointer;padding:.25em;border:1px solid #639}.trim,div.all-controls{display:flex;align-items:center;justify-content:space-around}div.all-controls{margin:2em auto;max-width:60vw}.all-controls .left-container,.all-controls .right-container{display:flex;align-items:center;justify-content:space-evenly;width:50%}button.controls{border:none;background:transparent;cursor:pointer;font-size:1.2em}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;cursor:pointer;background:rgba(213,184,255,.7);border:1px solid #1d0b22;border-radius:999px;margin:0;-webkit-transition:.2s;-webkit-transition:opacity .2s;transition:opacity .2s}.slider:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#1d0b22;cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{width:15px;height:15px;background:#1d0b22;cursor:pointer;border-radius:50%}.volume-slide-container{display:flex;align-items:center}i.zoom-icon{font-size:.8em}.switch{position:relative;display:inline-block;width:4em;height:1.2em}.switch input{display:none}.toggle{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1d0b22;padding:0;border-radius:999px}.toggle,.toggle:before{position:absolute;-webkit-transition:.2s;transition:.2s}.toggle:before{content:"";top:-10%;height:1.3em;width:1.3em;background-color:#923cac;border:.05em solid #639;border-radius:50%}input:checked+.toggle:before{-webkit-transform:translateX(180%);transform:translateX(180%)}.on{display:none;left:35%}.off,.on{color:#fff;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:45%;font-size:.5em}.off{left:65%}input:checked+.toggle .on{display:block}input:checked+.toggle .off{display:none}footer{font-family:inherit;position:fixed;bottom:2%;right:2%}@media screen and (max-width:430px){nav{font-size:1em}.upload-audio i.audio-icon{font-size:4em}h1,i.material-icons{font-size:1.5em}div.all-controls{max-width:90vw;flex-flow:column nowrap}.waveform-container{max-width:90vw}.all-controls .left-container,.all-controls .right-container{justify-content:space-evenly;width:100%;margin-top:1em}i.zoom-icon{font-size:1em}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}