.mzpf{position:fixed;z-index:9998;top:max(20px,calc(var(--mz-nav-height,64px) + 12px));left:50%;width:min(365px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:13px 14px 13px 10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(28,30,35,.97);color:#f5f5f7;box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);font-family:Vazirmatn,system-ui,sans-serif;direction:rtl;opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.7,.3,1)}
.mzpf[hidden]{display:none!important}
.mzpf.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.mzpf-icon{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(102,207,147,.12);color:#8bd8ac}
.mzpf-icon svg{width:18px;height:18px}
.mzpf-copy{flex:1;min-width:0;text-align:right}
.mzpf-title{display:block;color:#f5f5f7;font-size:14px;font-weight:600;line-height:1.7}
.mzpf-detail{display:block;color:#b2b6bf;font-size:12px;font-weight:400;line-height:1.7}
.mzpf-close{width:40px;height:40px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:#a7acb6;cursor:pointer}
.mzpf-close svg{width:14px;height:14px}
.mzpf-close:focus-visible{outline:2px solid #bec7d8;outline-offset:1px}
@media(hover:hover){.mzpf-close:hover{background:rgba(255,255,255,.06);color:#f5f5f7}}
@media(prefers-reduced-motion:reduce){.mzpf{transition:none;transform:translate(-50%,0)}}