#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}body[data-v-db2e7bc6],html[data-v-db2e7bc6]{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.tencent-webrtc-webview[data-v-db2e7bc6]{position:fixed;top:0;left:0;width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;z-index:-1}.tencent-webrtc-webview[data-v-db2e7bc6] video{border-radius:31px}.log-container[data-v-db2e7bc6]{flex-grow:1;border:1px solid #ddd;height:360px;padding:10px;margin-right:16px;overflow-y:scroll}.log-container .log-label[data-v-db2e7bc6]{margin:0 0 6px;font-weight:700}.log-container .log-state[data-v-db2e7bc6]{display:inline-block;margin-right:6px}.log-container>div[data-v-db2e7bc6]{font-size:12px}.button[data-v-db2e7bc6]{width:50px;height:50px;border:none}.hiddenButton[data-v-db2e7bc6]{display:none;width:0;height:0;border:0;padding:0}.page-core[data-v-2ff9b470]{padding:16px}.page-section[data-v-2ff9b470]{margin-bottom:16px;padding:16px;background:#fff;border-radius:4px}.log-container[data-v-2ff9b470]{flex-grow:1;border:1px solid #ddd;height:360px;padding:10px;margin-right:16px;overflow-y:scroll}.log-container .log-label[data-v-2ff9b470]{margin:0 0 6px;font-weight:700}.log-container .log-state[data-v-2ff9b470]{display:inline-block;margin-right:6px}.log-container>div[data-v-2ff9b470]{font-size:12px}.local-stream-content[data-v-2ff9b470]{width:100%;height:100%}.local-stream-control[data-v-2ff9b470]{width:100%;height:30px;position:absolute;bottom:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:flex-end;align-items:center}.local-stream-control .control[data-v-2ff9b470]{margin-left:10px;margin-right:10px}.local-stream-control .icon-class[data-v-2ff9b470]{color:#fff;cursor:pointer;width:20px;height:20px}.remote-stream-container[data-v-2ff9b470]{width:320px;height:240px;margin:0 10px 10px 0}