toast-container{display:flex;flex-direction:column}.toast{gap:10px;position:fixed;top:-50px;left:50%;padding:10px 20px;border-radius:5px;box-shadow:0 2px 10px #0000001a;opacity:0;transform:translate(-50%);transition:all .3s ease-in-out;z-index:999}.toast.visible{top:20px;opacity:1}.toast.exiting{top:-50px;opacity:0}.toast.info{background-color:#3498db;color:#fff}.toast.success{background-color:#2ecc71;color:#fff}.toast.error{background-color:#e74c3c;color:#fff}