.mirrored{transform:scaleX(-1)}video{transform:scaleX(-1);width:100%;max-height:100%}.panels{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.panel{flex:1 1 300px;max-width:640px;max-height:80vh;border:2px solid black;box-sizing:border-box;overflow:hidden}.fps{flex-basis:100%;text-align:center;margin:0}@media(max-width:640px){.panels{flex-direction:column;align-items:center}.panel{flex:none;width:100%}.panel-mhr{order:1}.panel-video{order:2}.fps{order:3}}.panel video,.panel canvas{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.invisible{display:none}.hidden{opacity:.0001;position:fixed;pointer-events:none;top:0}.main{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;height:100%;width:100%;overflow:hidden;position:relative}.arrow{position:absolute;left:2%;top:2%}.p1,.p2{height:min(99vmin,45vmax);width:min(99vmin,45vmax);display:flex;align-items:center;justify-content:center;position:relative}.className{background-color:azure;border:5px solid black;position:absolute;top:10%;left:40%;font-size:20vmin;padding:5vmin}