.toast-container{position:fixed;top:40px;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;width:640px}.toast{display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.2);font-size:14px;animation:fadeIn .3s ease,fadeOut .3s ease 2.7s}.toast-icon{font-size:18px}.toast-message{flex:1}.toast-close{background:none;border:none;font-size:16px;color:inherit;cursor:pointer}.toast-close:hover{color:#333}.toast-success{background-color:#FFFFFF;color:#4BCC1D;border:2px solid #12ce18}.toast-error{background-color:#FFFFFF;color:#F44336;border:2px solid #ff0000}.toast-warning{background-color:#FFFFFF;color:#F49A2D;border:2px solid #f49a2d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.toast{animation:fadeIn .3s ease-out,fadeOut .3s ease-out 4.7s}@media screen and (max-width:1280px){.toast-container{width:600px;top:32px}.toast{padding:10px 15px}}@media screen and (max-width:834px){.toast-container{width:560px}}@media screen and (max-width:440px){.toast-container{width:300px}}@media screen and (max-width:370px){.toast-container{width:250px}}