*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:400;font-style:normal}#mainDivLogin{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#forColorBlur{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#loginBoxDiv{width:60%;height:75%;border-radius:15px;display:flex;align-items:center;overflow:hidden;background-color:#ece9e9;box-shadow:5px 9px 23px 1px #000000bf;-webkit-box-shadow:5px 9px 23px 1px rgba(0,0,0,.75);-moz-box-shadow:5px 9px 23px 1px rgba(0,0,0,.75)}#imageNearFormDiv{width:45%;height:100%}#loginPageImage{width:100%;height:100%}#svgLineDiv{width:8%;height:100%}#form{width:40%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.classForComponentInputDiv{width:100%;height:12%;display:flex;align-items:center;justify-content:center;position:relative}.inputClasses{width:0;height:100%;border-radius:10px;padding-left:0;border:none;outline:none;background-color:#fff;transform-origin:center}.errors{margin:0;padding:0;color:#d02f2f;position:absolute;top:84%;left:6%}#loginButton{width:50%;height:9%;border-radius:10px;position:relative;border:none;outline:none;background-color:#0a0b0b;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#LogoMainPageLogin{width:40%;height:14%;background-color:#fff}#whisperImage{width:100%;height:100%;background-color:#ece9e9}#movingAnimationInsideButton{width:100%;height:100%;border-radius:10px;border:none;outline:none;background-color:#7070e03c;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:100}#movingcircleAnimation{width:20%;height:70%;border-radius:50%;background-color:#fff;position:absolute;display:none}.infoDiv{color:#00f}.infoDiv:hover{color:#f76c6c}.googleDiv{width:100%;height:15%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}@media(max-width:600px){#mainDivLogin{width:100vw;height:92.5vh}#imageNearFormDiv,#svgLineDiv{display:none}#form{width:100%;height:100%;background-color:#ece9e9}#LogoMainPageLogin{display:block;color:red;font-size:20px}#loginBoxDiv{width:80%;height:60%;border-radius:10px;overflow:hidden;box-shadow:5px 8px 29px 4px #000000bf;-webkit-box-shadow:5px 8px 29px 4px rgba(0,0,0,.577);-moz-box-shadow:5px 8px 29px 4px rgba(0,0,0,.75)}#mainDivLogin{background-color:#f7f5f3}}#verificationMainPage{display:none;width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1000;background-color:#b7afafc5;align-items:center;justify-content:center}#verificationBoxDiv{background-color:#fff;width:20%;height:30%;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:10%;justify-content:center}.otpDivInput{width:80%;height:20%;display:flex;align-items:center;justify-content:center;position:relative}.otpInput{width:90%;height:80%;border-radius:5px;outline:none;border:none;padding:10px;background-color:#d9d8d8}.otpInput:focus{-webkit-box-shadow:3px 1px 11px -1px #444444;box-shadow:3px 1px 11px -1px #444}#verifyButtonOtp{width:20%;height:15%;border-radius:5px;position:relative;border:none;outline:none;background-color:#7070e0;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width:600px){#verificationBoxDiv{width:80%;box-shadow:5px 9px 23px 1px #000000bf;-webkit-box-shadow:5px 9px 23px 1px rgba(0,0,0,.75);-moz-box-shadow:5px 9px 23px 1px rgba(0,0,0,.75)}}#allChatsMainDiv{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}#topNavbarDiv{width:100%;height:10%;background-color:#121212;display:flex;align-items:center;border-bottom:1px solid #5B5B5B;justify-content:space-between;position:relative}#imageLogoTopNavbarDiv{width:80px;height:80px;margin-left:14px;display:flex;align-items:center}#imageOfNameDiv{width:50px;height:50px;background-color:#fff;color:#39f1f174;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;cursor:pointer;font-size:larger;position:relative;z-index:102}.underLines{border-bottom:1px solid rgba(39,38,38,.301)}#dropDown{position:absolute;color:#fff;right:0;top:10%;z-index:100;display:none;height:80%;flex-direction:row;align-items:center;width:200px;opacity:0;padding-top:10px;padding-bottom:10px;background-color:#121212}#logoutButton{border-radius:2px;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;padding:2px;cursor:pointer}@media(max-width:600px){#topNavbarDiv{display:none}#allChatsMainDiv{width:100%;height:100%}}#chattingInfoParentDiv{width:100%;height:90%;display:flex;align-items:center;position:relative}.inBoxDiv{background-color:#fff;box-shadow:0 2px 12px -1px #000000bf;outline-style:solid;outline-width:.1px;outline-color:#898888;color:#000;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:2%;left:2%;cursor:pointer}.notificationIcon{background-color:#ff1c1c;position:absolute;right:7%;top:7%;width:8px;height:8px;border-radius:50%}#chatsContentDiv{width:30%;height:100%;background-color:#333;border-right:1px solid #5B5B5B}#addPlusSearch{width:100%;height:10%;display:flex;align-items:center;justify-content:space-evenly;position:relative}#searchingChats{background-color:#c4c4c4;outline:none;border:none;border-radius:10px;width:70%;height:60%;padding-left:40px;cursor:pointer;font-size:18px}#addPeopleButton{width:2.5vw;height:5vh;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;outline-style:solid;outline-width:1px;cursor:pointer;outline-color:#b2b0b0;background-color:#c4c4c4}#searchButton{position:absolute;left:25%;font-size:20px;color:#928f8f}.separationLine{background-color:#7f7e7e;width:90%;height:.1px}.separationLineAndFriends{width:100%;height:90%;display:flex;flex-direction:column;align-items:center;gap:10px}#allCurrFriendsDiv{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:10px;overflow:scroll}#allCurrFriendsDiv::-webkit-scrollbar{display:none}.eachSingleFriends{cursor:pointer;width:416px;height:60px;background-color:transparent;border-bottom:1px solid #393939;color:#fff;position:relative;flex-shrink:0}.eachSingleFriends:hover{background-color:#38383b;border-radius:10px}.imageNameFirstLetterEach{width:40px;height:40px;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;border-radius:50%}@media(max-width:600px){#chatsContentDiv{width:100%;height:100%}.eachSingleFriends{width:90%}#addPeopleButton{width:40px;height:40px}#chatsContentDiv{width:100vw;height:92vh}}.chattingDiv{display:block;width:70%;height:100%;background-image:url(./backImageCurr-BSTz4hZJ.svg);background-color:#1e1e1e;position:relative}.topChattingCurrHappening{width:100%;height:10%;display:flex;flex-direction:row;padding-inline:20px;gap:20px;align-items:center;justify-content:space-between;background-color:#1e1e1e;color:#fff;border-bottom:1px solid #7f7e7e}.imageANDname{width:80%;height:100%;display:flex;align-items:center;gap:20px}.arrow{width:30px;height:30px;display:none;align-items:center;justify-content:center;font-size:25px;color:#c4c4c4;cursor:pointer}.specificFriendsTalkingToFirstLetterImage{border-style:solid;border-color:#000;border-width:1px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.currChattingShowingDivMain{width:100%;height:90%}.typingDiv{position:fixed;bottom:2%;width:70%;height:7%;display:flex;align-items:center;justify-content:center}.typingInput{width:70%;height:100%;border-radius:15px;border-width:1px;outline:none;padding-left:3%;background-color:#fff;font-size:17px}.sendIcon{position:absolute;bottom:50%;left:82%;transform:translateY(50%);z-index:100;font-size:20px;cursor:pointer}.allChatsInDiv{width:100%;padding-top:10px;height:86%;display:flex;flex-direction:column;overflow-y:scroll;align-items:center;gap:10px}.allChatsInDiv::-webkit-scrollbar{display:none}.eachTextDiv{width:80%;display:flex;justify-content:end}.mineIndicator{width:0px;height:0px;border-bottom:10px solid transparent;border-top:10px solid #ECE9E9;border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;right:-9px}.mineText{max-width:100%;background-color:#ece9e9;position:relative;word-break:break-all;border-radius:10px}.othersIndicator{width:0px;height:0px;border-bottom:10px solid transparent;border-top:10px solid #ECE9E9;border-right:10px solid #ECE9E9;border-left:10px solid transparent;position:absolute;left:-9px}.contentForZIndex{z-index:700;width:100%;padding:10px}@media(max-width:600px){.chattingDiv{display:none;position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:10023}.typingDiv{width:100%}.specificFriendsTalkingToFirstLetterImage{left:11%}.specificFriendsTalkingTo{left:30%}.arrow{display:flex}.typingInput{width:90%}}#containerPopUpOFInbox{background-color:#48484865;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;width:100vw;height:100vh;left:0;top:0;z-index:1001;display:none;align-items:center;justify-content:center}.pendingRequests{background-color:#c7c7c7;border-radius:10px;width:25%;height:70%;display:flex;flex-direction:column;align-items:center;gap:10px}.requestsDiv{height:100%;font-size:20px;display:flex;align-items:center;justify-content:center}.requestsMainText{width:100%;height:20%;display:flex;align-items:center;padding-inline:35px;justify-content:space-between}.eachRequestDiv{width:100%;height:15%;display:flex;align-items:center;justify-content:space-between;border-width:1px;flex-shrink:0;background-color:#ededed;border-bottom:1px solid black}.imageDivRequest{width:40px;background-color:#d9d9d9;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tick{color:#03e103;font-size:23px}.cross{color:#ff2b2b;font-size:23px}.reusablesReqDivs{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow:scroll}.reusablesReqDivs::-webkit-scrollbar{display:none}@media(max-width:600px){#containerPopUpOFInbox{width:100vw;height:92.5vh}.pendingRequests{width:80%}}#containerPopUpOfNewFriends{background-color:#48484865;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;width:100vw;height:100vh;left:0;top:0;display:none;align-items:center;justify-content:center;z-index:1001}.addRequestBoxDiv{background-color:#fff;border-radius:10px;width:25%;height:70%;display:flex;flex-direction:column;align-items:center;overflow:hidden}.addNameNameDiv{width:100%;height:20%;display:flex;align-items:center;padding-inline:30px;justify-content:space-between;font-size:20px}.searchNewFriends{width:100%;height:20%;background-color:#d9d9d9;display:flex;align-items:center;justify-content:center}.inputSearchForNewFriends{width:80%;height:50%;border-radius:20px;border:none;outline:none;padding:10px}.blackLineAfterSearchBox{width:100%;height:1px;background-color:#000;margin:10px}.newFriendsActualDiv{width:100%;height:84%;display:flex;flex-direction:column;align-items:center;overflow:scroll}.newFriendsActualDiv::-webkit-scrollbar{display:none}.eachUsersOfAll{width:100%;height:20%;background-color:#ededed;display:flex;align-items:center;justify-content:space-evenly;flex-shrink:0;border-bottom:1px solid #c4c4c4}.addFriendsImageAndNameDiv{width:40%;height:100%;display:flex;align-items:center;justify-content:space-between;font-size:18px}.imageNameOfaddFriendsDiv{background-color:#d9d9d9;font-size:20px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}.newFriendsAddAddButton{width:30%;height:100%;display:flex;align-items:center;justify-content:end;font-size:25px;font-weight:200}.aligningNameInAllUsers{width:50%}@media(max-width:600px){#containerPopUpOfNewFriends{width:100vw;height:92.5vh}.addRequestBoxDiv{width:80%}}