.notification-item[data-v-ba74a15b]{border-radius:var(--mathew-border-radius-6);cursor:pointer;align-items:flex-start;gap:8px;padding:12px;transition:background-color .15s ease-out;display:flex;position:relative}.notification-item.compact[data-v-ba74a15b]{border-radius:var(--mathew-border-radius-5);box-shadow:none;padding:8px}.notification-item__icon[data-v-ba74a15b]{flex-shrink:0}.notification-item__content[data-v-ba74a15b]{flex-direction:column;flex:1;min-width:0;display:flex}.notification-item__title[data-v-ba74a15b]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:20px;display:-webkit-box;overflow:hidden}.notification-item__body[data-v-ba74a15b]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.notification-item__time[data-v-ba74a15b]{color:var(--mathew-color-neutral-400);font-size:14px;line-height:20px}.notification-item__actions[data-v-ba74a15b]{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.notification-item__unread-dot-btn[data-v-ba74a15b]{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .15s ease-out;display:flex}.notification-item__unread-dot-btn[data-v-ba74a15b]:hover{background-color:var(--mathew-color-primary-50)}.notification-item__unread-dot[data-v-ba74a15b]{background-color:var(--mathew-color-primary-400);pointer-events:none;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block}