*{margin:0;padding:0}body{background-color:#fff;color:#222;font-family:Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;max-width:700px}a,button,div,input{outline:none}.login-page,.message-page{background-color:#fff;height:100vh}.login-page .card{padding:40px;max-width:400px;text-align:center;margin:0 auto;display:flex;flex-direction:column}.login-page .card h1{color:#fd4d4d}.login-page .card p{color:#5d7290;font-size:14px}.login-page .card form{display:flex;flex-direction:column;margin-top:20px}.login-page .card form input{padding:8px;border:1px solid #d8d8d8;background-color:#f2f2f2;color:#5d7290!important;border-radius:6px;margin-bottom:8px}.login-page .card form button{padding:8px;border:1px solid rgba(209,22,22,.507);border-radius:6px;font-size:15px;cursor:pointer}.chat-header,.login-page .card form button{background-color:#fd4d4d;color:#fff;font-weight:600}.chat-header{max-width:700px;top:0;position:fixed;box-shadow:0 0 2px 0 #333;width:100%;height:50px;border-bottom:1px solid rgba(209,22,22,.507);text-align:center}.chat-header h2{font-weight:300}.chat-header .typing-status{display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.chat-header .typing-status small{padding:1px;font-weight:300}.message-input{margin:0 auto;max-width:700px;width:100%;bottom:0;padding:10px 0;position:fixed;display:flex;align-items:center;background-color:#fff;border-top:1px solid #eee}.message-input input{flex:1 1;padding:10.5px;background-color:#f2f2f2;border:1px solid #d8d8d8;border-right:none;color:#5d7290!important;font-size:16px;border-radius:6px;margin:0 10px}.message-input button{background-color:#fd4d4d;border:1px solid rgba(209,22,22,.507);border-radius:6px;color:#fff;font-size:16px;padding:7px 10px;margin-right:10px}.message-input .disabled{background-color:#eee;color:#999;border-color:#999}.message-list{padding:70px 0 100px}.message-list small{font-size:11px}.message-list ul{padding:0 10px}.message-list ul li{width:100%;display:flex}.message-list ul li div{flex-direction:column;list-style-type:none;margin-bottom:5px;padding:0 5px;margin-top:5px}.message-list ul li div p{color:#fff;background-color:#fd4d4d;font-weight:500px;border-radius:20px;padding:5px;border:1px solid rgba(209,22,22,.507)}
/*# sourceMappingURL=main.e65b9794.chunk.css.map */