html{scroll-behavior:smooth}::-webkit-scrollbar{width:.4rem}::-webkit-scrollbar-thumb{background:linear-gradient(144deg,#746df3 30%,#190ef3);border-radius:.625rem}.formContainer{align-items:center;background-color:#a7bcff;background-image:url(https://cdn.dribbble.com/users/1162077/screenshots/4318436/media/1e17490dd92ca27c4a6274ab7bff5b11.png?compress=1&resize=400x300);display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px 60px}.formContainer .formWrapper .logo{color:#201acf;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#342fc2;font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #6485f1;padding:15px;width:250px}.formContainer .formWrapper form input::placeholder{color:#afafaf}.formContainer .formWrapper form button{background-color:#2553ec;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px}.formContainer .formWrapper form label{align-items:center;color:#1041e4;cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.formContainer .formWrapper p a{color:#1446eb;padding-left:5px;text-decoration:none}.home{align-items:center;background-color:#a7bcff;background-image:url(https://cdn.dribbble.com/users/1162077/screenshots/4318436/media/1e17490dd92ca27c4a6274ab7bff5b11.png?compress=1&resize=400x300);display:flex;height:100vh;justify-content:center}.home .container{display:flex;height:100%;overflow:hidden;width:100%}@media screen and (max-width:768px){.home .container{width:90%}}.home .container .sidebar{background-color:rgba(2,42,95,.867);flex:1 1;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:rgba(6,1,54,.765);color:#ddddf7;display:flex;height:40px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{display:flex;gap:10px}.home .container .sidebar .navbar .user img{background-color:#ddddf7;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .sidebar .navbar .user button{background-color:#3b3b3f;border:none;border-radius:2px;color:#ddddf7;cursor:pointer;font-size:10px}@media screen and (max-width:768px){.home .container .sidebar .navbar .user button{bottom:10px;position:absolute}}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{padding:10px}.home .container .sidebar .search .searchForm input{background-color:#0000;border:none;color:#fff;outline:none}.home .container .sidebar .search .searchForm input::placeholder{color:#d3d3d3}.home .container .sidebar .userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:#0b0934}.home .container .sidebar .userChat .avatarWrapper{height:40px;position:relative;width:40px}.home .container .sidebar .userChat .avatarWrapper img{border-radius:50%;height:100%;object-fit:cover;width:100%}.home .container .sidebar .userChat .avatarWrapper .onlineDot{background-color:#10b981;border:2px solid rgba(2,42,95,.867);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.home .container .sidebar .userChat .userChatInfo span{font-size:16px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:12px;margin:0}.home .container .sidebar .userChat .userChatInfo p.onlineText{color:#10b981;font-weight:500}.home .container .sidebar .userChat .userChatInfo p.offlineText{color:#94a3b8}.home .container .chat{flex:2 1}.home .container .chat.no-chat-selected{align-items:center;background-color:#0b0934;display:flex;justify-content:center;padding:40px;text-align:center}.home .container .chat.no-chat-selected .welcomeContainer{align-items:center;animation:fadeIn .8s ease-in-out;display:flex;flex-direction:column;gap:20px;max-width:500px}.home .container .chat.no-chat-selected .welcomeContainer .welcomeLogo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#746df3,#1d4ed8);-webkit-background-clip:text;font-size:56px;font-weight:800;letter-spacing:2px}.home .container .chat.no-chat-selected .welcomeContainer h1{color:#f1f5f9;font-size:28px;font-weight:600;margin:0}.home .container .chat.no-chat-selected .welcomeContainer p{color:#94a3b8;font-size:15px;line-height:1.6;margin:0 0 10px}.home .container .chat.no-chat-selected .welcomeContainer .welcomeFeatures{display:flex;gap:24px;margin-top:15px}.home .container .chat.no-chat-selected .welcomeContainer .welcomeFeatures .featureItem{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:16px 20px;transition:transform .2s,background-color .2s;width:140px}.home .container .chat.no-chat-selected .welcomeContainer .welcomeFeatures .featureItem:hover{background:#ffffff14;transform:translateY(-4px)}.home .container .chat.no-chat-selected .welcomeContainer .welcomeFeatures .featureItem svg{color:#746df3;height:32px;width:32px}.home .container .chat.no-chat-selected .welcomeContainer .welcomeFeatures .featureItem span{color:#e2e8f0;font-size:12px;font-weight:500}.home .container .chat .chatInfo{align-items:center;background-color:rgba(51,3,244,.714);color:#d3d3d3;display:flex;height:40px;justify-content:space-between;padding:10px}.home .container .chat .chatIcons{display:flex;gap:10px}.home .container .chat .chatIcons img{cursor:pointer;height:24px}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 130px);overflow-y:scroll;padding:10px}.home .container .chat .messages .message{display:flex;gap:15px;margin-bottom:20px}.home .container .chat .messages .message .messageInfo{color:gray;display:flex;flex-direction:column;font-weight:300}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:30px;object-fit:cover;width:30px}.home .container .chat .messages .message .messageInfo span{font-size:12px}.home .container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat .messages .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;font-size:14px;max-width:-webkit-max-content;max-width:max-content;padding:7px 15px}.home .container .chat .messages .message .messageContent img{width:50%}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end}.home .container .chat .messages .message.owner .messageContent p{background-color:#1142e5;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:30px;justify-content:space-between;padding:10px;position:relative}.home .container .chat .input .image-preview-container{align-items:center;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;bottom:50px;box-shadow:0 4px 12px #0000004d;display:flex;gap:8px;padding:6px;position:absolute;right:20px;z-index:10}.home .container .chat .input .image-preview-container .img-preview{border-radius:4px;height:40px;object-fit:cover;width:40px}.home .container .chat .input .image-preview-container .btn-remove-preview{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;padding:0;width:18px}.home .container .chat .input .image-preview-container .btn-remove-preview:hover{background:#dc2626}.home .container .chat .input input{border:none;color:#2f2d52;font-size:14px;outline:none;width:100%}.home .container .chat .input input::placeholder{color:#d3d3d3}.home .container .chat .input .send{align-items:center;display:flex;gap:10px}.home .container .chat .input .send img{cursor:pointer;height:20px}.home .container .chat .input .send button{background-color:#073ef1;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:7px 10px}.googleBtn{align-items:center;background-color:#fff!important;border:1px solid #dadce0!important;border-radius:4px;box-sizing:border-box;color:#3c4043!important;cursor:pointer;display:flex;font-size:14px!important;font-weight:500!important;gap:10px;justify-content:center;margin-top:5px;padding:10px 16px!important;transition:background-color .2s,box-shadow .2s;width:100%}.googleBtn:hover{background-color:#f8f9fa!important;box-shadow:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326!important}.callOverlay{align-items:center;color:#fff;display:flex;font-family:Outfit,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.callOverlay.ringing{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0a0f1ea6}.callOverlay.calling{background:linear-gradient(135deg,#0d1527,#131c2e)}.callOverlay.accepted{background-color:#060913}.callOverlay .incomingCallCard{animation:slideUp .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161e31cc;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 50px #0009;max-width:360px;padding:40px;text-align:center;width:85%}.callOverlay .incomingCallCard h2{color:#f1f5f9;font-size:24px;font-weight:600;margin:20px 0 8px}.callOverlay .incomingCallCard p{color:#94a3b8;font-size:14px;margin-bottom:30px}.callOverlay .outgoingCallScreen{align-items:center;animation:fadeIn .5s ease;display:flex;flex-direction:column;justify-content:center;text-align:center}.callOverlay .outgoingCallScreen h2{color:#f1f5f9;font-size:28px;font-weight:500;margin:24px 0 8px}.callOverlay .outgoingCallScreen p{color:#94a3b8;font-size:16px;margin-bottom:40px}.callOverlay .callerAvatarContainer,.callOverlay .receiverAvatarContainer{height:120px;margin:0 auto;position:relative;width:120px}.callOverlay .callerAvatarContainer .callerAvatar,.callOverlay .callerAvatarContainer .receiverAvatar,.callOverlay .receiverAvatarContainer .callerAvatar,.callOverlay .receiverAvatarContainer .receiverAvatar{border:4px solid #3b82f6;border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.callOverlay .callerAvatarContainer .callerAvatarPlaceholder,.callOverlay .callerAvatarContainer .receiverAvatarPlaceholder,.callOverlay .receiverAvatarContainer .callerAvatarPlaceholder,.callOverlay .receiverAvatarContainer .receiverAvatarPlaceholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:4px solid #3b82f6;border-radius:50%;color:#fff;display:flex;font-size:44px;font-weight:700;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.callOverlay .callerAvatarContainer .pulseRing,.callOverlay .receiverAvatarContainer .pulseRing{animation:pulse 2.2s ease-in-out infinite;background-color:#3b82f659;border-radius:50%;height:128px;left:-4px;position:absolute;top:-4px;width:128px;z-index:1}.callOverlay .callerAvatarContainer .ring2,.callOverlay .receiverAvatarContainer .ring2{animation-delay:.6s}.callOverlay .callActions{display:flex;gap:16px;justify-content:center}.callOverlay .callActions button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:transform .2s,background-color .2s}.callOverlay .callActions button:hover{transform:translateY(-2px)}.callOverlay .callActions button.btnAccept{background-color:#10b981;color:#fff}.callOverlay .callActions button.btnAccept:hover{background-color:#059669}.callOverlay .callActions button.btnReject{background-color:#ef4444;color:#fff}.callOverlay .callActions button.btnReject:hover{background-color:#dc2626}.callOverlay .btnEnd{align-items:center;background-color:#ef4444;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 32px;transition:background-color .2s,transform .2s}.callOverlay .btnEnd:hover{background-color:#dc2626;transform:translateY(-2px)}.callOverlay .activeCallScreen,.callOverlay .activeCallScreen .videoGrid,.callOverlay .activeCallScreen .videoGrid .remoteVideoContainer{height:100%;position:relative;width:100%}.callOverlay .activeCallScreen .videoGrid .remoteVideoContainer video{background-color:#080c14;height:100%;object-fit:cover;width:100%}.callOverlay .activeCallScreen .videoGrid .remoteVideoContainer .videoLabel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;border:1px solid #ffffff1a;border-radius:8px;bottom:24px;font-size:14px;font-weight:500;left:24px;padding:6px 14px;position:absolute}.callOverlay .activeCallScreen .videoGrid .remoteVideoPlaceholder{align-items:center;background:#080c14;color:#94a3b8;display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.callOverlay .activeCallScreen .videoGrid .localVideoContainer{border:2px solid #ffffff40;border-radius:16px;bottom:24px;box-shadow:0 12px 30px #000000b3;height:240px;overflow:hidden;position:absolute;right:24px;transition:all .3s;width:180px;z-index:10}.callOverlay .activeCallScreen .videoGrid .localVideoContainer video{background-color:#1e293b;height:100%;object-fit:cover;width:100%}.callOverlay .activeCallScreen .videoGrid .localVideoContainer.cameraOff{background-color:#1e293b}.callOverlay .activeCallScreen .videoGrid .localVideoContainer .localAvatarPlaceholder{align-items:center;background-color:#1e293b;color:#94a3b8;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;width:100%}.callOverlay .activeCallScreen .videoGrid .localVideoContainer .videoLabel{background:#0f172a99;border-radius:4px;bottom:8px;font-size:11px;left:8px;padding:2px 8px;position:absolute}.callOverlay .activeCallScreen .callControlPanel{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a8c;border:1px solid #ffffff1f;border-radius:32px;bottom:40px;box-shadow:0 15px 35px #00000080;display:flex;gap:16px;left:50%;padding:14px 24px;position:absolute;transform:translateX(-50%);z-index:100}.callOverlay .activeCallScreen .callControlPanel .controlBtn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background-color .2s,transform .1s;width:48px}.callOverlay .activeCallScreen .callControlPanel .controlBtn:hover{background:#ffffff4d;transform:scale(1.05)}.callOverlay .activeCallScreen .callControlPanel .controlBtn.active{background-color:#ea580c}.callOverlay .activeCallScreen .callControlPanel .controlBtn.btnEndCall{background-color:#ef4444}.callOverlay .activeCallScreen .callControlPanel .controlBtn.btnEndCall:hover{background-color:#dc2626}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:.3}to{opacity:0;transform:scale(1.6)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.76ba06f2.css.map*/