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}.conversation-search{padding:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.conversation-search-input{background:#f4f4f8;padding:8px 10px;border-radius:10px;border:none;font-size:14px}.conversation-search-input::-webkit-input-placeholder{text-align:center}.conversation-search-input:-ms-input-placeholder{text-align:center}.conversation-search-input::placeholder{text-align:center}.conversation-search-input:focus::-webkit-input-placeholder{text-align:left}.conversation-search-input:focus:-ms-input-placeholder{text-align:left}.conversation-search-input:focus::placeholder{text-align:left}.conversation-list-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px}.conversation-list-item:hover{background:#eeeef1;cursor:pointer}.conversation-photo{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px}.conversation-title{font-size:14px;font-weight:700;text-transform:capitalize;margin:0}.conversation-snippet{font-size:14px;color:#888;margin:0}.toolbar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#fff;font-weight:500;border-bottom:1px solid #eeeef1;position:-webkit-sticky;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.toolbar{border:none;background-color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.toolbar-title{margin:0;font-size:16px;font-weight:800}.left-items,.right-items{-webkit-flex:1 1;flex:1 1;padding:10px;display:-webkit-flex;display:flex}.right-items{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.left-items .toolbar-button{margin-right:20px}.right-items .toolbar-button{margin-left:20px}.left-items .toolbar-button:last-child,.right-items .toolbar-button:last-child{margin:0}.toolbar-button{color:#007aff;font-size:28px;transition:all .1s}.toolbar-button:hover{cursor:pointer;color:#0063ce}.toolbar-button:active{color:#007aff;opacity:.25}.conversation-list{-webkit-flex-direction:column;flex-direction:column}.compose,.conversation-list{display:-webkit-flex;display:flex}.compose{padding:10px;-webkit-align-items:center;align-items:center;background:#fff;border-top:1px solid #eeeef1;position:fixed;width:calc(100% - 20px);bottom:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.compose{border:none;background-color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.compose-input{-webkit-flex:1 1;flex:1 1;border:none;font-size:14px;height:40px;background:none}.compose-input::-webkit-input-placeholder{opacity:.3}.compose-input:-ms-input-placeholder{opacity:.3}.compose-input::placeholder{opacity:.3}.compose .toolbar-button{color:#bbbbbf;margin-left:15px}.compose .toolbar-button:hover{color:#99999c}.message{-webkit-flex-direction:column;flex-direction:column}.message,.message .timestamp{display:-webkit-flex;display:flex}.message .timestamp{-webkit-justify-content:center;justify-content:center;color:#999;font-weight:600;font-size:12px;margin:10px 0;text-transform:uppercase}.message .bubble-container{font-size:14px;display:-webkit-flex;display:flex}.message.mine .bubble-container{-webkit-justify-content:flex-end;justify-content:flex-end}.message.start .bubble-container .bubble{border-top-left-radius:20px}.message.end .bubble-container .bubble{border-bottom-left-radius:20px}.message.mine.start .bubble-container .bubble{margin-top:10px;border-top-right-radius:20px}.message.mine.end .bubble-container .bubble{border-bottom-right-radius:20px;margin-bottom:10px}.message .bubble-container .bubble{margin:1px 0;background:#f4f4f8;padding:10px 15px;border-radius:20px;max-width:75%;border-top-left-radius:2px;border-bottom-left-radius:2px;border-top-right-radius:20px;border-bottom-right-radius:20px}.message.mine .bubble-container .bubble{background:#007aff;color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;border-top-right-radius:2px;border-bottom-right-radius:2px}.message-list-container{padding:10px 10px 70px}.messenger{display:grid;width:100%;height:100vh;background:#eeeef1;grid-template-columns:350px auto;grid-template-rows:60px auto 60px;grid-column-gap:1px;grid-row-gap:1px}.container{padding:10px}.scrollable{position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch}.content,.sidebar{background:#fff;grid-row-start:1;grid-row-end:span 3}.footer{grid-column-start:2;background:#fff}
/*# sourceMappingURL=main.44ca0d2d.chunk.css.map */