body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:rgba(3,3,3,.811);color:#fff;font-size:16px;margin:0}.main-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.urlInput{background:#862ba21a;border:2px solid #862ba2;border-radius:5px;color:#fff;font-size:16px;outline:none;padding:10px 16px;width:400px}.urlInput::placeholder{color:#a59ea8}.urlSubmitButton{background:#862ba2;border:0;border-radius:5px;box-shadow:0 2px 4px #2d234266;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 24px}.urlSubmitButton:hover{background:#9d35ba}.fileInputLabel{background:#862ba2;border:0;border-radius:5px;box-shadow:0 2px 4px #2d234266;color:#fff;cursor:pointer;display:flex;font-size:18px;height:auto;outline:0;padding:10px 32px;text-shadow:0 1px 0 #0006;will-change:box-shadow,transform}.videoPlayerContainer{background-color:#221f22;border:1px solid #403d42;border-radius:8px;box-shadow:0 0 10px #0000001a;flex:70 1;height:400px;margin:10px 2%;overflow:hidden;position:relative;width:100%}.videoPlayer{object-fit:cover}.videoCanvas,.videoPlayer{background-color:#221f22;height:100%;width:100%}.videoCanvas{object-fit:contain}.playPauseButton{opacity:0}.playPauseButton,.playPauseButton i{cursor:pointer;transition:opacity .3s ease}.playPauseButton i{left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.videoPlayerContainer:hover .playPauseButton{opacity:1}.metadataContainer{background-color:#221f22;border:1px solid #403d42;border-radius:8px;box-shadow:0 0 10px #0000001a;flex:30 1;height:auto;margin:10px 2%;padding:18px;width:50%}.metadataContainer h3{color:#ab65c0;margin-bottom:10px;padding:5px}.metadataContainer p{color:#a59ea8;object-fit:cover;padding:2px}.waveform-container{background-color:#12111133;border:1px solid #201d1d4d;height:auto;margin-bottom:5px;margin-top:10px;max-width:800px;width:100%}.waveform-canvas{height:80px;max-width:100%;width:100%}
/*# sourceMappingURL=main.c1890f3e.css.map*/