.unreadBadge{background-color:red;border-radius:999px;color:#fff;font-size:12px;margin-left:8px;padding:2px 6px}.formContainer{align-items:center;background-color:#7fd4ff;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px 60px}.formContainer .formWrapper .logo{color:#5d5d5d;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#5d5d5d;font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #f0f8ff;padding:15px;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#afafaf}.formContainer .formWrapper form input:-ms-input-placeholder{color:#afafaf}.formContainer .formWrapper form input::placeholder{color:#afafaf}.formContainer .formWrapper form button{background-color:rgba(0,94,255,.788);border:none;color:wheat;cursor:pointer;font-weight:700;padding:10px}.formContainer .formWrapper form label{align-items:center;color:rgba(38,68,199,.789);cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper p{color:rgba(0,29,156,.603);font-size:12px;margin-top:10px}.filePreview{align-items:center;color:#555;display:flex;font-size:13px;gap:8px;padding:4px 10px}.filePreview button{background:none;border:none;color:#999;cursor:pointer}.audioMessage{margin-top:4px;max-width:220px}.fileMessage{display:inline-block;font-size:13px;margin-top:4px;text-decoration:underline}.seenLabel{align-self:flex-end;color:#999;font-size:11px;margin-top:2px}.home{align-items:center;background-color:#7fd4ff;display:flex;height:100vh;justify-content:center}.home .container{border:1px solid #fff;border-radius:10px;display:flex;height:85%;overflow:hidden;width:65%}@media screen and (max-width:768px){.home .container{width:90%}}.home .container .sidebar{background-color:rgba(11,4,108,.867);flex:1 1;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:rgba(9,4,72,.853);color:wheat;display:flex;height:50px;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:#5d5d8d;border:none;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:transparent;border:none;color:wheat;outline:none}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#d3d3d3;font-size:11px}.home .container .sidebar .search .searchForm input:-ms-input-placeholder{color:#d3d3d3;font-size:11px}.home .container .sidebar .search .searchForm input::placeholder{color:#d3d3d3;font-size:11px}.home .container .sidebar .userChat{align-items:center;color:wheat;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:rgba(13,6,102,.788)}.home .container .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:14px}.home .container .chat{flex:2 1}.home .container .chat .chatInfo{align-items:center;background-color:rgba(14,39,199,.759);color:#d3d3d3;display:flex;height:50px;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:#fff;height:calc(100% - 160px);overflow:scroll;padding:10px}.home .container .chat .messages .message{color:#051b28;display:flex;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 .file{height:1.5em;width:1em}.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:#f4f2f0;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.home .container .chat .messages .message .messageContent img{width:50%}.home .container .chat .messages .message .messageContent audio{height:5%;width:5%}.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 p{background-color:rgba(75,184,220,.842);border-radius:10px 0 10px 10px;color:#fff;padding:10px 20px}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .input input{border:none;color:#5d5d8d;font-size:18px;outline:none;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#d3d3d3}.home .container .chat .input input:-ms-input-placeholder{color:#d3d3d3}.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:24px}.home .container .chat .input .send button{background-color:#0e71a3;border:none;color:wheat;padding:10px 15px}
/*# sourceMappingURL=main.d95cef26.css.map*/