.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{padding:8px 16px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;animation:slideIn .2s ease-out;transition:all .2s ease-out;color:#fff;font-size:18px;min-width:300px;position:relative}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;box-shadow:-3px 4px 14px #0000004d;background:linear-gradient(to bottom,#ff3b00 0% 25%,#00d6ff 25% 50%,#ffd400 50% 75%,#2ce38e 75% 100%)}.toast[data-order="1"]:before{background:linear-gradient(to bottom,#ff3b00 0% 25%,#00d6ff 25% 50%,#ffd400 50% 75%,#2ce38e 75% 100%)}.toast[data-order="2"]:before{background:linear-gradient(to bottom,#00d6ff 0% 25%,#ffd400 25% 50%,#2ce38e 50% 75%,#ff3b00 75% 100%)}.toast[data-order="3"]:before{background:linear-gradient(to bottom,#ffd400 0% 25%,#2ce38e 25% 50%,#ff3b00 50% 75%,#00d6ff 75% 100%)}.toast[data-order="4"]:before{background:linear-gradient(to bottom,#2ce38e 0% 25%,#ff3b00 25% 50%,#00d6ff 50% 75%,#ffd400 75% 100%)}.toast.toast-info{background:#332dbb}.toast.toast-success{background:#c2205e;color:#fff}.toast.toast-warning{background:linear-gradient(135deg,#f6d365,#fda085)}.toast.toast-error{background:linear-gradient(135deg,#f093fb,#f5576c)}.toast.fade-out{animation:slideOut .15s ease-out forwards}.toast-message{flex:1;margin-right:12px}.toast-close{cursor:pointer;opacity:.7;transition:opacity .2s;font-size:20px;line-height:1}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 480px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;width:100%}}