.notification-item[data-v-25fd0b3a]{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-25fd0b3a]{border-radius:var(--mathew-border-radius-5);box-shadow:none;padding:8px}.notification-item__icon[data-v-25fd0b3a]{flex-shrink:0;margin-top:2px}.notification-item__content[data-v-25fd0b3a]{flex-direction:column;flex:1;min-width:0;display:flex}.notification-item__title[data-v-25fd0b3a]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;display:-webkit-box}.notification-item__body[data-v-25fd0b3a]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.notification-item__time[data-v-25fd0b3a]{color:var(--mathew-color-neutral-400);font-size:14px;line-height:20px}.notification-item__actions[data-v-25fd0b3a]{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.notification-item__unread-dot-btn[data-v-25fd0b3a]{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-25fd0b3a]:hover{background-color:var(--mathew-color-primary-50)}.notification-item__unread-dot[data-v-25fd0b3a]{background-color:var(--mathew-color-primary-400);pointer-events:none;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block}