@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.projection{display:flex;justify-content:center;background-color:#36393e}.projection .mirror-video{transform:scaleX(-1);height:100vh;transition:width .5s}.projection #mirror-video-me{width:100%}.projection #mirror-video-friend{width:0%}.projection #mirror-video-friend.active,.projection #mirror-video-me.active{width:50%}@media only screen and (orientation: portrait){.projection{flex-direction:column}.projection #mirror-video-me{width:100%;height:100vh}.projection #mirror-video-friend{width:0%;height:0vh}.projection #mirror-video-friend.active,.projection #mirror-video-me.active{width:100%;height:50vh}}.cover{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#0000009b}.cover.hidden{display:none}.pop-up{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;background-color:#36393e;border-radius:10px;z-index:1000}.pop-up:hover{border:white 1px solid}.pop-up div h2,.pop-up .join h2{text-align:center;margin:0 0 10px;color:#fff}.pop-up div button,.pop-up .join button{width:220px;padding:10px;margin:10px 0;border:none;border-radius:5px;background-color:#7066e0;color:#fff;cursor:pointer;transition:background-color .3s}.pop-up div button:hover,.pop-up .join button:hover{background-color:#857ce4}.pop-up .line{display:flex;justify-content:center;align-items:center;width:100%}.pop-up .line p{margin:0;color:#bcbcbc}.pop-up .line hr{width:30%}.pop-up .create{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:20px 0}.pop-up .join{margin:20px 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.pop-up .join input{width:200px;padding:10px;border:none;border-radius:5px;background-color:#40444b;color:#fff}.pop-up.hidden{display:none}.connection-controls{display:flex;justify-content:center;align-items:center;position:fixed;bottom:10px;left:10px;height:50px;border-radius:20px;background-color:#fff;border:3px solid #7066e0}.connection-controls img{width:30px;height:30px;margin:0 10px;cursor:pointer}.colored-toast.swal2-icon-error{background-color:#f27474!important;color:#fff}.colored-toast.swal2-icon-success{background-color:#a5dc86!important;color:#fff}body{margin:0;font-family:Poppins,sans-serif}