@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}:root{--bgs:#171717;--border:1px solid #fff;--border-radius:0px;--text:#fff;--font:"Departure Mono";--font-size:16px;--padding:4px}html,body{height:100%;font-family:var(--font);font-size:var(--font-size);background-color:#000;margin:0}canvas{touch-action:none;width:100%;height:100%;display:block}#settingFlex{flex-direction:column;display:flex;position:fixed;top:0;right:0}#hide,#settings{background:var(--bgs);color:var(--text);padding:var(--padding);border:var(--border);border-radius:var(--border-radius)}#settings{border-top:0;flex-direction:column;align-items:start;gap:4px;display:flex}.panel{border-top:var(--border);flex-direction:column;align-items:start;gap:4px;width:100%;display:none}#settings.hidden{display:none}.row{align-items:center;gap:5px;display:flex}.rangeVal{width:4ch}#video,#audio,select,button,input[type=number]{background:var(--bgs);border:var(--border);border-radius:var(--border-radius);color:var(--text);font-family:var(--font);cursor:pointer;font-weight:400;font-size:var(--font-size);padding:var(--padding);justify-content:center;align-items:center;height:26px;display:flex}select{padding:0}select:focus,input[type=number]:focus{outline:none}#videoName,#audioName{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:120px;overflow:hidden}input[type=range]{appearance:none;cursor:pointer;background:0 0;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:#fff;width:19px;height:19px}input[type=range]::-webkit-slider-runnable-track{background:var(--bgs);border:var(--border);height:20px}input[type=range]::-moz-range-thumb{background-color:#fff;border:none;border-radius:0;width:20px;height:20px}input[type=range]::-moz-range-track{background:var(--bgs);border:var(--border);height:18.5px}input[type=checkbox]{accent-color:#333;margin:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (width<=600px) and (orientation:portrait){#hide,#settings{zoom:.8}}@media (height<=600px) and (orientation:landscape){#hide,#settings{zoom:.5}}img{filter:invert();width:20px;height:20px}.tooltiptext{visibility:hidden;background:var(--bgs);padding:var(--padding);border:var(--border);border-radius:var(--border-radius);word-spacing:-.15em;width:max-content;min-width:100%;max-width:min(140%,100vw);position:absolute;top:100%;right:0%}img:hover+.tooltiptext{visibility:visible}