.NotificationActionButton{display:inline-block}.NotificationActionButton__btn{cursor:pointer;background-color:#0000;padding:0;border:0;outline:none;display:flex;justify-content:center;align-items:center;border-radius:50%}.NotificationActionButton__btn i{color:var(--color-neutral-40)}.NotificationItem{display:flex;padding:16px 24px;box-sizing:border-box;justify-content:center;flex-direction:column;transition:background-color .3s ease}.NotificationItem .MaterialAvatar__border{transition:border-color .3s ease}.NotificationItem__wrapper{display:flex;width:100%;justify-content:stretch;margin-top:10px}.NotificationItem__actions .NotificationActionButton{opacity:0;transition:opacity .4s ease;margin-top:-10px}.NotificationItem.guideflow_hovered{cursor:pointer}.NotificationItem.guideflow_hovered .MaterialAvatar__border{border-color:#fff}.theme-light .NotificationItem.guideflow_hovered{background:var(--color-primary-20)}.theme-dark .NotificationItem.guideflow_hovered{background:var(--color-primary-80)}.NotificationItem.guideflow_hovered .NotificationActionButton{opacity:1}.theme-light .NotificationItem--unseen{background:var(--color-neutral-10)}.theme-light .NotificationItem--unseen.guideflow_hovered{background:var(--color-primary-20)}.theme-dark .NotificationItem--unseen{background:var(--color-neutral-90)}.theme-dark .NotificationItem--unseen.guideflow_hovered{background:var(--color-primary-80)}.NotificationItem__header{display:flex;justify-content:space-between;align-items:flex-start;min-height:20px}.NotificationItem__time{display:flex}.NotificationItem__time>span{font-family:var(--font-primary);font-size:12px;line-height:16px;color:var(--color-neutral-80);font-weight:600}.theme-light .NotificationItem__time>span{color:var(--color-neutral-80)}.theme-dark .NotificationItem__time>span{color:var(--color-neutral-20)}.NotificationItem__left{display:inline-block}.NotificationItem__left__avatar{width:32px!important;height:32px!important}.NotificationItem__right{padding-left:10px;overflow:hidden;display:flex;align-items:center}.NotificationItem__right__content{display:flex;flex-direction:column}.NotificationItem__right__content>span{font-family:var(--font-primary);font-size:14px;line-height:20px;color:var(--color-neutral-80);max-height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;font-weight:400}.theme-light .NotificationItem__right__content>span{color:var(--color-neutral-80)}.theme-dark .NotificationItem__right__content>span{color:var(--color-neutral-20)}.NotificationItem__right__content .bold{font-weight:600;color:var(--color-neutral-80)}.theme-light .NotificationItem__right__content .bold{color:var(--color-neutral-80)}.theme-dark .NotificationItem__right__content .bold{color:var(--color-neutral-20)}.NotificationItem__right__content__btn{width:auto!important;min-width:88px!important;min-height:32px!important;margin-top:16px!important;align-items:center!important;padding-top:8px!important;padding-bottom:8px!important;align-self:flex-start}.NotificationItem__right__content__btn>span{width:auto!important;font-size:14px;font-weight:600;letter-spacing:.2px;text-align:center;color:#fff}.NotificationItem__right__content__message{margin-top:4px;font-size:14px;line-height:20px;color:var(--color-neutral-80)}.NotificationItem__right__content__message__tag{color:var(--color-secondary-50)}.NotificationItem__lumin .MaterialAvatar__container{background-color:var(--color-secondary-50)}