#mf-notifications-popover{position:fixed;z-index:900;box-sizing:border-box;background:#fff;border:1px solid #edeafa;border-radius:22px;box-shadow:0 16px 50px #4c58742b,0 3px 12px #7c6acc12;color:#23345e;font-family:inherit;transform-origin:var(--mf-tip) top;animation:mf-pop-open .22s cubic-bezier(.2,.8,.2,1)}
#mf-notifications-popover::before{content:"";position:absolute;top:-7px;left:calc(var(--mf-tip) - 7px);width:13px;height:13px;background:#fff;border-top:1px solid #edeafa;border-left:1px solid #edeafa;transform:rotate(45deg)}
#mf-notifications-popover .mf-pop-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 17px 13px;border-bottom:1px solid #f0eef8}
#mf-notifications-popover h2{font-size:17px;line-height:1.3;margin:0;font-weight:750;letter-spacing:-.2px}
#mf-notifications-popover .mf-pop-close{border:0;border-radius:50%;width:34px;height:34px;flex:0 0 34px;background:#f3f1fc;color:#8a80af;font-size:23px;line-height:1;cursor:pointer;transition:background .15s,transform .15s}
#mf-notifications-popover .mf-pop-close:active{transform:scale(.93);background:#e8e2fb}
#mf-notifications-popover .mf-pop-close:focus-visible{outline:2px solid #9381ee;outline-offset:3px}
#mf-notifications-popover .mf-pop-content{overflow-y:auto;max-height:min(52vh,360px);overscroll-behavior:contain}
#mf-notifications-popover .mf-pop-empty{margin:0;padding:27px 20px 29px;text-align:center;font-size:14px;line-height:1.6;color:#8b94aa}
@keyframes mf-pop-open{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#mf-notifications-popover{animation:none}#mf-notifications-popover button{transition:none}}