#toast-container-mb{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:9999999;width:90%;max-width:400px}.toptoast{display:flex;align-items:center;width:100%;max-width:400px;min-height:60px;padding:10px;border-radius:5px;background:#fff;box-shadow:0 2px 15px #0000001a;animation:slide-in .3s ease-out forwards;position:relative;overflow:hidden}.toptoast.success{--primary: #2DD743}.toptoast #icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;flex-shrink:0}.toptoast #icon{width:30px;height:30px;fill:currentColor;border:none;display:flex;justify-content:center;align-items:center;background:transparent}.toptoast-message{flex:1;min-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;display:flex;flex-direction:column;justify-content:center}.toptoast-message h4{margin:0;font-size:14px;font-weight:600;color:#404040}.toptoast-message p{margin:0;font-size:12px;font-weight:300;color:#606060}.toptoast-close{padding:5px 10px;border:none;border-radius:5px;cursor:pointer;background:#0000;font-size:12px;font-weight:700;color:#606060;flex-shrink:0}.toptoast-close:hover{background:#0000001a}.toptoast .timer{width:100%;height:4px;background:var(--primary);position:absolute;bottom:0;left:0;animation:countdown 9s linear forwards}@keyframes countdown{0%{width:100%}to{width:0%}}@keyframes slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@media (max-width: 600px){#toast-container-mb{width:95%;max-width:350px}.toptoast{padding:8px}.toptoast-message h4{font-size:13px}.toptoast-message p{font-size:11px}.toptoast-close{font-size:10px}}