body{color:#fff;background:#000}video{aspect-ratio:16/9;border:1px solid gray;margin:1px}#self{position:relative}#self video{width:auto;height:180px}#media{flex-wrap:wrap;gap:1px;display:flex}#media video{width:auto}.media-label{color:#fff;z-index:10;background:#00000080;margin:0;padding:4px;font-size:14px}.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{text-align:right;z-index:10;position:absolute;top:2px;right:2px}.participant-status-label{color:red;background:#000c;padding:0 4px;display:block}