.notification-item{align-items:flex-start;border-radius:var(--p-border-radius-xl);display:flex;gap:1rem;justify-content:flex-start;padding:.75rem}.notification-item__mark-btn{display:none!important}.notification-item__mark-btn:hover{--p-button-text-secondary-hover-background:var(--po-bg-200-soft);--p-button-text-secondary-active-background:var(--po-bg-300-sub)}.notification-item--unread:hover{background:var(--po-bg-50-weak)}.notification-item--unread:hover .notification-item__mark-btn{display:block!important}.notification-item--unread .notification-item__start:after{display:block}.notification-item__start{position:relative}.notification-item__start:after{background:var(--po-danger-base);border-radius:50em;content:"";display:none;height:.625rem;left:0;position:absolute;top:0;width:.625rem}.notification-item__body{flex-grow:1;width:100%}.notification-item__actions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.625rem}.notification-item__title{margin-bottom:.25rem}.notification-item__text{color:var(--po-text-600-sub);margin-bottom:0}