*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000}#video-controls{z-index:100;opacity:1;background:#000c;padding:10px;transition:opacity .3s;position:fixed;bottom:0;left:0;right:0}#video-controls.hidden{opacity:0;pointer-events:none}#progress-container{cursor:pointer;background-color:#00d29a55;width:100%;height:4px}#progress-bar{background-color:#ff8400;width:0%;height:100%;transition:width .1s}#video-time{color:#fff;text-align:right;font-family:monospace;font-size:12px}