#toast-stack{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px;max-width:360px;width:calc(100% - 40px)}
.toast{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:3px solid #000;background:#fff;color:#000;font-weight:700;font-size:13px;line-height:1.5;box-shadow:5px 5px 0 #000;animation:toast-in .18s ease-out}
.toast.success{background:#a3e635}
.toast.error{background:#fecaca}
.toast.info{background:#fff}
.toast-close{margin-left:auto;border:0;background:transparent;font-size:16px;font-weight:900;line-height:1;cursor:pointer;color:inherit;opacity:.6}
.toast-close:hover{opacity:1}
[aria-busy=true],button:disabled{cursor:wait!important;opacity:.82!important;transform:translate(3px,3px)!important;box-shadow:3px 3px 0 #000!important}
[aria-busy=true]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
a[aria-disabled=true]{pointer-events:none}
.ajax-spinner{width:18px;height:18px;flex:0 0 18px;border:3px solid currentColor;border-right-color:transparent;border-radius:999px;display:inline-block;animation:ajax-spin .65s linear infinite}
@keyframes toast-in{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes toast-out{from{transform:translateX(0);opacity:1}to{transform:translateX(30px);opacity:0}}
@keyframes ajax-spin{to{transform:rotate(360deg)}}
@media(max-width:520px){#toast-stack{left:16px;right:16px;max-width:none;width:auto}}