body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.people-list{background:#fff;box-sizing:border-box;float:left;height:auto;max-height:calc(100vh - 60px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:260px;z-index:2}@media (max-width:768px){.people-list{max-height:calc(100vh - 60px);max-width:120px;min-width:60px;padding:0;width:80px}.people-list ul{padding:10px}.people-list ul li{padding-bottom:10px}.people-list .about{display:none}.chat-messages{margin-left:90px}}.people-list ul{list-style:none;padding:20px}.people-list ul li{padding-bottom:20px}.people-list img{float:left}.people-list .about{float:left;margin-top:8px;padding-left:8px}.chat-messages{margin-left:300px;overflow-x:hidden;overflow-y:auto}.bubble-wrapper{align-self:flex-end;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:10px}.inline-container{display:inline-flex}.inline-container.own{flex-direction:row-reverse}.inline-icon{border-radius:50%;object-fit:contain;width:60px}.message-icon{margin:17px}.own-bubble{background-color:#5b5377;border:1px solid #443f56;border-radius:16px 16px 0 16px}.other-bubble,.own-bubble{margin:6px 8px;max-width:700px;min-width:60px;padding:14px 18px}.other-bubble{background-color:#6c8ea4;border:1px solid #54788e;border-radius:16px 16px 16px 0}.own{align-self:flex-end}.other{align-self:flex-start}.msg-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.msg-info-name{font-weight:700;margin-right:10px}.msg-info-time{font-size:.85em}.msg-image{width:100%}.msger-inputarea{background:#eee;border-top:2px solid #ddd;display:flex;padding:10px}.msger-inputarea *{border:none;border-radius:3px;font-size:1em;padding:10px}.msger-input{background:#ddd;flex:1 1}.msger-send-btn{background:#00c441;color:#fff;cursor:pointer;font-weight:700;margin-left:10px;transition:background .23s}.msger-send-btn:hover{background:#00b432}.msger-emoji-btn{cursor:pointer;font-weight:700}.mainHeader{text-align:center}
/*# sourceMappingURL=main.c0efcec8.css.map*/