.grupizo-toast-container { position: fixed; z-index: 1600; top: 30px; left: 50%; display: grid; width: fit-content; max-width: calc(100vw - 32px); gap: 8px; transform: translateX(-50%); pointer-events: none; }
.grupizo-toast { --toast-background: #172b26; --toast-border: rgba(74, 222, 128, .32); --toast-accent: #86efac; display: grid; grid-template-columns: 24px minmax(0, 1fr) 28px; align-items: center; gap: 10px; width: fit-content; max-width: min(520px, calc(100vw - 32px)); min-height: 44px; padding: 8px 8px 8px 11px; border: 1px solid var(--toast-border); border-radius: 11px; color: #f3f8f6; background: var(--toast-background); box-shadow: 0 12px 34px rgba(0, 0, 0, .34); animation: auth-toast-enter 250ms cubic-bezier(.22,1,.36,1) both; pointer-events: auto; }
.grupizo-toast.is-error { --toast-background: #321d22; --toast-border: rgba(248, 113, 113, .34); --toast-accent: #fca5a5; }
.grupizo-toast.is-info { --toast-background: #17283b; --toast-border: rgba(96, 165, 250, .34); --toast-accent: #93c5fd; }
.grupizo-toast.is-warning { --toast-background: #302819; --toast-border: rgba(251, 191, 36, .34); --toast-accent: #fcd34d; }
.grupizo-toast.is-leaving { animation: auth-toast-exit 200ms ease both; }
.grupizo-toast-icon { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid color-mix(in srgb, var(--toast-accent) 52%, transparent); border-radius: 50%; color: var(--toast-accent); font-size: 12px; font-weight: 800; line-height: 1; }
.grupizo-toast-message { min-width: 0; overflow-wrap: anywhere; font-size: 13px; font-weight: 600; line-height: 1.45; }
.grupizo-toast-close { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 7px; color: #b9c5c2; background: transparent; font-size: 19px; line-height: 1; cursor: pointer; transition: color 150ms ease, background 150ms ease; }
.grupizo-toast-close:hover, .grupizo-toast-close:focus-visible { color: #fff; background: rgba(255, 255, 255, .08); }
@keyframes auth-toast-enter { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes auth-toast-exit { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-8px); } }
@media (max-width: 460px) { .grupizo-toast-container { width: calc(100vw - 24px); max-width: calc(100vw - 24px); } .grupizo-toast { width: 100%; max-width: calc(100vw - 24px); } }
@media (prefers-reduced-motion: reduce) { .grupizo-toast, .grupizo-toast.is-leaving { animation-duration: 1ms; } .grupizo-toast-close { transition: none; } }