.ppn-toast-container{position:fixed;top:16px;right:16px;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:400px;width:calc(100% - 32px)}.ppn-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:var(--ppn-radius-md,12px);box-shadow:0 4px 12px rgb(0 0 0 / .15);border-left:4px solid #fff0;pointer-events:auto;transform:translateY(-20px);opacity:0;transition:transform 0.2s var(--ppn-ease-out,cubic-bezier(.16,1,.3,1)),opacity 0.2s var(--ppn-ease-out,cubic-bezier(.16,1,.3,1));font-family:var(--ppn-font-body,'Source Serif 4',Georgia,serif);font-size:.88rem;line-height:1.5;color:var(--ppn-charcoal);max-width:100%}.ppn-toast.is-visible{transform:translateY(0);opacity:1}.ppn-toast.is-exiting{transform:translateY(-10px);opacity:0;transition-duration:0.15s}.ppn-toast--success{border-left-color:var(--ppn-saffron)}.ppn-toast--error{border-left-color:var(--ppn-maroon)}.ppn-toast--info{border-left-color:#2271b1}.ppn-toast__icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.ppn-toast--success .ppn-toast__icon{background:rgb(34 197 94 / .1);color:var(--ppn-green-hover)}.ppn-toast--error .ppn-toast__icon{background:rgb(150 0 0 / .08);color:var(--ppn-maroon)}.ppn-toast--info .ppn-toast__icon{background:rgb(34 113 177 / .08);color:#2271b1}.ppn-toast__icon svg{width:14px;height:14px;fill:currentColor}.ppn-toast__msg{flex:1;min-width:0;word-break:break-word}.ppn-toast__close{flex-shrink:0;width:24px;height:24px;border:none;background:#fff0;color:var(--ppn-text-muted,rgb(68 68 68 / .5));cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;margin:-2px -4px 0 0;transition:background 0.15s,color 0.15s;-webkit-tap-highlight-color:#fff0}.ppn-toast__close:hover{background:rgb(0 0 0 / .05);color:var(--ppn-charcoal)}.ppn-toast__close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}@media (max-width:768px){.ppn-toast-container{right:50%;transform:translateX(50%);max-width:calc(100% - 32px)}}