.notification-item{cursor:pointer;background-color:#faeeda;border-radius:25px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 16px;transition:background-color .3s;animation:.3s ease-out both cascadeIn;display:flex}.notification-item:hover{background-color:#faf4e6}.notification-item--static{cursor:default}.notification-item--static:hover{background-color:#faeeda}.notification-item__text{color:#505050;text-align:left;flex:1;min-width:0;font-size:12px;text-decoration:none}.notification-item__text p{word-break:break-word;margin:0}.notification-item__title{color:#505050;margin-bottom:0;font-size:14px;font-weight:600}.notification-item__unread-dot{vertical-align:middle;background:#50c9ce;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.notification-item__time{color:#6a6966;margin-top:8px;font-size:12px;display:block}.notification-item__actions{flex-shrink:0;align-items:center;gap:8px;margin-left:16px;display:flex}.notification-item__action-button{cursor:pointer;opacity:.6;color:#505050;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;padding:8px;transition:all .3s;display:flex}.notification-item__action-button:hover{opacity:1;color:#c62020}@keyframes cascadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.notification-list{border-radius:0;max-height:400px;margin:0;padding:0;list-style:none;overflow:auto}