.notification-card{background-color:#0000;padding:12px 16px 12px 28px;transition:background-color .2s;position:relative}.notification-card--clickable{cursor:pointer}.notification-card:hover{background-color:var(--gray-2)}.notification-card--unread{background-color:var(--iris-a3)}.notification-card--unread:hover{background-color:var(--iris-a4)}.notification-card__icon-column{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.notification-card__icon-wrapper{border-radius:var(--radius-3);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.notification-card__icon-line{border-radius:2px;flex-shrink:0;width:2px;min-height:90px}.notification-card__icon-line--normal,.notification-card__icon-line--low{background-color:var(--green-9)}.notification-card__icon-line--medium{background-color:var(--orange-9)}.notification-card__icon-line--high{background-color:var(--red-9)}.notification-card__status-indicator{border-radius:50%;flex-shrink:0;position:absolute;top:20px;left:12px}.notification-card__status-indicator--unread{background-color:var(--accent-9);width:8px;height:8px}.notification-card__status-indicator--read{background-color:var(--gray-4);width:6px;height:6px;margin-top:1px;margin-left:1px}.notification-card__icon{flex-shrink:0}.notification-card__icon--low{color:var(--green-9)}.notification-card__icon--medium{color:var(--orange-9)}.notification-card__icon--high{color:var(--red-9)}.notification-card__title{line-height:1.4}.notification-card__body{line-height:1.5}.notification-card__time{flex-shrink:0}.notification-card:last-child+.notification-card__divider{display:none}@media (width<=768px){.notification-card{padding:14px 16px}.notification-card__icon-wrapper{width:36px;height:36px}}