@font-face{font-family:Recursive;src:url(/RecursiveMonoLnrSt-Light.woff2)}:root{--bg: #222;--tc: #fff;--lc: #fff;--bc: #fff;--bbc: #333;--pc: #222;--pbbc: #555;--gbc: #252525;--fmc: #333;--sbc: #666;--stc: #fff;--inputColor: #0ff;--inputAlertColor: #f00}html,body{background-color:#000;color:#fff;font-family:Recursive;font-size:16px;overflow:hidden;width:100%;height:100%;margin:0;padding:0}#canvas{width:100%;height:100%;outline:none}a{color:#0ff}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none;color:#077}button{background-color:var(--bbc);color:var(--bc);opacity:.6;border:none;cursor:pointer;height:22px;font-size:16px;font-family:inherit;user-select:none;border-radius:4px}button:hover{opacity:.8}button:disabled{opacity:.1;cursor:default}.topButton,.verticalButton{position:absolute}.verticalButton{right:10px;width:22px}button>span{writing-mode:vertical-rl;vertical-align:middle;line-height:12px}.switchButtonOff{background-color:var(--bbc);color:var(--bc)}.switchButtonOn,.pushButton:active{background-color:var(--bc);color:var(--bbc)}.locked:disabled{opacity:.6}#microphoneButton{left:150px;top:10px;width:120px}#speedSlider,#jellyCountSlider{position:absolute;left:10px;top:10px}#interpolationRadioButtons{margin:10px auto auto;text-align:center}#interpolationRadioButtons>button:disabled{opacity:.6;cursor:default}#fps,#p,#L{position:absolute;text-align:right;top:10px;right:10px;width:80px;height:22px}#p{top:42px}#L{right:100px;width:150px}.panel{position:absolute;background-color:var(--pc);opacity:.9;font-size:16px;color:#fff;top:74px;right:37px;width:400px;height:calc(100vh - 126px);overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;user-select:none;visibility:hidden;padding-bottom:20px;border-radius:4px}.panel::-webkit-scrollbar{display:none}.panel>p,.panel>svg,.panel>button,.panel>.sliderContainer,.panel>#canvasContainer,.panel>input{display:block;text-align:center;margin:20px auto 0;width:360px;user-select:none}.panel .switchButtonOff{background-color:var(--pbbc);color:var(--bc)}.panel .switchButtonOn,.panel .pushButton:active{background-color:var(--bc);color:var(--pbbc)}#canvasContainer{position:relative;width:360px;height:360px;overflow:hidden}#canvasContainer>canvas{position:absolute;left:0;background-color:#000;width:360px;height:360px;cursor:cell;user-select:none}.sliderContainer{position:relative;height:22px;margin:auto;cursor:pointer;border-radius:4px}.sliderContainer>p{position:absolute;left:5px;height:22px;margin:0;padding:0;text-align:left}.slider{position:absolute;left:0;-webkit-appearance:none;appearance:none;width:100%;height:22px;background:#666;outline:none;border:none;opacity:.5;cursor:inherit;margin:0;border-radius:4px}.slider:hover{opacity:.7}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;outline:none;border:none;width:22px;height:22px;background:#fff;border-radius:4px}.slider::-moz-range-thumb{appearance:none;outline:none;border:none;width:22px;height:22px;background:#fff;border-radius:4px}.audioDeviceDiv{position:relative;width:300px;height:auto;margin:auto}.audioDeviceDiv>.sliderContainer{margin-top:4px}.audioDeviceDiv>p{margin-bottom:0;margin-left:5px;text-align:left}.audioDeviceDiv>svg{display:block;margin:4px auto auto}.screen{position:absolute;left:0;top:0;width:100%;height:100%}hex-color-picker{width:334px;height:128px;margin:16px auto auto;cursor:pointer}hex-color-picker::part(saturation){border-radius:4px}hex-color-picker::part(hue){height:22px;margin-top:5px;border-radius:4px}hex-color-picker::part(saturation-pointer){border-radius:4px;width:22px;height:22px}hex-color-picker::part(hue-pointer){border-radius:4px;width:22px;height:22px}#circCursor{background-color:transparent;border:1px solid #888;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;position:absolute;z-index:1;cursor:cell;pointer-events:none}#urlInput,#videoFileName,#videoDuration{font-size:16px;font-family:inherit;width:300px;height:22px;padding:0 0 0 4px;background-color:#111;color:var(--inputColor);border:none}#urlInput:disabled{user-select:none;pointer-events:none;opacity:.5}#logo{opacity:.5}#logo:hover{opacity:.8}