*{margin:0;padding:0}body{font-family:"Poppins",sans-serif;background:#0084c0}.main__app__container{display:flex;align-items:center;height:100vh}.main__box{min-height:600px;max-height:600px;width:500px;max-width:700px;margin:0 auto;display:flex;flex-direction:column;border-radius:5px;overflow:hidden;position:relative;box-shadow:0 0 20px rgba(51,51,51,.431)}.header{width:calc(100% - 20px);min-height:80px;max-height:80px;display:flex;justify-content:space-between;align-items:center;background-color:#0084ff;color:#fff;padding:0 10px}.logo{width:50%}.active_status,.logo{display:flex;align-items:center}.active_status{justify-content:flex-end}.img_container{height:30px;width:30px;border-radius:50%;position:relative}.img_container img{object-fit:cover;position:absolute;height:100%;width:100%;border-radius:50%}.logo_name,span{margin:0 10px}span{height:10px;width:10px;background-color:#0084c0;border-radius:50%;font-size:13px;display:flex;justify-content:center;align-items:center;padding:7px;box-shadow:0 0 10px hsla(0,0%,92.5%,.157)}.messageArea{flex:1 1;padding:10px 20px 0;overflow-y:scroll;max-height:600px;background:#fff;overflow-x:hidden}.messageArea::-webkit-scrollbar{width:10px}.messageArea::-webkit-scrollbar-track{background:#fff}.messageArea::-webkit-scrollbar-thumb{background:#bbb;border-radius:5px}.userName{font-size:smaller;color:rgba(51,51,51,.431);font-weight:700;text-transform:capitalize;margin-left:10px}.user2 .userName{display:none}.user__logo{object-fit:contain;width:30px;border-radius:50%;margin-top:auto}.message{padding:8px 15px;background:#e8e8e8;border-top-right-radius:20px;border-bottom-right-radius:20px;max-width:300px;word-wrap:break-word}.message__container{display:flex;flex-direction:column}.message__row{margin-top:3px;display:flex}.user1{width:100%}.user1 .user__logo{margin-right:10px}.user1{margin-right:0;display:flex;align-items:center;margin-bottom:20px}.message__row:first-of-type>.message{border-top-left-radius:20px}.message__row:last-of-type>.message{border-bottom-left-radius:20px}.user2 .user__logo{margin-left:auto}.user2{float:right;display:flex;margin-bottom:20px;clear:both}.user2 .message__container{margin-right:10px}.user2 .message{background:#0084ff;color:#fff;margin-left:auto}.user2 .message__row:first-of-type>.message{border-top-right-radius:20px}.user2 .message__row:last-of-type>.message{border-bottom-right-radius:20px}.user2 .message{border-radius:0;border-top-left-radius:20px;border-bottom-left-radius:20px}.fotter{min-height:55px;min-width:100%;display:flex;background:rgba(51,51,51,.2)}.typingContainer{display:flex;align-items:center;flex:1 1;justify-content:space-around}.typingContainer__box{flex:1 1;outline:none;background:#fff;height:100%;padding:0 10px;font-size:1.1em;border:none;border-top:1px solid rgba(51,51,51,.274)}.send__icon{padding:15px 18px;text-align:center;background:#0084ff;color:#fff;cursor:pointer}.input_feild{position:absolute;height:100%;width:100%;display:grid;place-items:center}.input_feild>form{display:flex;flex-direction:column;width:65%}.input_feild>form input{outline:none;margin-bottom:10px;padding-top:15px;padding-bottom:5px;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #fff;font-size:1.1em}.input_feild>form input::-webkit-input-placeholder{color:#fff;font-size:1em;font-family:"poppins",sans-serif}.input_feild>form input[type=submit]{background-color:#005881;color:#fff;text-transform:capitalize;font-size:1.2em;box-shadow:0 0 20px rgba(51,51,51,.2);border:none;margin-top:20px;padding-bottom:15px}.input_feild h3{text-align:center;margin-bottom:20px;font-size:1.6em;color:#202020}
/*# sourceMappingURL=main.d594a2b6.chunk.css.map */