.toastfi{z-index: 1038;position:fixed;top:25px;right:-100%;border-radius:12px;background:#fff;padding:20px 35px 20px 25px;box-shadow:0 5px 10px rgba(0,0,0,.1);border-left:6px solid #4070f4;overflow:hidden;transition:.5s cubic-bezier(.68, -.55, .265, 1.35)}.toastfi.active{right:30px}.toastfi .toast-content{display:flex;align-items:center}.toastfi .toast-content .check{height:35px;width:35px;background:#4070f4;color:#fff;font-size:20px;border-radius:50%;display:flex;place-items:center;place-content:center}.toastfi .toast-content .message{display:flex;flex-direction:column;margin:0 20px}.toastfi .toast-content .message .text{font-size:16px;font-weight:400;color:#666}.toastfi .toast-content .message .text.text-1{font-weight:600;font-size:18px;color:#333;text-align:left}.toastfi .close{position:absolute;top:10px;right:15px;padding:5px;cursor:pointer;opacity:.7}.toastfi .close:hover{opacity:1}.toastfi .progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#ddd}.toastfi .progress:before{content:'';position:absolute;bottom:0;right:0;height:100%;width:100%;background:#4070f4}.progress.active::before{animation:5s linear forwards progress}@keyframes progress{100%{right:100%}}.toastfi.success{border-left:6px solid #27ae60}.toastfi.success .progress:before,.toastfi.success .toast-content .check{background:#27ae60}.toastfi.warning{border-left:6px solid #ff9800}.toastfi.warning .progress:before,.toastfi.warning .toast-content .check{background:#ff9800}.toastfi.info{border-left:6px solid #4070f4}.toastfi.info .progress:before,.toastfi.info .toast-content .check{background:#4070f4}.toastfi.error{border-left:6px solid #c51919}.toastfi.error .progress:before,.toastfi.error .toast-content .check{background:#c51919}