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:#bface2;background-image:url(/static/media/bac.9d7507fc6a6d24173b82.jpeg);display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#fff;border-radius:30px;display:flex;flex-direction:column;padding:20px 60px}.formContainer .formWrapper .logo{color:#a084dc;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#bface2;font-size:18px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #bface2;padding:15px;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#bface2}.formContainer .formWrapper form input::placeholder{color:#bface2}.formContainer .formWrapper form button{background-color:#bface2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:10px}.formContainer .formWrapper form button:hover{background-color:#534c9d;color:#fff}.formContainer .formWrapper form label{align-items:center;color:#bface2;cursor:pointer;display:flex;font-size:15px}.formContainer .formWrapper form label:hover{color:#534c9d}.formContainer .formWrapper form label img{height:auto;padding-right:10px;width:40px}.formContainer .formWrapper p{color:#a084dc;cursor:pointer;font-size:12px;margin-top:10px}.formContainer .formWrapper p:hover{color:#534c9d}.home{align-items:center;background-color:#bface2;background-image:url(/static/media/bac.9d7507fc6a6d24173b82.jpeg);height:100vh;justify-content:center}.home,.home .container{display:flex;overflow:hidden}.home .container{border:1px solid #fff;height:100%;width:100%}.home .container .Sidebar{background-color:#a084dc;flex:1 1;position:relative}.home .container .Sidebar .Navbar{align-items:center;background-color:#645cbb;color:#fff;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 img{background-color:#bface2;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .Sidebar .Navbar button{background-color:#bface2;border:none;border-radius:10%;color:#645cbb}.home .container .Sidebar .Navbar button:hover{background-color:#534c9d;color:#fff}@media screen and (max-width:768px){.home .container .Sidebar .Navbar 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 button,.home .container .Sidebar .Search .SearchForm input{background-color:transparent;border:2px solid #fff;border-radius:20px;color:#fff;margin-bottom:2px;outline:none;padding:10px;width:80%}.home .container .Sidebar .Search .SearchForm button::-webkit-input-placeholder,.home .container .Sidebar .Search .SearchForm input::-webkit-input-placeholder{color:#fff}.home .container .Sidebar .Search .SearchForm button::placeholder,.home .container .Sidebar .Search .SearchForm input::placeholder{color:#fff}.home .container .Sidebar .Search .SearchForm button{background-color:#534c9d;width:85%}.home .container .Sidebar .Search .SearchForm button:hover{background-color:#fff;color:#534c9d;cursor:pointer}.home .container .Sidebar .UserChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:5px}.home .container .Sidebar .UserChat img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .Sidebar .UserChat:hover{background-color:#534c9d}.home .container .Sidebar .UserChat .UserChatInfo span{font-size:18px;font-weight:500}.home .container .Sidebar .UserChat .UserChatInfo p{color:#d3d3d3;font-size:14;margin:0}.home .container .Chat{flex:2 1}.home .container .Chat .ChatInfo{align-items:center;background-color:#534c9d;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:transparent;height:calc(100% - 160px);margin-bottom:20px;overflow:scroll;overflow-x:hidden;padding:10px}.home .container .Chat .Messages .Message{display:flex;gap:20px}.home .container .Chat .Messages .Message .MessageInfo{color:#fff;display:flex;flex-direction:column;font-weight:300}.home .container .Chat .Messages .Message .MessageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.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:#fff;border-radius:0 20px 20px 20px;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.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:#534c9d;border-radius:20px 0 20px 20px;color:#fff}.home .container .Chat .Input{align-items:center;background-color:#bface2;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .Chat .Input input{background-color:#bface2;border:none;color:#534c9d;font-size:18px;margin-bottom:20px;outline:none;width:100%}.home .container .Chat .Input input::-webkit-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:#534c9d;border:none;border-radius:20px;color:#bface2;cursor:pointer;padding:10px 15px}.home .container .Chat .Input .Send button:hover{background-color:#fff;color:#534c9d}
/*# sourceMappingURL=main.ab8f0f42.css.map*/