#subscribers{width:100%;height:100%}.hidden{display:none}#publisher{width:100%;height:100%}#session{bottom:0;background-color:#212121}#content,#session{position:absolute;top:0;width:100%}#content{bottom:80px;background-color:#1a1a1a}#menu{height:80px;bottom:0;background-color:#212121}#menu,#stream-empty{position:absolute;width:100%}#stream-empty{height:100%}#stream-empty>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:160px}#stream-empty>div>p{text-align:center;color:#424242}#menu>div{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 8px;margin-top:16px}.material-icons{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a.button-menu{background:#424242;padding:12px;border-radius:24px;margin:0 8px;text-decoration:none;cursor:pointer}a.button-menu.menu-active{background:#d84315}a.button-menu:hover{background:#666}a.button-menu.menu-active:hover{background:#f4511e}.foreground>div,.wipe_wrapper{width:150px;height:150px;position:absolute;bottom:16px;right:16px}.theta_uvc{width:100%;height:auto}.foreground>div>video{width:150px;height:150px;position:absolute;-o-object-fit:cover;object-fit:cover}.background>div>video{width:100%;height:auto;padding:0}#camera_preview>video.theta_uvc{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;height:auto}#camera_empty{background-color:#141414;display:none}.material-icons.md-light.md-profile{position:absolute;top:25px;left:25px;font-size:100px;color:#666}.foreground{position:absolute;pointer-events:none;z-index:1}.background{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}#camera_preview_video{display:block;margin:0;padding:0}#camera_select{margin-left:auto;margin-right:8px}#publisher{overflow:hidden;position:relative}#overlay{z-index:1;position:absolute;width:100%;aspect-ratio:2;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:rgba(0,0,0,.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:hsla(0,0%,100%,.3)}.wipe_wrapper{visibility:hidden}.wipe_wrapper.show{visibility:visible}#videocam{visibility:hidden}#videocam.show{visibility:visible}body{margin:0}