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}.formContainer{align-items:center;background-color:#6d6db9;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#d9d9ee;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px 60px}.formContainer .formWrapper .logo{color:#5d5b8d;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#5d5b8d;font-size:12px;font-weight:400}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #b5b5ca;padding:15px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:rgba(85,109,190,.747)}.formContainer .formWrapper form input::placeholder{color:rgba(85,109,190,.747)}.formContainer .formWrapper form button{background-color:#4b77c9;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px}.formContainer .formWrapper form label{align-items:center;color:#8da4f1;cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.home{align-items:center;background-color:#89a0d3;display:flex;height:100vh;justify-content:center}.home .container{border:1px solid #fff;border-radius:10px;display:flex;height:80%;overflow:hidden;width:80%}@media screen and (max-width:768px){.home .container{width:100%}}.home .container .sidebar{background-color:#661d66;flex:1 1;overflow:hidden;position:relative}@media screen and (max-width:480px){.home .container .sidebar{width:20%}}.home .container .sidebar .navbar{background-color:#300830;color:wheat;display:flex;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:#fff;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .sidebar .navbar .user button{background-color:#380844;border:none;color:#cfd8e9;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 .userChatImg{border-radius:50%;height:50px;min-width:50px;object-fit:cover;width:50px}.home .container .sidebar .search .searchForm{display:flex;flex-shrink:0;justify-content:space-between;padding:10px}.home .container .sidebar .search .searchForm .userChatImg{width:50px}@media screen and (max-width:480px){.home .container .sidebar .search .searchForm{flex-direction:column}}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;min-width:50px;outline:none}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#90ee90}.home .container .sidebar .search .searchForm input::placeholder{color:#90ee90}.home .container .sidebar .search .searchForm button{margin-right:5px}.home .container .sidebar .search .userChat{align-items:center;display:flex;justify-content:space-between}.home .container .sidebar .search .userChat div:first-child{align-items:center;cursor:pointer;display:flex;gap:10px}.home .container .sidebar .search .userChat span{color:#fff}.home .container .sidebar .search .userChat .userChatInfoDelete{background-color:transparent;color:#fff;cursor:pointer}.home .container .sidebar .search .userChat .userChatInfoDelete:hover{background-color:#2f2d52;box-shadow:0 0 4px #fff}.home .container .sidebar .chats{height:calc(100% - 85px);overflow-y:scroll}.home .container .sidebar .chats .userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .chats .userChat img{border-radius:50%;cursor:pointer;height:50px;min-width:50px;object-fit:cover;width:50px}.home .container .sidebar .chats .userChat:hover{background-color:#2f2d52}@media screen and (max-width:480px){.home .container .sidebar .chats .userChat{flex-direction:column}}.home .container .sidebar .chats .userChat .userChatInfo{align-items:flex-start;display:flex;flex-direction:column}@media screen and (max-width:480px){.home .container .sidebar .chats .userChat .userChatInfo{align-items:center}}.home .container .sidebar .chats .userChat .userChatInfo span{font-size:18px;font-weight:700;overflow:hidden}.home .container .sidebar .chats .userChat .userChatInfo p{color:#d3d3d3;font-size:14px;margin:-1px}.home .container .sidebar ::-webkit-scrollbar{width:10px}.home .container .sidebar ::-webkit-scrollbar-track{background-color:#a51263}.home .container .sidebar ::-webkit-scrollbar-thumb{background-color:#931cca}.home .container .chat{border-radius:10px;flex:2 1}@media screen and (max-width:480px){.home .container .chat{flex-grow:3;z-index:1}}.home .container .chat .chatInfo{align-items:center;background-color:#5d5b8d;border:1px solid #000;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .chatInfo button{background-color:transparent;color:#fff;cursor:pointer}.home .container .chat .chatInfo button:hover{background-color:#150a30;box-shadow:0 0 3px #c5baeb,0 0 3px #c5baeb}.home .container .chat .chatInfo .chatIcons{display:flex;gap:10px}.home .container .chat .chatInfo .chatIcons img{cursor:pointer;height:24px}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 160px);overflow:scroll;padding:10px}.home .container .chat .messages h3{opacity:.7}.home .container .chat .messages .message{display:flex;gap:20px;margin-bottom:20px}.home .container .chat .messages .message .messageInfo{color:gray;display:flex;flex-direction:column;font-size:12px;font-weight:300;width:40px}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chat .messages .message .messageInfo span{word-wrap:normal;text-align:center}.home .container .chat .messages .message .messageContent{background-color:#fff;border-radius:0 20px 20px 20px;display:flex;flex-direction:column;gap:10px;max-width:80%;padding:10px}.home .container .chat .messages .message .messageContent>p{margin:0;padding:0}.home .container .chat .messages .message .messageContent img{border-radius:10px;width:100%}.home .container .chat .messages .message.owner{align-items:flex-start;flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end;background-color:#8b1ad6;border-radius:20px 0 20px 20px;color:#fff}.home .container .chat .messages .message .messagePhotoFullScreen{align-items:center;background:rgba(0,0,0,.9);border-radius:10px;bottom:0;height:80%;left:10%;object-fit:contain;overflow:hidden;position:absolute;right:10%;top:10%}@media screen and (max-width:480px){.home .container .chat .messages .message .messagePhotoFullScreen{bottom:0;left:0;right:0;top:10%}}@media screen and (max-width:768px){.home .container .chat .messages .message .messagePhotoFullScreen{bottom:0;left:0;right:0;top:10%}}.home .container .chat .messages .message .messagePhotoFullScreen img{border-radius:10px;height:100%;object-fit:contain;width:100%}.home .container .chat .messages .message .messagePhotoFullScreen button{background-color:transparent;border:1px solid gray;cursor:pointer;height:25px;position:absolute;right:20px;text-shadow:1px 1px 1px #fff;top:20px}.home .container .chat .messages .message .messagePhotoFullScreen button:hover{background-color:#150a30;box-shadow:0 0 3px #c5baeb,0 0 3px #c5baeb}.home .container .chat .inputPannel{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .inputPannel .shareImgContainer{display:flex;height:50px;object-fit:cover;width:auto}.home .container .chat .inputPannel .shareImgContainer .shareCancelImg{border:1px solid #000;border-radius:50%;cursor:pointer;max-height:20px;min-width:20px;padding:3px;text-align:center}.home .container .chat .inputPannel input{border:none;color:#2f2d52;font-size:18px;outline:none;width:100%}.home .container .chat .inputPannel input::-webkit-input-placeholder{color:#d3d3d3}.home .container .chat .inputPannel input::placeholder{color:#d3d3d3}.home .container .chat .inputPannel .send{align-items:center;display:flex;gap:10px;justify-content:space-between}.home .container .chat .inputPannel .send img{cursor:pointer;height:24px}.home .container .chat .inputPannel .send button{background-color:#8da4f1;border:none;color:#fff;cursor:pointer;padding:10px 15px}
/*# sourceMappingURL=main.1309e308.css.map*/