.toasts{z-index:1100;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--r-sm);background:var(--c-dark);color:#fff;box-shadow:var(--shadow-lg);animation:toast-in .25s var(--ease);align-items:center;gap:12px;padding:14px 14px 14px 18px;font-size:14px;line-height:20px;display:flex}.toast--success svg{color:#fff}.toast--danger svg{color:#ff6b6f}.toast--info svg{color:#fff}.toast__message{flex:1}.toast__close{color:#fff9;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.toast__close:hover{color:#fff;background:#ffffff1a}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=640px){.toasts{bottom:16px;right:16px}}