.chatOnline{margin-right:20px;margin-top:30px}.chatOnlineBadge{border-radius:50%;height:15px;width:15px}.userList{align-items:center;border-bottom:1px solid #e2dede;color:#000;cursor:pointer;display:flex;justify-content:space-between;margin-top:40px;padding:10px;text-decoration:none}.userListImg{border-radius:50%;height:45px;margin-right:-12px;object-fit:cover;width:45px}.flexDirectionColumn{display:flex;flex-direction:column}.displayFlex{display:flex}.userListName{font-family:monospace,sans-serif}.userListText{color:gray;font-size:13px;max-height:30px;max-width:300px;overflow:hidden}.userListTime{color:gray;font-size:13px;margin-left:10px;min-width:80px}@media screen and (max-width:600px){.chatMenu{border:2px solid #e2dede;flex:none;max-width:18%;min-width:18%}.userListName,.userListText,.userListTime{display:none}.chatBox{border-right:2px solid #e2dede;flex:none;max-width:80%}}.message{cursor:pointer;flex-direction:column;margin-top:20px;text-decoration:none}.message,.messageTop{display:flex}.messageImg{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.messageText{background-color:#3e4354;border-radius:20px;color:#fff;font-size:14px;margin:0;max-width:500px;padding:10px}.messageBottom{color:grey;font-size:13px;margin-top:10px}.message.own{align-items:flex-end}.messageImg.own{display:none}.message.own .messageText{background-color:#ededed;color:#000}.chatBoxUserName{font-size:22px}.chatBoxBottom{align-items:center;background-color:#ededed;border-bottom:2px solid #e2dede;border-top:2px solid #e2dede;box-sizing:border-box;display:flex;height:150px;justify-content:center;width:100%}.chatMessageInput{border:none;width:90%}.wrapChat{background-color:#fff;border:2px solid #e2dede;border-radius:20px;box-sizing:border-box;display:flex;height:55px;justify-content:space-between;padding:10px;width:96%}.chatSubmitButton{background-color:initial;border:none;width:40px}.arrowSend{cursor:pointer;width:30px}.arrowSend:active{width:28px}.chatBoxPicturesWrap{width:75px}.chatBoxUserPicture{border-radius:50%;height:45px;padding:10px 0 10px 10px;width:45px}.chatOnlineBadgeConv{border-radius:50%;height:15px;margin-bottom:7px;margin-left:-14px;object-fit:cover;width:15px}@media screen and (max-width:600px){.messageText{box-sizing:border-box;flex:0.8 1}}*{font-family:Arial,Helvetica,sans-serif}::-webkit-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}.messenger{display:flex;height:calc(100vh - 70px)}.chatBoxTop,.chatMenu{height:100%;overflow-y:scroll}.chatBoxTop::-webkit-scrollbar,.chatMenu::-webkit-scrollbar{display:none}.chatBoxTop{padding:10px}.chatMenu{border:2px solid #e2dede;flex:2.5 1}.chatBox{border-right:2px solid #e2dede;flex:5.5 1}.chatBoxWrapper,.chatMenuWrapper{display:flex;flex-direction:column}.chatBoxWrapper{height:100%}.profilePicture{border-radius:50%;height:45px;padding:10px;width:45px}.chatBoxHead{align-items:center;background-color:#ededed;border:2px solid #e2dede;border-left:none;border-right:none;box-sizing:border-box;display:flex;height:75px;width:100%}.chatMenuTop{background-color:#ededed;border-bottom:2px solid #e2dede;height:130px}.textChat{color:#85ced2;font-family:system-ui;font-size:26px;font-weight:200;height:87px;padding:10px}.searcher,.textChat{align-items:center;box-sizing:border-box;display:flex}.searcher{background-color:#fff;border:2px solid #e2dede;border-radius:20px;height:40px;margin:0 15px;padding:11px 13px}.searchImgBtn{background-color:initial;border:none;margin-right:10px;padding:0}.searchImg{width:14px}.chatMenuInput{border:none;width:90%}button:focus,input:focus,select:focus,textarea:focus{outline:none}@media screen and (max-width:600px){.searcher{display:none}.textChat{display:flex;flex-direction:column}}.login-page{background-image:linear-gradient(#ededed,#3e4354);bottom:0;left:0;position:absolute;right:0;top:0}.center,.login-card{align-items:center;display:flex;justify-content:center}.login-card{background-color:#f0f8ff;border:3px solid #3e4354;border-radius:15px;flex-direction:column;height:220px;width:300px}.login-button{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-evenly;text-decoration:none}.google{background-color:#40a9ff}.facebook,.google{color:#fff;height:20%;width:60%}.facebook{background-color:#096dd9}
/*# sourceMappingURL=main.74250170.css.map*/