.server-error-notification{color:#8f233c;width:min(440px,100% - 32px);font-family:var(--font-finora-body), sans-serif;overflow-wrap:anywhere;background:#fff0f3;border:0;border-radius:16px;margin:0 auto;padding:18px;font-size:14px;line-height:1.6;position:fixed;inset:24px 0 auto;box-shadow:0 8px 32px #010e1b33}.server-error-notification:popover-open{align-items:flex-start;gap:12px;animation:.18s ease-out server-error-enter;display:flex}.server-error-notification>svg{flex-shrink:0;margin-top:2px}.server-error-notification>div{flex:1;min-width:0}.server-error-notification p{margin:0}.server-error-notification .server-error-notification-title{margin-bottom:4px;font-weight:800}.server-error-notification-close{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;margin:-4px -4px 0 0;padding:0;display:grid}.server-error-notification-close:hover{background:#f7dce3}.server-error-notification-close:focus-visible{outline-offset:2px;outline:2px solid #8f233c}@keyframes server-error-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.server-error-notification{top:max(16px, env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.server-error-notification:popover-open{animation:none}}