.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:#a5a29b;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:#ff3434}@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}
.notification-dropdown{background-color:#faeeda;border:2px solid #e8ddcb;border-radius:25px;width:350px;padding:16px;position:relative;overflow:visible}.notification-dropdown__header-container{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notification-dropdown__header{color:#505050;text-align:start;margin:0;font-size:18px;font-weight:600}.notification-dropdown__add-button{cursor:pointer;color:#505050;opacity:.6;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.notification-dropdown__add-button:hover{opacity:1;transform:scale(1.1)}.notification-dropdown__add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.notification-dropdown__empty{flex-direction:column;align-items:center;gap:16px;padding-top:40px;padding-bottom:40px;font-size:14px;display:flex}.notification-dropdown__empty p{color:#7b7975;margin:0;font-size:14px}.notification-dropdown__empty .notification-dropdown__empty-title{color:#505050;font-size:14px;font-weight:600}.notification-dropdown__empty .button{margin-top:8px}.notification-dropdown__spinner{border:3px solid #e8ddcb;border-top-color:#a5a29b;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:768px){.notification-dropdown{width:calc(100vw - 16px)}}
.notifications{z-index:101}.notifications__popup{z-index:101;filter:drop-shadow(0 3px 10px #50505026);opacity:1;outline:none;transition:opacity .2s,transform .2s;position:relative;transform:translateY(0)}.notifications__popup[data-starting-style],.notifications__popup[data-ending-style]{opacity:0;transform:translateY(-8px)}