:root{--progress-height:50px;--progress-width:calc(100vw - 100px)}body,html{margin:0;padding:0;font-size:0;height:100vh;overflow:hidden;position:fixed;background-color:#000;font-family:sans-serif}canvas{height:calc(100*var(--vh) - var(--progress-height));width:100vw}div{font-size:16px}.slider{-webkit-appearance:none;appearance:none;width:var(--progress-width);height:var(--progress-height);outline:none;opacity:.7;-webkit-transition:.1s;transition:opacity .2s;border-radius:0;background-size:100% 100%;line-height:var(--progress-height)}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2px;height:var(--progress-height);background:#000;cursor:pointer}.slider::-moz-range-thumb{width:2px;height:var(--progress-height);background:#000;cursor:pointer}canvas,input{margin:0;padding:0}input{float:left}#footer{width:100vw}#footer,#timestamp{height:var(--progress-height)}#timestamp{left:var(--progress-width);width:calc(100vw - var(--progress-width));background-color:#111;color:#fff;float:left;justify-content:center;display:flex;align-items:center;cursor:pointer}
/*# sourceMappingURL=/src.cde7fddc.css.map */