#toastBox{position:absolute;bottom:10px;right:10px;display:flex;align-items:flex-end;flex-direction:column;overflow:hidden;padding:20px}.toast{z-index:100000;padding:10px 10px 15px;margin-bottom:5px;border-top-left-radius:1rem;border-top-right-radius:1rem;width:400px;font-weight:500;box-shadow:0 0 20px #0000004d;display:flex;align-items:center;justify-content:space-between;position:relative;transform:translate(100%);animation:moveLeft .5s linear forwards;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.toast:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.toast-icon-lable{display:flex;align-items:center}.toast-icon{border:solid;border-width:0 1px 0 0;margin-right:10px;padding-right:5px}.toast-close-button{margin-left:5px;padding:8px;border:solid;border-width:0;border-radius:.5rem}.toast-close-button:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.toast-close-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.toast_success{--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity, 1))}.toast_success:is(.dark *){--tw-text-opacity: 1;color:rgb(5 122 85 / var(--tw-text-opacity, 1))}.toast_error{--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity, 1))}.toast_error:is(.dark *){--tw-text-opacity: 1;color:rgb(224 36 36 / var(--tw-text-opacity, 1))}.toast_warning{--tw-text-opacity: 1;color:rgb(227 160 8 / var(--tw-text-opacity, 1))}.toast_warning:is(.dark *){--tw-text-opacity: 1;color:rgb(250 202 21 / var(--tw-text-opacity, 1))}.toast_info{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.toast_info:is(.dark *){--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.toast svg{height:2rem;width:3rem}.toast:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;animation:anim 5s linear forwards}.toast.toast_success:after{background:green}.toast.toast_error:after{background:red}.toast.toast_info:after{background:#8a2be2}.toast.toast_warning:after{background:#ff0}@keyframes moveLeft{to{transform:translate(0)}}@keyframes anim{to{width:0}}@media only screen and (max-width: 500px){.toast{padding:.5rem;margin-bottom:.5rem;border-top-left-radius:1rem;border-top-right-radius:1rem;width:80vw;font-weight:500}#toastBox{padding-right:.5rem;padding-bottom:.1rem}}