.toast-container{z-index:9999;flex-direction:column;gap:8px;width:clamp(360px,30vw,520px);display:flex;position:fixed;bottom:24px;right:24px}@media (width<=767px){.toast-container{width:auto;bottom:16px;left:16px;right:16px}}.toast{color:#ffffffb8;background:#2a2d33;border-radius:8px;font-size:clamp(14px,1.6vw,16px);animation:.3s toast-in;position:relative;overflow:hidden}.toast.removing{animation:.3s forwards toast-out}.toast.paused .timer{animation-play-state:paused}.toast.toast-success .icon{color:#6fbf7a}.toast.toast-error .icon{color:#e56969}.toast.toast-info .icon{color:#5b9fe4}.toast .timer{top:0;transform-origin:0;background:#fff;height:3px;animation:linear forwards toast-timer;position:absolute;inset-inline:0}.toast .body{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.toast .icon{flex-shrink:0;width:24px;height:24px}.toast .text{flex:1;min-width:0}.toast .text strong{color:#fff;font-weight:600}.toast .actions{flex-shrink:0;gap:8px;display:flex}.toast .actions .btn-secondary{padding:8px 20px}.toast .close{color:#fff9;cursor:pointer;background:0 0;border:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s;display:flex}.toast .close:hover{color:#fff}.toast .close svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes toast-out{to{opacity:0;transform:translateY(12px)}}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}