.dialog-container[data-v-7cfd669d]{position:fixed;top:10px;left:55%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;-webkit-animation:slideDown-data-v-7cfd669d .3s ease-out;animation:slideDown-data-v-7cfd669d .3s ease-out}@-webkit-keyframes slideDown-data-v-7cfd669d{0%{top:-200px;opacity:0}to{top:20px;opacity:1}}@keyframes slideDown-data-v-7cfd669d{0%{top:-200px;opacity:0}to{top:20px;opacity:1}}.dialog-content[data-v-7cfd669d]{width:408px;background-color:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15);border:1px solid #f44a45}.dialog-header[data-v-7cfd669d]{padding:16px}.header-title[data-v-7cfd669d]{width:56px;height:20px;overflow-wrap:break-word;color:#ef6869;font-size:14px;font-family:PingFangSC-Medium;font-weight:500;text-align:left;white-space:nowrap;line-height:20px;margin:9px 0 0 12px}.close-icon[data-v-7cfd669d]{width:24px;height:24px;margin-left:auto;cursor:pointer;display:block;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.dialog-body[data-v-7cfd669d]{padding:16px;max-height:400px;overflow-y:auto}.notification-item[data-v-7cfd669d]{padding:8px 0}.room-info[data-v-7cfd669d]{width:100%;margin-bottom:8px}.room-tag[data-v-7cfd669d]{background-color:#f7e3ee;border-radius:2px;height:20px;padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.room-tag span[data-v-7cfd669d]{color:#24292f;font-size:14px;font-family:PingFangSC-Medium;font-weight:500;white-space:nowrap}.room-message[data-v-7cfd669d]{color:#24292f;font-size:14px;text-align:left;line-height:20px;margin-left:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;word-break:break-all}.time-status[data-v-7cfd669d]{width:100%;margin-top:7px}.time[data-v-7cfd669d]{color:#b3b7c6;font-size:12px;line-height:17px}.status-tag[data-v-7cfd669d]{background-color:rgba(244,74,69,.08);border-radius:2px;height:18px;padding:0 6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-tag span[data-v-7cfd669d]{color:#f44a45;font-size:12px;font-family:PingFangSC-Medium;font-weight:500;white-space:nowrap}.flex-row[data-v-7cfd669d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.justify-between[data-v-7cfd669d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.close-icon[data-v-7cfd669d]:hover{-webkit-filter:invert(52%) sepia(38%) saturate(332%) hue-rotate(114deg) brightness(91%) contrast(89%);filter:invert(52%) sepia(38%) saturate(332%) hue-rotate(114deg) brightness(91%) contrast(89%);background-color:rgba(43,135,119,.1)!important}