*{font-size:20px}.chat_header{align-items:center;background:#07080f;background:linear-gradient(#17182b,#303898);color:#d8d8d8;display:flex;flex-shrink:0;height:56px;justify-content:center;text-align:center;width:100%}h1{font-size:24px}.reg-form-container{align-items:center;background-color:#b7d3f0;display:flex;height:100vh;justify-content:center}.reg-input-form{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:15px;height:300px;padding:20px 10px;width:300px}.reg-input-username{border:1px solid #b7d3f0;border-right:none;border-top:none;margin:20px;padding:15px}.reg-button{background-color:#8ebced;border-radius:5px;color:#fff;margin-top:20px;padding:10px}.reg-button:hover{background-color:#349a56;cursor:pointer}.chat_input{background-color:#e9eff6;flex-shrink:0}.msg-form{display:flex;justify-content:space-between}.msg-form_input{background-color:#f5f5f5;border:none;color:#2b2b2b;flex-grow:1;font-size:16px;padding:15px 0;-webkit-user-select:auto;user-select:auto}.msg-form_input::selection{background-color:#d3d3d3}.msg-form_btn{border:none;font-size:16px;padding:0 15px 0 20px}.message-list{background-color:#f8fcfc;flex-grow:1;height:500px;list-style:none;overflow-y:scroll;padding:10px 0 40px;scroll-behavior:smooth}.message-list_msg{display:flex;margin:6px 2px 0 10px}.message-list_msg--thisMember{flex-direction:row-reverse}.message-list_member-data{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:5px}.message-list_member-data--thisMember{flex-direction:row-reverse}.message-list_username{color:gray;display:block;font-size:14px;padding-bottom:4px}.message-list_text{background-color:#474747;border-radius:6px;color:#ececec;display:inline-block;line-height:20px;margin-left:0;margin-right:50px;padding:4px;-webkit-user-select:text;user-select:text;word-break:break-word}.message-list_text::selection{background-color:#d3d3d3}.message-list_msg--thisMember .message-list_text{background-color:#383f97;margin-left:50px;margin-right:0}header{display:block}body{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;line-height:1}ul{list-style:none}*{box-sizing:border-box;scrollbar-color:#4a4a4a;scrollbar-width:thin}
/*# sourceMappingURL=main.97849c76.css.map*/