.chat{background:var(--white);border-left:1px solid var(--grey);flex-direction:column;justify-content:flex-end;width:300px;display:flex;position:absolute;top:4rem;bottom:4rem;right:0;overflow-y:auto}@media only screen and (width<=600px){.chat{z-index:3;width:100%}}.add-message{border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);padding:1rem}.chat-messages{height:100%;margin:0;padding:1rem;overflow-y:auto}.chat-message{margin-bottom:1rem;list-style-type:none}.chat-message-author{font-size:14px;font-weight:700}.chat-message-body{text-align:left;color:var(--dark-grey);margin:0;font-size:14px;display:inline}.chat-form{border-bottom:2px solid var(--grey);justify-content:space-between;display:flex}.chat-input{background:0 0;border:0;flex-grow:1;padding:.5rem}.chat-submit-button{background:0 0}.close-chat{background:var(--turquoise);border:1px solid var(--grey);align-self:end;margin:1rem;padding:.5rem 1rem;font-weight:400}.close-chat:hover{background:var(--grey);border:1px solid var(--dark-blue-border)}