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}.home_container{display:grid;grid-template-columns:1fr 3fr;height:90vh;overflow:hidden;position:relative;width:100vw}.users_container{background:#f9fbfc;border-right:2px solid hsla(0,0%,71%,.457);margin-top:10px;overflow-y:auto}.messages_container{background:url(https://i.redd.it/qwd83nc4xxf41.jpg);overflow:scroll;position:relative;width:100%}.messages_user{background:#f9fbfc;border-bottom:1px solid hsla(0,0%,75%,.285);border-top:1px solid hsla(0,0%,75%,.285);padding:10px;text-align:center}.no_conv{color:gray;font-size:20px;text-align:center}@media screen and (max-width:700px){.home_container{grid-template-columns:.8fr 3.2fr;height:calc(99vh - 50px);width:100vw}.users_container{border-right:1px solid hsla(0,0%,71%,.457)}.messages_user{padding:0}.messages_user h3{font-size:15px}}.user_wrapper{border-radius:8px;border-top:none;box-shadow:0 1px 5px hsla(0,0%,50%,.321);cursor:pointer;margin:5px 5px 0;padding:10px}.user_info{justify-content:space-between}.user_detail,.user_info{align-items:center;display:flex}.user_detail h4{margin:0 0 0 10px}.user-vert{display:flex;flex-direction:column}.user-new{align-items:center;display:flex}.avatar{border:1px solid rgba(157,117,225,.491);border-radius:50%;height:50px;object-fit:cover;width:50px}.user_status{border-radius:50%;height:10px;width:10px}.online{background:#34eb52}.offline{background:#ff4262}.selected_user{background:hsla(0,0%,57%,.417)}.truncate{color:grey;font-size:14px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate strong{color:#000;margin-left:10px;margin-right:10px}.unread{background:#2b83ff;border-radius:10px;color:#fff;margin-left:10px;padding:2px 4px}.sm_screen{display:none}.messages{border-bottom:1px solid var(--color-6);height:calc(100vh - 200px);overflow-y:auto}@media screen and (max-width:700px){.user_wrapper{margin:5px 2px 0;padding:5px}.user_info{justify-content:space-between}.user_detail,.user_info{align-items:center;display:flex;flex-direction:column}.user_detail h4{font-size:12px;margin:0}.user-vert{display:flex;flex-direction:column}.user-new{align-items:center;display:flex}.avatar{height:30px;width:30px}.user_status{height:5px;width:5px}.truncate{display:none}.unread{border-radius:5px;font-size:7px;margin-left:2px;padding:1px 3px}.messages{height:calc(100vh - 150px)}}.message_wrapper{margin-top:5px;padding:0 20px}.message_wrapper img{border-radius:5px;width:100%}.message_wrapper p{border-radius:30px;display:inline-block;margin-top:0;max-width:50%;padding:5px 20px;text-align:left}.message_wrapper small{color:#a9a9a9;display:inline-block;font-size:xx-small;font-weight:700}.message_wrapper.own{text-align:right}.friend{background:#e9eff5;color:#000}.me{background:#8040ec;background:linear-gradient(22deg,#8040ec 44%,#c700ff);color:#fff}@media screen and (max-width:700px){.message_wrapper{margin-top:3px;padding:0 5px}.message_wrapper img{border-radius:5px;width:100%}.message_wrapper p{border-radius:10px;font-size:12px;max-width:90%;padding:2px 10px}.message_wrapper small{font-size:8px}}.message-form{align-items:center;background:#f9fbfc;border-top:1px solid hsla(0,0%,83%,.614);bottom:0;display:flex;height:56px;justify-content:space-between;padding:0 10px;position:absolute;width:98%}.message-form>form{align-items:center;border:1px solid hsla(0,0%,75%,.211);border-radius:10px;display:flex;flex:1 1}.message-form>form>input{border:none;border-radius:10px;border-bottom-right-radius:0;border-top-right-radius:0;flex:1 1;outline:0;padding:10px}.message-form>form>button{background:#8040ec;border:none;border-radius:10px;border-bottom-left-radius:0;border-top-left-radius:0;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.label>.MuiSvgIcon-root{color:#8040ec;cursor:pointer;font-size:30px;margin:0;padding-left:10px}@media screen and (max-width:700px){.message-form{bottom:0;height:40px;padding:3px 4px;width:97%}.message-form>form>input{font-size:12px}.message-form>form>button{font-weight:lighter;padding:5px 10px}.label>.MuiSvgIcon-root{font-size:22px;padding-left:5px}}.navbar{align-items:center;background:#982eff;background:linear-gradient(22deg,#12014b 18%,#982eff);box-shadow:0 2px 2px rgba(0,0,0,.177);display:flex;justify-content:space-between;padding:0 30px}.navbar h1{color:#fff;cursor:pointer;font-size:25px}.navbar-links{display:flex;flex:1 1;justify-content:right;list-style:none}.navbar-links li{cursor:pointer;font-weight:600;margin:0 1rem}.navbar-links a{color:#fff;text-decoration:none;transition:.5s ease}.navbar-links a:hover{color:pink}.loggedin-links{align-items:center;display:flex}.loggedin-links a{color:#fff;transition:.5s ease}.loggedin-links a:hover{color:pink}.logout-btn{background:none;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px}@media screen and (max-width:700px){.navbar{padding:0 10px}.navbar h1{font-size:20px}.navbar-links li{font-size:15px;font-weight:500;margin:0 .5rem}.logout-btn{border-radius:3px;font-size:15px;padding:5px}}.loading{align-items:center;display:flex;height:90vh;justify-content:center}@media screen and (max-width:700px){.loading h1{font-size:18px}}.register{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center}.register-form{background:#fff;border-radius:20px;box-shadow:0 0 7px rgba(0,0,0,.259);margin:20px;padding:30px;width:400px}.register-form h1{font-size:25px;font-weight:500;margin:0 0 40px;text-align:center}.register-form label{font-size:18px}.register-form input{border:1px solid #e1e1e1;border-radius:5px;font-size:15px;margin:10px 0;outline:0;padding:10px;width:95%}.register-form button{background-color:#482782;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:10px 30px;transition:.3s ease-in;width:100%}.error{color:red;text-align:center}@media screen and (max-width:700px){.register{height:70vh}.register-form{border-radius:10px;padding:20px;width:70vw}.register-form h1{font-size:20px;margin-bottom:20px}}.login{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center}.login-form{background:#fff;border-radius:20px;box-shadow:0 0 7px rgba(0,0,0,.261);margin:20px;padding:30px;width:400px}.login-form h1{font-size:25px;margin:0 0 40px;text-align:center}.login-form label{font-size:18px}.login-form input{border:1px solid #e1e1e1;border-radius:5px;font-size:15px;margin:10px 0;outline:0;padding:10px;width:95%}.login-form button{background-color:#8040ec;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:10px 30px;transition:.3s ease-in;width:100%}.login-form button:hover{background-color:#482782}@media screen and (max-width:700px){.login{height:70vh}.login-form{border-radius:10px;padding:20px;width:70vw}.login-form h1{font-size:20px;margin-bottom:20px}}.profile{align-items:center;display:flex;height:90vh;justify-content:center}.profile-card{border-radius:20px;box-shadow:0 0 7px rgba(0,0,0,.261);display:flex;flex-direction:column;text-align:center;width:30vw}.profile-img{border-bottom:1px solid #7f40ec58;padding:20px;position:relative}.profile-img img{border-radius:50%;height:200px;object-fit:cover;transition:all .5s ease-in-out;width:200px}.profile-img:hover img{opacity:.5}.profile-img:hover .overlay{opacity:1}.overlay{left:50%;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease}.profile-info{padding:20px}.profile-info h1{font-size:25px;font-weight:600;margin:0}.profile-info h3{font-weight:400;margin:5px 0 0}.profile-info p{color:grey;font-size:14px;margin:10px 0 0}@media screen and (max-width:700px){.profile-card{border-radius:10px;width:60vw}.profile-img{padding:10px}.profile-img img{height:100px;width:100px}.profile-info{padding:10px}.profile-info h1{font-size:20px;font-weight:500}.profile-info h3{font-size:15px;margin-top:0}.profile-info p{font-size:12px;margin-top:5px}}
/*# sourceMappingURL=main.1ae1f1aa.css.map*/