.toast-viewport{inset:auto auto max(24px, env(safe-area-inset-bottom)) 50%;z-index:1000;background:0 0;border:0;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:0;position:fixed;overflow:visible;transform:translate(-50%)}.toast{color:#fff;background:#20252a;border-radius:14px;align-items:center;gap:20px;min-width:min(240px,100vw - 32px);padding:14px 16px 14px 20px;font-family:DM Sans,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.5;animation:.22s ease-out both toast-enter;display:flex;box-shadow:0 6px 28px #0003}.toast>[role=status]{overflow-wrap:anywhere;flex:1}.toast-dismiss{color:#ddd;background:0 0;border:0;border-radius:6px;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;display:grid}.toast-dismiss:hover,.toast-dismiss:focus-visible{background:#ffffff1a}.toast[data-closing=true]{animation:.18s ease-in both toast-exit}@keyframes toast-enter{0%{opacity:0;transform:translateY(calc(100% + 32px))}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(100% + 32px))}}@media (prefers-reduced-motion:reduce){.toast,.toast[data-closing=true]{animation:none}}@media (width<=1100px){body:has(.signed-in-layout) .toast-viewport{bottom:calc(80px + env(safe-area-inset-bottom))}}.toast-action{color:#8ee4f0;font:inherit;white-space:nowrap;background:0 0;border:0;min-height:40px;padding:8px 4px}.toast-action:hover{color:#fff}.toast-action:disabled{opacity:.65}.toast-action{white-space:nowrap;flex-shrink:0}@media (width<=600px){.toast{gap:10px}}