.NotificationCard{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:1rem;border-width:1px;border-color:rgba(var(--color-divider-500),.5);--tw-bg-opacity:1;background-color:rgba(var(--color-bgBase-400),var(--tw-bg-opacity,1));padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.NotificationCard:hover{border-color:rgba(var(--color-primary-500),.3)}.NotificationCard__icon{display:flex;aspect-ratio:1/1;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;font-size:1.5rem;line-height:2rem;--tw-bg-opacity:1;background-color:rgba(var(--color-bgBase-300),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgba(var(--color-textBase-800),var(--tw-text-opacity,1))}.NotificationCard__content{display:flex;width:100%;flex-direction:column;gap:.25rem}.NotificationCard__header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem}.NotificationCard__title{font-size:1rem;line-height:1.5rem;font-weight:500;line-height:1.25}.NotificationCard__time{text-align:right;font-size:.75rem;line-height:1rem;color:rgba(var(--color-textBase-500),.2)}.NotificationCard__description{font-size:.75rem;line-height:1rem;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--color-textBase-800),var(--tw-text-opacity,1))}.NotificationCard:not(.NotificationCard--unread) .NotificationCard__badgeIndicator{display:none}