.Chatroom{width:100%;height:100%;display:flex;flex-direction:column}.Chatroom__messagesViewport{position:relative;flex-grow:1;flex-shrink:1;flex-basis:auto;overflow:hidden;height:100%}.Chatroom__chatMessages{overflow-y:scroll;height:100%}.Chatroom .MessageInput{flex-grow:0;flex-shrink:1}.Chatroom__resumeScrollButton{position:absolute;text-align:center;left:50%;bottom:0;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;padding:.25rem .5rem;margin-bottom:1rem;border-radius:4px;font-weight:600}.Chatroom__resumeScrollButton:hover{background:rgba(50,50,50,.6)}.Chatroom,.Chatroom *,.Chatroom :after,.Chatroom :before{box-sizing:border-box}.MessageInput{padding:0 1rem}.MessageInput__textarea{overflow-x:hidden;padding:1rem;resize:none;width:100%}.UserLogin{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.UserLogin__error{width:100%;text-align:center}.UserLogin__usernameInput{margin:.5rem}.ChatMessage{padding:.5rem 2rem}.ChatMessage--extrasOpen,.ChatMessage:hover{background:#ddd}.ChatMessage__username{font-weight:600}.ChatMessageExtras>button:not(:first-child){margin-left:8px}
/*# sourceMappingURL=main.css.map */