.toast-container { position: fixed; width: 150px; left: 50%; top: 50%; padding: 16px; background-color: rgba(0, 0, 0, 0.7); border-radius: 16px; z-index: 11800; color: #fff; font-size: 16px; font-weight: normal; display: none; opacity: 0; transition: opacity 0.8s; } .toast-container.show { display: block; } .toast-container.fadein { opacity: 1; } .toast-icon { font-size: 48px; text-align: center; } .toast-msg { text-align: center; font-weight: normal; }