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}.registerContainer{align-items:center;background-color:#e9e0e0;display:flex;height:100vh;justify-content:center}.registerContainer .registerWrapper{align-items:center;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px 60px}.registerContainer .registerWrapper .Logo{color:#181fa9;font-size:20px;font-weight:900}.registerContainer .registerWrapper .title{color:#181fa9}.registerContainer .registerWrapper form{display:flex;flex-direction:column;gap:1rem;width:16rem}.registerContainer .registerWrapper form input{padding:10px}.registerContainer .registerWrapper form label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:10px}.registerContainer .registerWrapper form label img{width:32px}.registerContainer .registerWrapper form label span{font-size:12px;font-weight:400}.registerContainer .registerWrapper form button{background-color:#181fa9;color:#fff;cursor:pointer;font-weight:600;padding:10px}.registerContainer .registerWrapper p{cursor:pointer;font-size:11px;font-weight:400}.Home{align-items:center;background-color:#e9e0e0;display:flex;height:100vh;justify-content:center}.Home .container{border:1px solid #000;border-radius:1rem;display:flex;height:75%;overflow:hidden;width:75%}.Sidebar{background-color:#513838;border-right:1px solid #261f19;flex:1 1;position:relative}.Sidebar .Navbar{align-items:center;background-color:#000;color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.Sidebar .Navbar .Logo{font-weight:bolder}.Sidebar .Navbar .User{align-items:center;cursor:pointer;display:flex;gap:10px}.Sidebar .Navbar img{background-color:#fff;border-radius:50%;height:40px;width:40px}.Sidebar .Navbar span{color:#fff}.Sidebar .Search{border-bottom:1px solid gray;display:flex;flex-direction:column}.Sidebar .Search .Userchats{align-items:center;color:#fff;display:flex;font-weight:500;gap:10px}.Sidebar .Search input{background-color:#0000;border:none;color:#fff;outline:none;padding:10px;width:100%}.Sidebar .Search input ::placeholder{color:#d3d3d3}.Sidebar .Chats .UserChat{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px}.Sidebar .Chats .UserChat:hover{background-color:#362626}.Sidebar .Chats .UserChat img{border-radius:50%;height:40px;object-fit:cover;width:40px}.Sidebar .Chats .UserChat .UserChatInfo span{color:#fff;font-size:18px;font-weight:500}.Sidebar .Chats .UserChat .UserChatInfo p{color:#fff;font-size:12px;font-weight:100;margin:0}.Sidebar .logOut{background-color:#000;border:none;bottom:0;color:#fff;cursor:pointer;font-size:20px;font-weight:800;outline:none;padding:15px;position:absolute;width:100%}.Sidebar .logOut:hover{background-color:#513838}.Chat{flex:2 1}.Chat .ChatInfo{align-items:center;background-color:#5d5b8d;color:#d3d3d3;display:flex;justify-content:space-between;padding:12px}.Chat .ChatIcons{align-items:center;cursor:pointer;display:flex}.Chat .ChatIcons img{height:24px;padding:11px;width:24px}.Chat .Messages{background-color:#ddddf7;height:calc(100% - 160px);overflow-y:auto;padding:1rem}.Chat .Input{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.Chat .Input input{border:none;height:100%;outline:none;width:100%}.Chat .Input .inputIcons{align-items:center;display:flex;gap:10px}.Chat .Input .inputIcons img{color:#000;height:20px;width:20px}.Chat .Input .inputIcons button{background-color:#8da4f1;border:none;border-radius:2px;padding:5px 10px}.Chat .message{align-items:center;display:flex;gap:20px}.Chat .message .messageInfo{display:flex;flex-direction:column}.Chat .message .messageInfo img{border-radius:50%;height:20px;margin:10px 0;width:20px}.Chat .message .messageInfo span{font-size:9px;font-weight:300}.Chat .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;margin:0 0 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px}.Chat .message .messageContent img{height:200px;width:100%}.Chat .message.Sender{align-items:center;flex-direction:row-reverse;gap:20px}.Chat .message.Sender .messageInfo{display:flex;flex-direction:column}.Chat .message.Sender .messageInfo img{border-radius:50%;height:20px;margin:10px 0;width:20px}.Chat .message.Sender .messageInfo span{font-size:9px;font-weight:300}.Chat .message.Sender .messageInfo .messageContent{align-items:flex-end}.Chat .message.Sender .messageInfo .messageContent p{background-color:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}
/*# sourceMappingURL=main.ee39b7f2.css.map*/