.input{display:flex;flex-direction:column}.input label{font-size:14px;margin-bottom:10px}.input input{height:32px;border-radius:6px;font-size:16px;padding-left:15px}.input input:focus{outline:none}.button{outline:none;border-radius:6px}.avatar{display:block;width:160px;height:160px;border:2px solid #000;border-radius:50%}.chat-badge{display:flex;padding:10px;margin-bottom:10px;background:#dfdfdf;border-radius:6px}.chat-badge .badge-icon{margin-right:15px;width:45px;height:45px;border-radius:6px}.chat-badge .badge-content{display:flex;flex-direction:column;justify-content:space-between}.chat-badge .badge-message{margin:0;font-size:12px}.chat-badge .badge-name{display:block;font-size:14px}.message{margin-bottom:10px;padding:10px 10px 2px;display:flex;flex-direction:column;border-radius:6px;background:#dfdfdf}.message_interlocutor{align-self:flex-start}.message .message-text{font-size:14px}.message .message-time{align-self:flex-end;font-size:10px}.page-error{display:flex;flex-direction:column;text-align:center}.error-code{font-size:72px}.chat-page{display:grid;grid-template-columns:1fr 3fr}.chat-page .chat-menu{padding:10px 15px;height:65px}.chat-page .chat-list{padding:0 10px 0 15px}.chat-page .chat-content{background:#bababa;display:grid}.chat-page .chat-active{display:flex;padding:10px;height:65px;background:#f0f0f0}.chat-page .active-icon{margin-right:15px;width:45px;height:45px;border-radius:6px}.chat-page .active-name{display:block;font-size:14px}.chat-page .messages{padding:20px 20px 0;display:flex;flex-direction:column;align-items:flex-end}.chat-page .chat-input{padding:5px;display:grid;grid-template-columns:auto 95px;background:#8d8d8d;height:70px}.chat-page .chat-input #user-input{padding:10px;margin-right:10px;border-radius:6px;border:none}.chat-page .chat-input #user-input:focus{outline:none;border:none}.chat-page .chat-input .send-button{border-radius:6px}.block{margin-bottom:15px}*{font-family:Verdana,Geneva,Tahoma,sans-serif;box-sizing:border-box}html,body{padding:0;margin:0}