body{margin:0;overflow:hidden;padding:0}.chat_content{display:flex}.chat_area{height:100vh;margin:0;padding:0;width:70%}.group_header{align-items:center;box-shadow:-5px 0 5px 2px #6c6c6c;display:flex;height:10%;line-height:6px;position:relative;width:100%}.group_header img{height:70%;width:auto}.group_header .close{color:#575757cc}.close:hover{color:#ec0000;cursor:pointer}.group_header .group_name{color:#000;font-size:32px}.group_header .group_description,.group_header .group_name{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.group_header .group_description{color:#575757;font-size:16px}.group_header .drop_icon{display:none;height:40px;opacity:.5;position:absolute;right:3%;top:50%;transform:translateY(-50%);width:40px}.group_details{background-color:#f0f0f0;box-shadow:0 0 5px 1px #575757;display:block;height:100vh;text-align:center;width:30%}.group_details img{height:200px}.group_details h1{color:#000;font-size:48px;line-height:0px}.group_details h1,.group_details h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.group_details h2{color:#6d6d6d;font-size:28px}.group_members{display:block;height:60%;overflow-y:auto;padding-bottom:5px;padding-top:5px;text-align:center}.group_members::-webkit-scrollbar{width:0}.message_area{background-image:url(/static/media/Chat_Background.4e354896c65d3a8ef40d.png);background-repeat:no-repeat;background-size:cover;height:84%;overflow-y:scroll;width:100%}.message_area::-webkit-scrollbar{width:0}.incoming_message{color:#000;font-size:24px;height:5%;outline:none;width:99.3%}.incoming_message,.message_element{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.message_element{word-wrap:break-word;border-radius:10px;display:block;font-size:16px;overflow-wrap:break-word;padding:1px 5px 1px 15px;width:50%}.timestamp{color:#444444e6;display:block;font-size:12px;line-height:0px;text-align:right;width:100%}.message_area h1{font-size:16px;font-weight:700;line-height:1px}.message_area p{font-weight:490}@media(max-width:1300px){.group_details{display:none}.chat_area{width:100%}.group_header .drop_icon{display:block}.group_header .close{font-size:20px}.group_header img{height:55%;width:auto}.group_header .group_name{font-size:20px}.group_header .group_description{font-size:12px}.group_header .drop_icon{height:25px;width:25px}.message_area{height:87%}.incoming_message{font-size:16px;height:4%}.message_element{font-size:12px}.message_element h1{font-size:14px}}.member{align-items:center;background:#fff;border-radius:5px;display:flex;margin-left:15px;padding:5px 5px 5px 20px;position:relative;text-align:left;width:90%}.member .text_details{display:block}.member img{border-radius:40px;height:50px;object-fit:cover;width:50px}.member h1{color:#000;font-size:24px}.member h1,.member h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.member h2{color:#575757;font-size:16px}.member .status{background-color:red;border-radius:20px;height:15px;position:absolute;right:10%;top:50%;transform:translate(-50%,-50%);width:15px}
/*# sourceMappingURL=main.47bdd953.css.map*/