.notification-list{position:relative}.notification-list:hover .notification-list__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.notification-list .notification-list__toggle{cursor:pointer;align-items:center;display:flex;position:relative}.notification-list .notification_badge{background-color:var(--color-yellow);color:var(--color-dark);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.notification-list .chat-unread-dot{background-color:var(--color-electric-lime);z-index:1;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite chatDotPulse;position:absolute;top:-2px;right:-2px}@keyframes chatDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.notification-list .notification-list__dropdown{z-index:9999;opacity:0;visibility:hidden;background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;min-width:380px;max-height:480px;margin-top:8px;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:100%;right:0;overflow-y:auto;transform:translateY(-4px);box-shadow:0 8px 24px #0006}