.auth-notification-stack { position:fixed; z-index:1100; top:24px; right:24px; display:grid; width:min(430px,calc(100vw - 32px)); gap:12px; }
.auth-notification { display:grid; grid-template-columns:24px minmax(0,1fr) 24px; gap:11px; align-items:start; margin:0; padding:15px 14px; border:1px solid; border-radius:13px; box-shadow:0 16px 38px rgba(23,35,61,.16); font-size:13px; font-weight:600; line-height:1.5; }
.auth-notification>i { margin-top:1px; font-size:20px; }.auth-notification .btn-close { width:24px; height:24px; padding:0; opacity:.65; }.auth-notification .btn-close:hover { opacity:1; }
.auth-notification--danger { border-color:#f2b9c0; color:#9a2537; background:#fff3f4; }.auth-notification--danger>i { color:#d84257; }.auth-notification--success { border-color:#afe4cf; color:#126345; background:#effbf5; }.auth-notification--success>i { color:#0f9f78; }.auth-notification--warning { border-color:#f0d39a; color:#8a5c09; background:#fff9e9; }.auth-notification--warning>i { color:#d58b0c; }.auth-notification--info { border-color:#bcd5ed; color:#285b88; background:#f1f8ff; }.auth-notification--info>i { color:#3985c6; }
@media (max-width:575px) { .auth-notification-stack { top:14px; right:16px; }.auth-notification { padding:13px; } }