@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{background:#15212cfc;color:#f4f5ff;height:80vh;justify-content:flex-start;width:100vw}.home{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px;height:90%;justify-content:space-evenly;width:95%}#darker{background:#15212cfc;height:100%;justify-content:center}#darker,#home-content{align-items:center;display:flex;width:100%}#home-content{height:90%;justify-content:space-between}@media (max-width:768px){.container{background:linear-gradient(135deg,#6e7dff,#4ac29c);color:#f4f5ff;height:90vh;width:100vw}#home-content{justify-content:center}#darker,.container{flex-direction:column;justify-content:flex-start}}body{background-color:#f4f7fc;font-family:Arial,sans-serif}.navbar{align-items:center;background:#223648;border-radius:20px;color:#fff;display:flex;height:10%;justify-content:space-between;padding:20px 55px;transition:all .23s ease;width:100%}.navbar-logo h2{cursor:pointer;font-size:28px;letter-spacing:1px}.navbar-links{display:flex;gap:30px;list-style:none}.navbar-links li{position:relative}.navbar-links a{color:#fff;font-size:16px;text-decoration:none;text-transform:uppercase;transition:color .3s ease}.navbar-links a:hover{color:#4ac29c}.navbar-links a.active{color:#4ac29c;font-weight:700}.appLogo{color:#fff;opacity:.9;text-decoration:none}.appLogo:hover{opacity:1}@media screen and (max-width:768px){.navbar-links{background-color:#333;display:none;flex-direction:column;padding:20px 0;position:absolute;right:0;top:60px;width:100%}.navbar-links.active{display:flex}}.logout-button{background-color:#f4433665;background-color:#fcd3d12c;border:1.5px solid rgba(255,0,0,.712);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 10px;padding:8px 15px;transition:background-color .3s ease-in-out}.logout-button:hover{background-color:#e5383562}.logout-button:focus{outline:none}.logout-button:active{background-color:#d32f2f}Link,li{align-items:center;display:flex;justify-content:center}.headerUserDetailsDiv{height:auto;text-align:right}.headerUserDetailsDiv h3{font-weight:700}.headerUserDetailsDiv p{font-size:small;font-weight:300;opacity:.75}@media (max-width:768px){.navbar{border-radius:0 0 20px 20px;padding:20px}#title{font-size:large}.navbar-logo h2{align-items:center;display:flex;justify-content:center}#menuIcon{font-size:larger}.sliding-menu{align-items:center;background-color:#fff;background:#14202a;border-radius:20px 20px 0 0;border-top:5px solid #fff;bottom:-100%;box-shadow:0 10px 20px #00000080;color:#f5f5f5;display:flex;flex-direction:column;gap:25px;height:auto;justify-content:center;left:0;padding:40px 10px;position:fixed;transition:bottom .3s ease-in-out;width:100%;z-index:1000}.sliding-menu.visible{bottom:0}#menuHeader{font-size:20px;padding:0 d10px;position:absolute;right:20px;top:10px}.logout-button{background-color:#fcd3d12c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 15px;transition:background-color .3s ease-in-out}}.ChatList{align-items:center;background:#223648;border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:30vw;overflow-x:hidden;overflow-y:auto;padding:15px;scroll-behavior:smooth;scrollbar-color:#3f658680 #0000;scrollbar-width:thin;width:100%}.ChatList::-webkit-scrollbar{width:8px}.ChatList::-webkit-scrollbar-thumb{background-color:#3f658680;border-radius:10px}#header{align-items:center;border-bottom:1px solid #3f6586;display:flex;flex-direction:column;gap:20px;height:auto;justify-content:center;padding:0 0 20px;position:relative;width:100%}#header h2{color:#fff;font-size:1.2rem;text-align:center;width:100%}#header input{background:#304d67;border:1px solid #3f6586;border-radius:10px;color:#fff;font-size:1rem;height:40px;max-width:320px;padding:0 15px;transition:background-color .3s ease;width:85%}#header input::placeholder{color:#f0f8ff}#header input:focus{background-color:#3f6586;outline:none}input[type=search]::-ms-clear{display:none;height:0;width:0}#chatListContent{width:100%}#iconDiv{align-items:center;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:0;top:0;width:40px}#iconDiv:hover{background-color:#ffffff1d}.addConv{color:rgba(64,194,255,.748);cursor:pointer;font-size:smaller;margin:25px;text-align:center;text-decoration:none;transition:all .25s ease}.addConv:hover{color:skyblue;text-decoration:underline}@media (max-width:768px){.ChatList{max-width:95vw;width:95vw}}.conversation.selected{background-color:#e0f7fa4a}.conversation{justify-content:flex-start}.conversation:hover{background-color:rgba(240,248,255,.066)}.profilePic{border-radius:22.5px;height:45px;width:45px}.conversation{border-bottom:1px solid #ccc;padding:10px}.conversation.selected,.conversation.selected:hover{background-color:#ffffff12}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.ChatBox{background:linear-gradient(135deg,#223648,#192837);border-radius:20px;box-shadow:0 8px 15px #0003;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:65%}#chatBoxHeader{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#223648bf;border-bottom:1px solid rgba(63,101,134,.201);color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;height:10%;justify-content:flex-start;padding:15px 20px;position:absolute;right:0;top:0;width:100%}#chatBoxContent{background:#0000001a;display:flex;flex-direction:column;gap:7px;height:87%;overflow-y:auto;padding:10vh 20px 20px;scrollbar-color:#3f658699 #0000;scrollbar-width:thin;width:100%}#chatBoxContent::-webkit-scrollbar{width:8px}#chatBoxContent::-webkit-scrollbar-thumb{background:#3f658699;border-radius:10px}#chatBoxContent::-webkit-scrollbar-thumb:hover{background:#3f6586cc}.messageDiv{align-items:center;display:flex;width:100%}.receiverMsg{justify-content:flex-start}.senderMsg{justify-content:flex-end}.messageStyleDiv{word-wrap:break-word;border-radius:20px;box-shadow:0 4px 8px #0000001a;font-size:14px;font-weight:400;line-height:1.4;max-width:70%;overflow:hidden;overflow-wrap:break-word;padding:12px 18px;text-overflow:ellipsis;word-break:break-word}.receiverMsg .messageStyleDiv{background:linear-gradient(135deg,#314e67,#37557b);border-top-left-radius:5px;color:#fff}.senderMsg .messageStyleDiv{background:linear-gradient(135deg,#277dff,#3b9bff);border-bottom-right-radius:5px;color:#fff}#newMsgDiv{align-items:center;background:#31495fc9;border-radius:0 0 20px 20px;box-shadow:0 -4px 10px #0000001a;display:flex;height:13%;justify-content:space-between;padding:10px 20px;width:100%}#messageInput{border:1.5px solid #c8c8c8cc;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:12px 15px;transition:border-color .3s ease}#messageInput:focus{border-color:#277dff}#sendButton{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-left:10px;padding:10px 15px;transition:background .3s ease,transform .2s ease}#sendButton:hover{background:linear-gradient(135deg,#328cff,#8c32ff);transform:scale(1.05)}#sendButton{animation:gradientMove 3s infinite,pulse 1.5s infinite;background:linear-gradient(135deg,#277dff,#7a27ff);background-position:100% 0;background-size:200% 200%;border-radius:10px;box-shadow:0 0 20px #27a5ffcc,0 0 40px #8527ff99;color:#dbedff;text-shadow:0 0 8px #fffc;transform:scale(1);transition:all .5s ease}.profImg{border-radius:20px;height:40px;padding:0;width:40px}.backBtn{background:#0000;border:none;color:#fff;display:none;font-size:large;padding:10px}.loaderContainer{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}@media (max-width:768px){.ChatBox{width:95vw}#chatBoxHeader h2{font-size:large}#chatBoxHeader{padding:0}.backBtn{background:#0000;border:none;color:#fff;font-size:large;justify-content:center}#newMsgDiv,.backBtn{align-items:center;display:flex;padding:10px}#newMsgDiv{background:#31495fc9;border-radius:0 0 20px 20px;box-shadow:0 -4px 10px #0000001a;height:13%;justify-content:space-evenly;width:100%}}.container{flex-direction:column}.showHidePassword{margin-left:8px;padding:0}.inputGroup,.passwordWrapper{position:relative}.passwordInput{padding-right:40px;width:100%}.showHidePassword{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.input{border:1px solid #ccc;padding:10px;width:100%}.button,.input{border-radius:4px}.button{background-color:#007bff;font-size:16px;padding:10px 20px}.button:disabled{background-color:#ddd}.error{font-size:14px}@media (max-width:768px){.card{max-width:90vw;width:90vw}}.container{align-items:center;background:linear-gradient(135deg,#6e7dff,#4ac29c);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center}.card{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;padding:40px;transition:transform .3s ease-in-out;width:400px}.heading{color:#333;font-size:32px;margin-bottom:20px}.error,.heading{text-align:center}.error{color:red;margin-bottom:15px}.form{display:flex;flex-direction:column}.inputGroup{margin-bottom:20px}.label{color:#555;font-size:14px;margin-bottom:6px}.input{border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;padding:12px;transition:border-color .3s}.input:focus{border-color:#6e7dff}.button{background-color:#6e7dff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:14px;transition:background-color .3s}#already{color:#555}.newConvContainer{background:#15212cfc;color:#f4f5ff;height:100vh;justify-content:center;width:100vw}#newConv,.newConvContainer{align-items:center;display:flex}#newConv{background:#223648;border:1px solid #3f6586;border-radius:20px;flex-direction:column;flex-wrap:nowrap;height:70%;justify-content:flex-start;min-width:500px;width:30%}#newConvHeader{border-bottom:1px solid #3f6586;height:auto;padding:15px 0;width:100%}#headingDiv{align-items:center;display:flex;justify-content:center;padding:0 10px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=search]::-ms-reveal{display:none;height:0;width:0}#newConvSearchInp{background:#304d67;border:1px solid #3f6586;border-radius:10px;color:#fff;font-size:1rem;height:40px;padding:0 15px;transition:background-color .3s ease;width:90%}#newConvSearchInp::placeholder{color:#f0f8ff}#newConvSearchInp:focus{background-color:#3f6586;outline:none}#searchDiv{align-items:center;justify-content:center;padding:10px}#content,#searchDiv{display:flex;width:100%}#content{background:rgba(0,0,0,.328);flex-direction:column;height:80%;overflow-x:hidden;overflow-y:scroll;overflow-y:auto;padding:15px;position:relative;scrollbar-color:#3f658680 #0000;scrollbar-width:thin}#footer{align-items:center;display:flex;height:10%;justify-content:center}#doneBtn{background:linear-gradient(135deg,#277dff,#7a27ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-left:10px;padding:10px 15px;transition:background .3s ease,transform .2s ease;width:170px}#doneBtn:hover{background:linear-gradient(135deg,#328cff,#8c32ff);transform:scale(1.05)}.conversation{align-items:center;border-bottom:1px solid #3f6586;cursor:pointer;display:flex;flex-wrap:nowrap;gap:10px;height:70px;justify-content:flex;padding:5px 10px;position:relative;width:100%}.conversation:hover{background-color:rgba(0,0,0,.066)}.newConvProfilePic{border-radius:22.5px;height:45px;width:45px}.lastMessage{font-size:small;opacity:.675;padding-left:1px}.userDetailsDiv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mails{opacity:.575}.addFriendDiv{align-items:center;background:#fff;background-size:200% 200%;border-radius:10px;color:#000912;display:flex;height:66%;justify-content:center;padding:0 20px;position:absolute;right:20px;transition:all .5s ease;width:auto}.addFriendDiv:hover{animation:gradientMove 3s infinite,pulse 1.5s infinite;background:linear-gradient(135deg,#277dff,#7a27ff);background-position:100% 0;background-size:200% 200%;box-shadow:0 0 20px #27a5ffcc,0 0 40px #8527ff99;color:#dbedff;text-shadow:0 0 8px #fffc;transform:scale(1.1)}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%{box-shadow:0 0 20px #277dffcc,0 0 40px #7a27ff99}50%{box-shadow:0 0 30px #277dff,0 0 60px #7a27ffcc}to{box-shadow:0 0 20px #277dffcc,0 0 40px #7a27ff99}}.usersOver{margin-top:35%;opacity:.75;text-align:center}@media (max-width:768px){#doneBtn{padding:5px 10px}#newConv{min-width:300px}.newConvUserName{font-size:.9rem}.addFriendDiv{border-radius:7px;height:46%;padding:0 10px;width:auto}.newConvProfilePic{border-radius:17.5px;height:35px;width:35px}.conversation{padding:5px 0}.userDetailsDiv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lastMessage{font-size:small;opacity:.675;padding-left:1px}.mails{opacity:.575}.usersOver{margin-top:25%}}
/*# sourceMappingURL=main.badd532b.css.map*/