@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;background:#000;width:100%;height:100%;font-family:monospace;overflow:hidden}main,body{height:100%}body{margin:0}img,video,canvas{max-width:100%;max-height:100%}canvas{touch-action:none}.progress,.spinner,.fps,.cam{-webkit-backdrop-filter:invert()blur(5px);backdrop-filter:invert()blur(5px);background:#fff8}.progress{z-index:1;transform-origin:0;border:1px solid;border-radius:5px;height:5px;transition:transform .2s linear;position:absolute;inset:auto 0 0;transform:scaleX(0)}.spinner{z-index:1;will-change:transform;border:0 solid;border-bottom-width:.5em;border-radius:2em;justify-content:center;align-items:center;width:2em;height:2em;margin:-1em auto auto -1em;line-height:2em;animation:1s linear infinite spin;display:flex;position:absolute;inset:50% auto auto 50%}.fps,.cam{-webkit-backdrop-filter:invert();backdrop-filter:invert();opacity:0;z-index:1;padding:.3em;position:absolute}:is(.fps,.cam):hover{opacity:1}:is(.fps,.cam):empty{display:none}.fps{inset:0 auto auto 0}.cam{inset:0 0 auto auto}