.portal-alert{position:fixed;inset:max(24px,env(safe-area-inset-top)) auto auto 50%;z-index:1000;display:flex;width:min(400px,calc(100vw - 32px));min-height:64px;align-items:center;gap:16px;margin:0;padding:16px 24px;transform:translateX(-50%);border:1px solid #ffb7bc;border-radius:10px;background:#fff1f2;box-shadow:0 6px 22px rgb(157 29 39/9%);color:#bd2027;font-family:inherit;font-size:15px;font-weight:500;line-height:22px;overflow-wrap:anywhere;pointer-events:none;animation:portal-alert-appear .18s ease-out}.portal-alert svg{flex-shrink:0}.portal-alert::backdrop{background:transparent;pointer-events:none}.portal-alert[data-fading=true]{opacity:0;transition:opacity .3s ease-out}.dark .portal-alert{border-color:#8a3b45;background:#361d25;color:#ffb6bd;box-shadow:0 6px 22px rgb(0 0 0/20%)}.portal-alert-recovery{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--muted-foreground);font-size:14px}.portal-alert-recovery :is(button,a){display:inline-flex;min-height:44px;align-items:center;color:var(--accent-text)}.portal-alert-recovery :is(button,a):focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}@keyframes portal-alert-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.portal-alert,.portal-alert[data-fading=true]{animation:none;transition:none}}