.NotificationItem[data-v-850acdcd]{padding:16px;border-bottom:1px solid #eee;transition:background-color .2s}.NotificationItem[data-v-850acdcd]:hover{background-color:#f9f9f9}.NotificationItem--unread[data-v-850acdcd]{background-color:#ededed}.NotificationItem__header[data-v-850acdcd]{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:8px}.NotificationItem__header-left[data-v-850acdcd]{display:flex;align-items:center;flex:1;min-width:0}.NotificationItem__header-right[data-v-850acdcd]{position:relative;margin-left:auto}.NotificationItem__header-right .NotificationItem__timestamp[data-v-850acdcd]{transition:opacity .2s}.NotificationItem__hover-actions[data-v-850acdcd]{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;display:flex;gap:4px}.NotificationItem:hover .NotificationItem__header-right .NotificationItem__timestamp[data-v-850acdcd]{opacity:0;visibility:hidden}.NotificationItem:hover .NotificationItem__header-right .NotificationItem__hover-actions[data-v-850acdcd]{opacity:1;visibility:visible}.NotificationItem__button[data-v-850acdcd]{--size: 28px;color:var(--color-primary)}.NotificationItem__button[data-v-850acdcd] svg{width:14px;height:14px}.NotificationItem__button span[data-v-850acdcd]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.NotificationItem__content[data-v-850acdcd]{display:flex;flex-direction:column;gap:12px}.NotificationItem__avatar[data-v-850acdcd]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.NotificationItem__avatar img[data-v-850acdcd]{width:100%;height:100%;object-fit:cover}.NotificationItem__text[data-v-850acdcd]{flex-grow:1}.NotificationItem__subject[data-v-850acdcd]{flex:1;min-width:0;color:#1a1523;font-family:SF Pro Text,sans-serif;font-weight:600;line-height:20px;margin-bottom:4px}.NotificationItem__body[data-v-850acdcd]{flex:1;min-width:0;color:#1a1523;font-family:SF Pro Text,sans-serif;font-weight:400;line-height:20px}.NotificationItem__footer[data-v-850acdcd]{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.NotificationItem__footer-left[data-v-850acdcd]{display:flex;align-items:center}.NotificationItem__footer-right[data-v-850acdcd]{margin-left:auto}.NotificationItem__actions[data-v-850acdcd]{margin-top:0}.NotificationItem__timestamp[data-v-850acdcd]{color:#a1a1b2;font-family:SF Pro Text,sans-serif;font-weight:400;line-height:20px}.NotificationItem--narrow[data-v-850acdcd]{padding:12px}.NotificationItem--narrow .NotificationItem__header[data-v-850acdcd]{margin-bottom:4px}.NotificationItem--narrow .NotificationItem__subject[data-v-850acdcd]{font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NotificationItem--narrow .NotificationItem__body[data-v-850acdcd]{font-size:.813rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NotificationItem--narrow .NotificationItem__footer[data-v-850acdcd]{margin-top:8px}.NotificationItem--narrow .NotificationItem__timestamp[data-v-850acdcd]{font-size:.75rem}.NotificationItem--archived[data-v-850acdcd]{opacity:.7}