*,:after,:before{box-sizing:border-box}button{cursor:pointer}button.busyButton{cursor:not-allowed}@media (min-width:768px){.user-container{width:25%;padding:0 10px;text-align:center}}.user-container{margin-bottom:15px;-webkit-align-items:center;align-items:center;border-radius:4px;background-color:#fff;box-shadow:0 5px 15px 0 rgb(0 0 0/5%);position:relative;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.user-container.offline .status{background-color:rgba(239,154,154,.8)}.user-container.online .status{background-color:rgba(200,230,201,.8)}.user-container.online .status .dot{background-color:#388e3c}.user-container.offline .status .dot{background-color:#d32f2f}.user-container .status .dot{height:13px;width:13px;border:0;border-radius:50%;display:inline-block;vertical-align:middle}.user-container .status{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;left:20px;top:15px;padding:6px 10px;border-radius:20px;position:absolute}.user-container .avatar{border-radius:0;width:100%;height:180px;overflow:hidden;line-height:0;margin-bottom:20px}.user-container .avatar img{object-fit:cover;width:100%;height:100%}img{overflow:hidden;display:inherit;vertical-align:middle;border:0}.room-name{margin-top:0}.messages-container{-webkit-flex:1 1;flex:1 1;min-height:100px;overflow:auto;border:1px solid #000;border-radius:7px 7px 0 0}.messages-list{list-style-type:none;padding:0}.new-message-input-field{height:200px;max-height:50%;font-size:20px;padding:8px 12px;resize:none}.message-item{width:55%;margin:8px;padding:12px 8px;word-break:break-word;border-radius:4px;color:#fff}.my-message{background-color:#0084ff;margin-left:auto}.received-message{background-color:#3f4042;margin-right:auto}.send-message-button{display:block;width:100%;font-size:28px;font-weight:600;color:#fff;background:#31a24c;padding:24px 12px;border:none}.messages-container,.new-message-input-field,.send-message-button{border-color:#9a9a9a}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.c90c54ce.chunk.css.map */