.player{position:relative;bottom:-50%;left:50%;transform:translate(-50%,-50%)}.player.logged{bottom:-100%;left:0;transform:translateY(-100%)}.player:fullscreen{width:100vw;height:100vh}.player video,.player .overlay{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;left:5px}.player video{box-shadow:0 0 calc(var(--audio-level) * 50px) grey;background-image:url(/assets/caller-BPh8RY9C.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.player video.myself{transform:scaleX(-1)}.player .overlay .nick{color:#fff;background:#0006;height:28px;padding:0 5px;line-height:28px;position:absolute;top:0;left:0}.player .overlay .controls{background:#0006;height:28px;padding:0 5px;line-height:24px;position:absolute;bottom:0;right:0}.player .overlay .controls div{float:right;cursor:pointer;padding:0 4px}.player .overlay .controls div .material-symbols.active{color:#fff}.player .overlay .controls div.slider>input{cursor:pointer;vertical-align:middle;accent-color:#a9a9a9;width:60px}.room{flex-wrap:wrap;place-content:center space-evenly;width:100%;height:100%;display:flex}.nobody{color:gray;margin:auto}.app{width:100vw;height:100dvh;overflow:hidden}.app .video-wrapper{width:min(70vh,70vw);height:min(70vh,70vw);transition:all .1s;position:absolute;bottom:calc(50% + 40px);left:50%;transform:translate(-50%,50%)}.app .video-wrapper.logged{width:min(300px,45vw,45vh);height:min(300px,45vw,45vh);bottom:10px;left:10px;transform:none}.app .form-wrapper{align-items:center;display:flex;position:absolute;bottom:calc(50% - min(70vh,70vw)/2);left:50%;transform:translate(-50%,50%)}.app .form-wrapper input{color:#fff;background:0 0;border:none;border-bottom:1px solid #fff6;outline:none;width:100px;padding:10px;font-size:18px;transition:background .1s}.app .form-wrapper input:focus{background:#ffffff1a}.app .form-wrapper button{cursor:pointer;color:#fff;background:#fff3;border:1px solid #fff3;outline:none;margin-left:20px;padding:10px 15px;font-size:18px;transition:background .1s}.app .form-wrapper button:disabled{color:gray;cursor:not-allowed}.app .form-wrapper button:hover:not(:disabled){background:#ffffff4d}.io-connection-status{background-color:red;border-radius:4px;width:8px;height:8px;position:fixed;top:5px;right:5px}.io-connection-status.connected{background-color:green}.error{color:#fff;background-color:red;padding:10px 15px;font-size:14px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}body{color:#a9a9a9;background:#2a2a30;margin:0;font-family:Roboto Mono,sans serif}@font-face{font-family:Material Symbols Outlined;font-style:normal;src:url(/assets/material_symbols_outlined-DsckrilW.woff2)format("woff2")}.material-symbols{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;font-family:Material Symbols Outlined;font-size:24px}