body{background:#000;color:#fff}video{aspect-ratio:16 / 9;border:1px solid grey;margin:1px}#self{position:relative}#self video{width:auto;height:180px}#media{display:flex;flex-wrap:wrap;gap:1px}#media video{width:auto}.media-label{margin:0;padding:4px;background:#00000080;color:#fff;font-size:14px;z-index:10}.self-label{position:absolute;top:2px;left:2px}.participant{position:relative}.participant-label{position:absolute;bottom:6px;left:2px}.desired-rid-label{position:absolute;top:2px;left:2px}.active-rid-label{position:absolute;top:26px;left:2px}.participant-status{position:absolute;top:2px;right:2px;text-align:right;z-index:10}.participant-status-label{background:#000c;color:red;display:block;padding:0 4px}