.toast-container{z-index:9999;top:20px;right:20px;width:auto;position:fixed;display:flex;flex-direction:column;gap:10px}.toast{padding:16px 8px 20px 12px;border-radius:4px;overflow:hidden;display:flex;align-items:start;width:395px;gap:8px;opacity:.9;transition:opacity .3s ease-in-out;animation-duration:.5s;position:relative}.toast p{margin-bottom:0;margin-top:2px;width:100%}.toast.slide-in{animation:slideInRight .5s forwards}.toast.slide-out{animation:slideOutRight .5s forwards}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.icon{margin-right:10px}.close-btn{background:none;border:none;cursor:pointer;margin-left:10px}.close-btn:hover{opacity:.7}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:rgba(255,255,255,.3);border-radius:2px}.progress-bar{height:100%;transition:width .1s linear}.toast-success{background-color:#F6FFED}.toast-success .progress-bar{background-color:#4BAE4F}.toast-error{background-color:#FFF1F0}.toast-error .progress-bar{background-color:#FF4D4F}.toast-info{background-color:#E7F7FF}.toast-info .progress-bar{background-color:#008EFF}.toast-warning{background-color:#FFFAE3}.toast-warning .progress-bar{background-color:#EDE115}@media(max-width:767px){.toast{width:320px}}