@media(min-width:900px){.layout_layout__1Fn9t{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}body{margin:0;background-color:var(--pageBackground);font-family:var(--fonts);color:var(--fontColor)}.table{width:100%}.table thead{text-align:left}.table tbody tr{margin:0}.table tbody tr td{padding:5px;border-radius:3px}.table tbody tr:nth-of-type(odd){background-color:#eee}.table tbody tr:nth-of-type(2n){background-color:#ccc}.background{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;text-align:center}.background .error{font-size:1rem;margin-top:20px;color:#8b0000}.room{background-color:var(--backgroundColour);padding:0}@media(min-width:900px){.room{width:800px;height:75vh;position:relative}}.room .header{background:var(--headerColour);margin:0;padding:10px;position:-webkit-sticky;position:sticky;font-size:1.25em;font-weight:700;z-index:1001;display:flex}@media(max-width:899px){.room .header{position:fixed;width:100%}}.room .MuiSvgIcon-root{fill:var(--iconColour)!important}.room .characterImage{height:45px;width:45px;border-radius:999px;margin-right:10px}.room .characterName{line-height:48px}.room .companyImage{height:50px;width:50px;margin-left:auto;margin-right:20px}.room a:active,.room a:link,.room a:visited{color:var(--linkColour)}.room .chat .messages>div{padding:30px 30px 20px;display:flex;flex-direction:column;bottom:0}@media(max-width:575px){.room .chat .messages>div{padding:20px}}@media(min-width:900px){.room .chat .messages>div{position:absolute}}.room .chat .messages>div>div{border-bottom:1px solid #eee}.room .chat .messages>div .them{background:var(--characterBubbleColour);color:var(--characterTextColour);padding:10px;border-radius:10px;max-width:65%;position:relative;margin-top:15px;align-self:flex-start;word-wrap:break-word}.room .chat .messages>div .them:before{content:"";width:0;height:0;position:absolute;border-right:7px solid var(--characterBubbleColour);border-left:10px solid transparent;border-top:12px solid var(--characterBubbleColour);border-bottom:10px solid transparent;left:-8px;top:0;border-radius:2px 0 0 0}.room .chat .messages>div .you{background:var(--userBubbleColour);color:var(--userTextColour);padding:10px;border-radius:10px;max-width:60%;justify-self:right;align-self:flex-end;text-align:right;margin-top:15px;position:relative;word-wrap:break-word}.room .chat .messages>div .you:before{content:"";width:0;height:0;position:absolute;border-left:7px solid var(--userBubbleColour);border-right:10px solid transparent;border-top:10px solid var(--userBubbleColour);border-bottom:10px solid transparent;right:-8px;top:0;border-radius:2px}.room .chat .messageWrap{background:var(--headerColour);padding:10px 20px;position:absolute;bottom:0;right:0;left:0}@media(max-width:899px){.room .chat .messageWrap{padding:10px 20px 20px;position:fixed}}.room .chat .messageImage{width:100%}.room .chat .sendIconWrap{margin-left:15px}.room .chat .sendIconWrap :hover{cursor:pointer}.room .chat .sendIconWrap>svg{fill:grey;margin-top:11px}.room .chat .message-input{display:flex;justify-content:center}.room .chat .message-input :-ms-input-placeholder{color:#000;opacity:1}.room .chat .message-input ::placeholder{color:#000;opacity:1}.room .chat .message-input input{border-radius:5px;border:1px solid #d3d3d3;padding-left:10px;height:40px;font-size:16px}@media(max-width:575px){.room .chat .message-input input{width:100%}}@media(min-width:576px){.room .chat .message-input input{width:65%}}
/*# sourceMappingURL=main.7b4c361e.chunk.css.map */