.contenedor-toast{display:flex;flex-direction:column-reverse;gap:20px;max-width:400px;position:fixed;right:10px;top:40px;width:100%}.icono{height:18px;width:18px}.toast.active{animation-duration:.2s;animation-name:apertura;animation-timing-function:ease-out}@keyframes apertura{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.toast.cerrando{animation-duration:.2s;animation-fill-mode:forwards;animation-name:cierre;animation-timing-function:ease-out}@keyframes cierre{0%{transform:translate(0)}to{transform:translate(calc(100% + 40px))}}.toast.autoCierre:after{animation-duration:5s;animation-fill-mode:forwards;animation-name:autoCierre;animation-timing-function:ease-out;background:#00000080;bottom:0;content:"";height:4px;position:absolute;width:100%}@keyframes autoCierre{0%{width:100%}to{width:0}}