.notification-item[data-v-b298f9fe]{display:flex;padding:0 16px;background-color:#fff}.notification-item+.notification-item[data-v-b298f9fe]{border-top:1px solid #F1F5F9}.notification-item[data-v-b298f9fe]:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}.notification-item[data-v-b298f9fe]:hover{color:initial;background-color:#e9eef433}.notification-item .notification-item__body[data-v-b298f9fe]{display:flex;padding:12px 0;width:100%}.notification-item .notification-item__thumbnail[data-v-b298f9fe]{width:34px;min-width:34px;height:34px}.notification-item .notification-item__thumbnail img[data-v-b298f9fe]{width:100%;height:100%;object-fit:cover;border-radius:8px}.notification-item .notification-item__content[data-v-b298f9fe]{display:flex;flex-direction:column;flex-grow:1}.notification-item .notification-item__content .notification-item__content_body[data-v-b298f9fe]{white-space:pre-line;margin-top:4px;padding:8px;border:1px solid #E9EEF4;border-radius:4px;background-color:#fff}.notification-item .notification-item__action[data-v-b298f9fe]:empty{display:none}.notification-item__unread[data-v-b298f9fe]{display:inline-flex;margin-left:auto;background-color:#dc2626;margin-top:7px;min-width:10px;width:10px;height:10px;border-radius:50%;border:1px solid #fff}.notification-item[data-v-b298f9fe]:has(.notification-item__unread){background-color:#0284c733!important}.notification-item:has(.notification-item__unread) .notification-item__thumbnail>i[data-v-b298f9fe]{background-color:#fff!important}.notification-popover .popover-menu-body{overflow:hidden;background:#e9eef4;border:none;box-shadow:0 12px 24px #1c1e221f;border-radius:8px;margin-left:8px}.notification-container{display:flex;flex-direction:column;width:390px;height:444px;overflow:auto}.notification-container .notification-header{position:sticky;top:0;left:0;z-index:1;background:#fff;padding:0 16px;display:flex;align-items:center}.notification-container .notification-body--items{padding:8px}.notification-container .notification-body--items .notification-body-overlay{background:#fff;border-radius:8px}.notification-container .nav-tabs .nav-link.active,.notification-container .nav-tabs .nav-item.show .nav-link{border-color:var(--color-text)}.notification-container .nav-tabs .nav-link:hover,.notification-container .nav-tabs .nav-link:focus{color:var(--color-text)}@media(max-width:575px){.notification-popover .popover-menu{top:0!important;left:0!important;width:100%!important;height:calc(100% - 62px)!important}.notification-popover .popover-menu-body{margin-left:0;width:100%;height:100%;border-radius:0!important}.notification-popover .popover-menu-body .notification-container{height:100%;width:100%}}.fs-12px{font-size:12px}.noti-empty-data{text-align:center;padding:0 64px}