*{padding:0;margin:0;box-sizing:border-box;transition:all .5s}.flex{display:flex;justify-content:center;align-items:center}.lobby-con{width:100%;height:100vh;background-image:url(https://res.cloudinary.com/dbsncdcuf/image/upload/v1733406115/80321803-95a9-4e00-a83c-862cc29e13ea_vipata.jpg);background-position:center;background-size:cover}.lobby-con .box{width:40%}.lobby-con .box .cold{height:17rem;position:relative;border:rgba(89,89,89,1)}.lobby-con .box .cold input{padding:.5rem;width:90%;display:block;margin:.5rem auto;border:none;outline:none;border-radius:5px;border:1px solid #677266;background-color:transparent;color:#fff}.lobby-con .box .cold button{padding:.5rem 2rem;border:1px solid #938f8f;border-radius:4px;font-size:1.1rem;display:block;margin:1rem auto;background-color:transparent;color:#fff}.lobby-con .box .cold button:Hover{background-color:#0f0f0f;border:none}.lobby-con .box .cold .caption{background-color:transparent;padding:.5rem 0;text-align:center;font-size:1.2rem;color:#fff}.lobby-con .box .cold .tranparent{background-color:#f5f5f5;filter:blur(400px);width:100%;height:100%;position:absolute}.lobby-con .box .cold .info{position:relative;z-index:1}.lobby-con .box .cold .reload-con{position:relative}.lobby-con .box .cold .reload-con .reload{color:#a3a3a3;position:absolute;top:38%;right:8%;cursor:pointer}.lobby-con .box .cold .reload-con .reload:hover{color:#fff}@media screen and (max-width:1120px){.lobby-con .box{width:49%}}@media screen and (max-width:750px){.lobby-con .box{width:60%}}@media screen and (max-width:500px){.lobby-con .box{width:90%}}.room-con{width:100%;height:100vh}.room-con>.room-id,.room-con .status{padding:.5rem .5rem .5rem 2rem;font-size:1.1rem;margin:0}.room-con .status{font-weight:600}.room-con>.video-con{width:90%;margin:.5rem auto 0;height:75%;position:relative}.room-con>.video-con .video-player{flex:1;position:relative;height:60%}.room-con>.video-con .video-player .mute{position:absolute;top:5%;right:16%;cursor:pointer;color:#fff;z-index:2}.room-con>.video-con .video-player>.video{border:2px solid #e9ede9;width:75%!important;height:100%!important;display:block;margin:0 auto;object-fit:cover;border-radius:7px}.room-con>.video-con .video-player>.video>video{object-fit:cover}.room-con>.video-con .video-player>.username{position:absolute;bottom:4%;left:15%;color:#fff}.room-con>.video-con .btn{position:absolute;bottom:5%}.room-con>.controls>.dic{height:2.5rem;width:2.5rem;border-radius:100px;background-color:red;color:#fff}.room-con>.controls i{font-size:1.3rem;padding:0 2rem}@media only screen and (max-width : 830px){.room-con>.video-con .video-player .mute{top:6%;right:9%}.room-con>.video-con{flex-direction:column}.room-con>.video-con .video-player{flex:none;height:45%}.room-con>.video-con{height:82%;gap:1.5rem}.room-con>.video-con .video-player>.video{width:90%!important}.room-con>.controls{margin-top:.5rem}}@media only screen and (max-width : 500px){.room-con>.video-con .video-player{width:100%}.room-con>.video-con{width:100%}}