.zf-popup-container{z-index:1000;pointer-events:none;flex-direction:column;gap:12px;width:min(380px,100vw - 32px);display:flex;position:fixed;top:24px;right:24px}.zf-popup{background-color:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text);font-family:var(--font);pointer-events:auto;opacity:0;align-items:flex-start;gap:12px;padding:16px;transition:opacity .18s,transform .18s;display:flex;transform:translate(24px)}.zf-popup.is-visible{opacity:1;transform:translate(0)}.zf-popup-content{flex:1;min-width:0}.zf-popup-title{color:var(--heading);font-family:var(--font);margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.4}.zf-popup-message{color:var(--muted);font-family:var(--font);margin:0;font-size:14px;line-height:1.5}.zf-popup-close{border-radius:var(--radius);width:28px;height:28px;color:var(--muted);font:inherit;cursor:pointer;background-color:#0000;border:0;flex:none;place-items:center;padding:0;font-size:20px;line-height:1;transition:background-color .15s,color .15s;display:grid}.zf-popup-close:hover{background-color:var(--bg);color:var(--heading)}.zf-popup-close:focus-visible{outline:2px solid var(--blue-light);outline-offset:2px}.zf-popup--success{border-left:4px solid var(--success)}.zf-popup--error{border-left:4px solid var(--danger)}.zf-popup--warning{border-left:4px solid #d97706}.zf-popup--info{border-left:4px solid var(--blue-light)}@media (width<=600px){.zf-popup-container{width:auto;top:16px;left:16px;right:16px}.zf-popup{padding:14px}}@media (prefers-reduced-motion:reduce){.zf-popup{transition:none}}