.loading-indicator{width:40px;height:40px;margin:2em auto;position:relative}.pp-notif-stack{z-index:1100;pointer-events:none;flex-direction:column;gap:10px;width:340px;max-width:calc(100% - 24px);display:flex;position:fixed;top:12px;right:12px}@media (width<=520px){.pp-notif-stack{width:calc(100% - 24px)}}.pp-notif{pointer-events:auto;background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:var(--pp-r-lg);color:var(--pp-text);box-shadow:var(--pp-shadow-lg);grid-template-columns:28px 1fr auto;align-items:start;gap:10px;padding:12px 12px 12px 14px;animation:.26s cubic-bezier(.16,1.1,.3,1.02) ppNotifIn;display:grid;position:relative;overflow:hidden}.pp-notif:before{content:"";background:var(--pp-text-faint);width:3px;position:absolute;top:0;bottom:0;left:0}.pp-notif--danger:before{background:var(--pp-danger)}.pp-notif--danger .pp-notif__icon-wrap{background:var(--pp-danger-soft);color:var(--pp-danger)}.pp-notif--danger .pp-notif__progress{background:var(--pp-danger)}.pp-notif--danger .pp-notif__action--primary{background:var(--pp-danger);border-color:var(--pp-danger);color:#fff}.pp-notif--danger .pp-notif__action--primary:hover{filter:brightness(1.08)}.pp-notif--warn:before{background:var(--pp-warn)}.pp-notif--warn .pp-notif__icon-wrap{background:var(--pp-warn-soft);color:var(--pp-warn)}.pp-notif--warn .pp-notif__progress{background:var(--pp-warn)}.pp-notif--info:before{background:var(--pp-accent-bright)}.pp-notif--info .pp-notif__icon-wrap{background:var(--pp-accent-soft);color:var(--pp-accent)}.pp-notif--exiting{animation:.2s forwards ppNotifOut}.pp-notif__icon-wrap{border-radius:var(--pp-r-md);flex-shrink:0;place-items:center;width:28px;height:28px;display:grid;position:relative}.pp-notif__main{flex-direction:column;gap:3px;min-width:0;padding-top:1px;display:flex}.pp-notif__title{letter-spacing:-.005em;color:var(--pp-text);margin:0;font-size:13.5px;font-weight:600;line-height:1.3}.pp-notif__desc{color:var(--pp-text-soft);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.45}.pp-notif__desc strong{background:var(--pp-surface-2);border:1px solid var(--pp-border);border-radius:var(--pp-r-sm);color:var(--pp-text);white-space:nowrap;padding:0 5px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;font-weight:500}.pp-notif__count{font-variant-numeric:tabular-nums;color:var(--pp-text);font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600}.pp-notif__actions{gap:6px;margin-top:6px;display:flex}.pp-notif__action{border:1px solid var(--pp-border);border-radius:var(--pp-r-sm);font:inherit;color:var(--pp-text);cursor:pointer;background:0 0;padding:4px 10px;font-size:11.5px;font-weight:500;transition:background .12s,border-color .12s}.pp-notif__action:hover{background:var(--pp-surface-2);border-color:var(--pp-border-strong)}.pp-notif__action--primary{background:var(--pp-accent);color:var(--pp-on-accent);border-color:var(--pp-accent)}.pp-notif__action--primary:hover{background:var(--pp-accent-hover);border-color:var(--pp-accent-hover)}.pp-notif__close{color:var(--pp-text-faint);cursor:pointer;border-radius:var(--pp-r-sm);background:0 0;border:none;align-self:start;place-items:center;margin:-2px -2px 0 0;padding:4px;display:grid}.pp-notif__close:hover{background:var(--pp-surface-2);color:var(--pp-text)}.pp-notif__progress{background:var(--pp-accent-bright);height:2px;transition:width .15s linear;position:absolute;bottom:0;left:0}.pp-notif__spinner{opacity:.9;border:2px solid #0000;border-color:#0000 #0000 currentColor currentColor;border-radius:50%;width:16px;height:16px;animation:.9s linear infinite ppSpin}@keyframes ppNotifIn{0%{opacity:0;transform:translate(12px,-4px)scale(.97)}to{opacity:1;transform:none}}@keyframes ppNotifOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(12px)scale(.97)}}@keyframes ppSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pp-notif{animation:none}.pp-notif--exiting{animation:none;display:none}.pp-notif__spinner{animation:none}}
