.conference{position:fixed;left:20px;top:20px;bottom:20px;right:20px;z-index:999;background-color:rgba(240,240,240,.9);display:none;box-shadow:0 0 5px #ddd;padding:20px;overflow:auto}.conference:target{display:block}.back{position:absolute;z-index:10}.remote{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.details{margin:30px;margin-top:0;font-size:90%}.status,.substatus{z-index:1;font-size:xx-large;color:#333;position:absolute;top:10%;left:0;width:100%}.center{text-align:center}.instruction{margin:20px}.substatus{font-size:x-large;top:20%}.substatus img,.substatus .link{display:block;margin:10px auto}.participants{position:absolute;bottom:10px;right:10px;left:10px;height:20%;text-align:center}.participants video{max-width:100%;max-height:100%;box-shadow:0 0 25px #444;margin-right:10px}.self{display:none}.self[src]{display:inline}.sources{max-width:600px;margin:50px auto}.sources label{display:block}.top{z-index:1;position:relative}.manual{z-index:1;position:relative}.manual textarea{width:400px;height:100px}.conference input[type=button]{display:block;margin-left:150px}.conference textarea{width:80%;height:200px}table{border-collapse:collapse;margin:2em auto}table tr+tr{border-top:1px solid #eee}table th{font-family:open sans,sans-serif;font-variant:small-caps;text-transform:lowercase;vertical-align:middle;padding:.2em .5em}table tr{padding:.4em 0}table td{padding:.4em .6em;font-size:90%;text-align:center}table tr th:first-child{text-align:left}figure svg{max-width:100%;max-height:100%;overflow:hidden}@media only screen and (max-width:900px){.interpreter .controls{top:25px}figure svg{max-width:80%}}@media only screen and (max-width:600px){figure svg{max-width:100%}}.offer{color:navy}.answer{color:green}.description{font-style:italic}.browser{fill:#efe}.signal{fill:#eef}