@keyframes toastSlideInFromBottom{0%{opacity:0;bottom:-10px}50%{opacity:0;bottom:0}to{opacity:1;bottom:20px}}@keyframes toastFadeOut{0%{opacity:1;scale:1}to{opacity:0;scale:.5}}.toast{color:#fff;z-index:999;border-radius:8px;flex-direction:row;justify-content:center;align-self:center;width:fit-content;min-width:200px;height:70px;padding:10px 10px 10px 5px;transition:all .3s;animation:.5s ease-out both toastSlideInFromBottom;display:inline-flex;position:absolute;bottom:20px}.toast.err{background-color:#d94444}.toast.neutral{background-color:var(--sidebar-bg-color);color:var(--foreground)}.toast.success{background-color:#65a239}.toast.hide{animation:.3s linear both toastFadeOut}.toast .close-btn{flex-direction:column;align-items:center;width:10px;margin-left:10px;display:inline-flex}.toast .close-btn svg{width:10px}.toast .close-btn svg:hover{cursor:pointer}.toast .error-msg{flex-direction:column;justify-content:center;width:fit-content;height:100%;display:inline-flex}.toast .error-msg span{text-align:left;text-wrap:nowrap}.toast .error-msg #title{font-weight:700}.toast-icon svg{width:25px}.toast-icon{flex-direction:column;justify-content:center;align-items:center;width:50px;display:inline-flex}.toast .toast-actions{gap:10px;margin-left:10px;display:flex}.toast .confirm-btn{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:4px;align-self:flex-end;margin-bottom:5px;padding:4px 12px;font-size:14px;transition:background-color .2s}.toast .confirm-btn:hover{background-color:#ffffff4d}
