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;background-color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{margin:0 auto;max-width:640px;flex-direction:column;justify-content:center}input[type=file]{display:none}.video-sources{justify-content:center;padding:16px;color:#fff;font-weight:500;text-align:center}.video-sources__select{background:#000;color:#fff;padding:4px 8px;border-radius:12px;border:none;outline:none;font-size:1em;cursor:pointer}.player{position:relative;padding-bottom:56.25%;height:0;background:#000}.player video{position:absolute;top:0;left:0;width:100%;height:100%;outline:none;background:#000}.video-speed-control{display:flex;justify-content:center;padding:8px}.video-speed-control__item{background-color:#000;color:#444;border:1px solid #101010;width:40px;padding:4px;display:flex;justify-content:center;align-items:center;margin-left:-1px;outline:none;cursor:pointer}.video-speed-control__item--active,.video-speed-control__item:hover{background-color:#fff}.video-speed-control__item:first-of-type{border-radius:12px 0 0 12px;margin-left:0}.video-speed-control__item:last-of-type{border-radius:0 12px 12px 0}.video-wave{margin:0 24px;padding:0 4px;border-radius:0 0 6px 6px;border:1px solid #000}.video-tempo,.video-wave>div{max-width:640px;max-height:80px}.video-tempo{position:relative}.video-tempo__end,.video-tempo__start{position:absolute;top:0;height:80px;width:0;z-index:1}.video-tempo__end:before,.video-tempo__start:before{position:absolute;content:"";width:24px;height:80px;background-color:red}.video-tempo__start{left:0}.video-tempo__start:before{top:0;left:-24px;border-radius:24px 0 0 24px}.video-tempo__end{right:0}.video-tempo__end:before{top:0;right:-24px;border-radius:0 24px 24px 0}.video-markers{position:relative;margin:0 24px;border:1px solid #000;height:40px}.video-markers__end,.video-markers__start{position:absolute;top:0;height:40px;width:0;z-index:1}.video-markers__end:before,.video-markers__start:before{position:absolute;content:"";width:24px;height:40px;background-color:red}.video-markers__start{left:0}.video-markers__start:before{top:0;left:-24px;border-radius:24px 0 0 24px}.video-markers__end{right:0}.video-markers__end:before{top:0;right:-24px;border-radius:0 24px 24px 0}
/*# sourceMappingURL=main.7b832f1d.chunk.css.map */