.waiting-screen{align-items:center;-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out;background:linear-gradient(180deg,#2c3e50,#1a2533);display:flex;flex-direction:column;height:90%;justify-content:center;width:100%}.phone-icon-container{margin-bottom:32px;position:relative}.phone-icon{align-items:center;background-color:#34495e;border-radius:50%;display:flex;height:96px;justify-content:center;position:relative;width:96px;z-index:10}.icon{color:#ecf0f1}.pulse-effect{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background-color:rgba(52,152,219,.2);border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.waiting-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.waiting-message{color:#bdc3c7;font-size:18px;line-height:1.5;max-width:400px;text-align:center}.call-control-button{align-items:center;background-color:#333;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.call-control-button:hover{box-shadow:0 4px 12px rgba(0,0,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.call-control-button:active{box-shadow:0 2px 4px rgba(0,0,0,.3);-webkit-transform:translateY(0);transform:translateY(0)}.call-control-button.active{color:#fff}.call-control-button.inactive{color:#999}@media (min-width:768px){.call-control-button{height:48px;width:48px}}.home_container{align-items:center;background:#000;height:100vh}.home_container,.home_container form{display:flex;flex-direction:column;justify-content:center}.home_container form{background:#fff;border-radius:20px;box-shadow:1px 0 0 20px rgba(89,74,92,.516),0 0 0 1px rgba(80,62,109,.15);gap:5px;height:200px;padding:20px 40px;width:300px}.home_container form input{background:#cecdcd;border:none;outline:none;padding:10px 5px}.home_container form label{color:#444343;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:18px;font-weight:400;text-align:left}.home_container form button{font-size:16px;font-weight:400;padding:5px}*{margin:0;padding:0}.container{color:#fff;display:flex;flex-direction:column;text-align:center}.new{align-items:center;display:flex;justify-content:center;width:100%}.video_container{height:80%;width:80%}@media only screen and (max-width:768px){.new .video_container{width:100%}}.new .remoteStream{width:50%}.new .myStream video,.new .remoteStream video{border-radius:25px}@media only screen and (max-width:600px){.new{align-items:center;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center;padding:5px}}.video-call-container{background:linear-gradient(180deg,#1a1f2c,#121419);height:100vh;overflow:hidden;position:relative;width:100%}.remote-video{object-fit:cover;padding-top:20px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.call-info-banner{align-items:center;-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.4);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;display:flex;gap:8px;left:16px;padding:8px 16px;position:absolute;top:16px;z-index:10}.connection-indicator{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background-color:#4caf50;border-radius:50%;height:8px;width:8px}.self-view-container{border:2px solid hsla(0,0%,100%,.3);border-radius:12px;bottom:96px;box-shadow:0 8px 16px rgba(0,0,0,.3);cursor:grab;height:192px;overflow:hidden;position:absolute;right:16px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:144px;z-index:10}.self-view-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.self-video{object-fit:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.self-view-placeholder{background-color:#2c2c2c;height:100%;width:100%}.self-avatar,.self-view-placeholder{align-items:center;display:flex;justify-content:center}.self-avatar{background-color:#3a3a3a;border-radius:50%;height:64px;width:64px}.self-avatar span{color:#e0e0e0;font-size:18px;font-weight:600}.self-view-status{align-items:center;background-color:rgba(0,0,0,.6);border-radius:4px;bottom:8px;color:#fff;display:flex;font-size:12px;gap:4px;padding:4px 8px;position:absolute;right:8px}.status-icon{margin-left:4px}.call-controls-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(0,0,0,.3);bottom:0;left:0;padding:16px;position:absolute;right:0;transition:all .3s;z-index:10}.call-controls-bar,.call-controls-container{align-items:center;display:flex;justify-content:center}.call-controls-container{gap:8px;margin:0 auto;max-width:768px}@media (min-width:768px){.call-controls-container{gap:16px}.self-view-container{height:144px;width:192px}}@media (min-width:1024px){.self-view-container{height:192px;width:256px}}.control-button{background-color:rgba(60,60,60,.8);color:#fff}.control-button:hover{background-color:rgba(80,80,80,.8)}.end-call-button{background-color:#e53935;color:#fff}.end-call-button:hover{background-color:#c62828}.participants-button{display:none}@media (min-width:768px){.participants-button{display:flex}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(76,175,80,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px rgba(76,175,80,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(76,175,80,0);-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(76,175,80,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px rgba(76,175,80,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(76,175,80,0);-webkit-transform:scale(.95);transform:scale(.95)}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.1d5c7bbc.css.map*/