.data-v-f19a5438:not(not){display:flex;flex-direction:column;box-sizing:border-box;min-width:0}.read-receipt-panel.data-v-f19a5438,.read-receipt-panel-mobile.data-v-f19a5438{background-color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.1);width:368px;height:510px;padding:30px 20px;display:flex;flex-direction:column;border-radius:8px;overflow:hidden}.read-receipt-panel .header.data-v-f19a5438,.read-receipt-panel-mobile .header.data-v-f19a5438{flex-direction:row;justify-content:center;align-items:center;position:relative}.read-receipt-panel .header .header-text.data-v-f19a5438,.read-receipt-panel-mobile .header .header-text.data-v-f19a5438{font-weight:700;font-size:16px;line-height:30px;color:#333}.read-receipt-panel .header .header-close-icon.data-v-f19a5438,.read-receipt-panel-mobile .header .header-close-icon.data-v-f19a5438{position:absolute;right:0;margin-right:10px}.read-receipt-panel .read-status-counter-container.data-v-f19a5438,.read-receipt-panel-mobile .read-status-counter-container.data-v-f19a5438{flex-direction:row;justify-content:space-between;align-items:flex-start;min-height:59px;margin:20px 40px 17.5px}.read-receipt-panel .read-status-counter-container .read-status-counter.data-v-f19a5438,.read-receipt-panel-mobile .read-status-counter-container .read-status-counter.data-v-f19a5438{justify-content:flex-start;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.read-receipt-panel .read-status-counter-container .read-status-counter .status-text.data-v-f19a5438,.read-receipt-panel-mobile .read-status-counter-container .read-status-counter .status-text.data-v-f19a5438{font-size:14px;line-height:20px}.read-receipt-panel .read-status-counter-container .read-status-counter .status-count.data-v-f19a5438,.read-receipt-panel-mobile .read-status-counter-container .read-status-counter .status-count.data-v-f19a5438{margin-top:2px;font-size:30px;font-weight:bolder;line-height:37px}.read-receipt-panel .read-status-counter-container .read-status-counter.active.data-v-f19a5438,.read-receipt-panel-mobile .read-status-counter-container .read-status-counter.active.data-v-f19a5438{color:#679ce1}.read-receipt-panel .read-status-member-list.data-v-f19a5438,.read-receipt-panel-mobile .read-status-member-list.data-v-f19a5438{flex:1 1 auto;overflow:hidden auto;padding:20px 0 0;border-top:.5px solid #e8e8e9;font-size:14px}.read-receipt-panel .read-status-member-list .empty-list-tip.data-v-f19a5438,.read-receipt-panel-mobile .read-status-member-list .empty-list-tip.data-v-f19a5438{align-self:center;color:#b3b3b3}.read-receipt-panel .read-status-member-list .read-status-member-container.data-v-f19a5438,.read-receipt-panel-mobile .read-status-member-list .read-status-member-container.data-v-f19a5438{flex-direction:row;align-items:center}.read-receipt-panel .read-status-member-list .read-status-member-container .read-status-avatar.data-v-f19a5438,.read-receipt-panel-mobile .read-status-member-list .read-status-member-container .read-status-avatar.data-v-f19a5438{flex:0 0 auto}.read-receipt-panel .read-status-member-list .read-status-member-container .username.data-v-f19a5438,.read-receipt-panel-mobile .read-status-member-list .read-status-member-container .username.data-v-f19a5438{margin-left:8px;line-height:20px;flex:0 1 auto;display:block;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.read-receipt-panel .read-status-member-list .read-status-member-container+.read-status-member-container.data-v-f19a5438,.read-receipt-panel-mobile .read-status-member-list .read-status-member-container+.read-status-member-container.data-v-f19a5438{margin-top:20px}.read-receipt-panel .read-status-member-list .fetch-more-container.data-v-f19a5438,.read-receipt-panel-mobile .read-status-member-list .fetch-more-container.data-v-f19a5438{justify-content:center;align-items:center;margin-top:auto}.read-receipt-panel-mobile.data-v-f19a5438{box-shadow:none;width:100%;height:100%;border-radius:0;animation:slide-in-from-right-f19a5438 .3s ease-out;transition:transform .2s ease-out}@keyframes slide-in-from-right-f19a5438{0%{transform:translate(100%)}}.read-receipt-panel-uni.data-v-f19a5438{width:100vw;height:100vh}.read-receipt-panel-close-mobile.data-v-f19a5438{transform:translate(100%)}
