.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:#fff;border:1px solid #ececee;border-radius:14px;width:400px;max-width:calc(100vw - 32px);max-height:520px;margin-top:10px;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:100%;right:0;overflow-y:auto;transform:translateY(-4px);box-shadow:0 12px 32px #09090b24}