.trigger{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.logo{height:32px;background:hsla(0,0%,100%,.2);margin:16px}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#29d;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}@-webkit-keyframes FadeAnim{0%{opacity:0}to{opacity:1}}@keyframes FadeAnim{0%{opacity:0}to{opacity:1}}.conversation-search{padding:10px;display:flex;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::-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::-ms-input-placeholder{text-align:left}.conversation-search-input:focus::placeholder{text-align:left}.conversation-list-item{display:flex;align-items:center;padding:10px}.conversation-list-item.active{background:#eeeef1}.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;text-transform:capitalize;margin:0}.conversation-title.unread{font-weight:700}.conversation-snippet{font-size:14px;color:#888;margin:0}.toolbar{display:flex;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:.5rem 0 0;font-size:16px;font-weight:800}.left-items,.right-items{flex:1 1;padding:10px;display:flex}.right-items{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}.conversation-list{display:flex;flex-direction:column}.compose{padding:10px;display:flex;align-items:center;background:#fff;border-top:1px solid #eeeef1;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{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::-ms-input-placeholder{opacity:.3}.compose-input::placeholder{opacity:.3}.compose .toolbar-button{color:#bbbbbf;margin-left:15px}.compose .toolbar-button:hover{color:#99999c}.toolbar-button{color:#007aff;font-size:28px;transition:all .1s}.toolbar-button:hover{cursor:pointer;color:#0063ce}.toolbar-button:active{color:#007aff;opacity:.25}.message{display:flex;flex-direction:column}.message .timestamp{display:flex;justify-content:center;color:#999;font-weight:600;font-size:12px;margin:10px 0;text-transform:uppercase}.message .bubble-container{font-size:14px;display:flex}.message.mine .bubble-container{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}.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}.messenger{display:grid;width:100%;height:calc(100vh - 230px);background:#eeeef1;grid-template-columns:350px auto;grid-template-rows:60px auto 60px;grid-column-gap:1px;grid-row-gap:1px;border:1px solid #eeeef1}.message-list-container{padding:16px;min-height:calc(100vh - 316px);max-height:calc(100vh - 316px);overflow-y:auto}.compose{width:100%;background-color:#fff;box-shadow:0 -2px 4px rgba(0,0,0,.2)}.compose-input{width:100%;border:1px solid #ccc;padding:8px 16px;border-radius:4px}.ant-checkbox-group-vertical .ant-checkbox-group-item{display:block}.query-builder-container .ant-input-number{width:100%}tr.drop-over-downward td{border-bottom:3px dashed #1890ff}tr.drop-over-upward td{border-top:3px dashed #1890ff}