.connect-message-wrap{position:relative}
body.wd-ui.wd-ui.wd-ui .connect-message-trigger{position:relative;display:grid!important;place-items:center!important;padding:0!important}
.connect-message-trigger.has-unread:after{content:"";position:absolute;right:4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#69cc87;border:1px solid #fff}
.connect-message-panel{position:absolute;right:0;top:calc(100% + 22px);width:248px;max-width:calc(100vw - 28px);background:#fff;border:1px solid #d1d5e4;border-radius:8px;box-shadow:0 2px 3px #26334b18;overflow:hidden;z-index:1600}
body.wd-ui.wd-ui.wd-ui .connect-message-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 15px;background:#fff!important;color:#737b8b!important;border-bottom:1px solid #eceef4;text-decoration:none;font:400 13px/1.5 Poppins,sans-serif}
body.wd-ui.wd-ui.wd-ui .connect-message-row:last-child{border-bottom:0}
body.wd-ui.wd-ui.wd-ui .connect-message-row:hover,body.wd-ui.wd-ui.wd-ui .connect-message-row:focus-visible{background:#f7f9fc!important}
.connect-message-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 30px;color:#fff!important;background:#398f5c;font-size:15px}
.connect-message-row:nth-child(2) .connect-message-avatar{background:#e9324b}.connect-message-row:nth-child(3) .connect-message-avatar{background:#1b84ff}.connect-message-row:nth-child(4) .connect-message-avatar{background:#f3ba35}.connect-message-row:nth-child(5) .connect-message-avatar{background:#e9324b}
.connect-message-copy{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.connect-message-empty{padding:20px 15px;color:#737b8b;font:400 13px/1.5 Poppins,sans-serif}
@media(max-width:600px){.connect-message-panel{position:fixed;right:14px;top:78px}}
.connect-message-panel{width:208px}
body.wd-ui.wd-ui.wd-ui .connect-message-avatar i.ti{color:#fff!important;font-size:15px!important;line-height:1!important}
