.toast{position:fixed;max-width:450px;top:0;left:0;right:0;margin:auto;transform:translate(-50%);border-radius:12px;padding:20px 35px 20px 25px;box-shadow:0 6px 20px -5px rgba(0,0,0,.1);overflow:hidden;transform:translateY(calc(-250% + 30px));transition:all .5s cubic-bezier(.68,-.55,.265,1.35)}.toast.active{transform:translateY(50%)}.toast .toast-content,.toast-content .check{display:flex;align-items:center}.toast-content .check{justify-content:center;height:35px;min-width:35px;color:#fff;font-size:20px;border-radius:50%}.toast-content .message{display:flex;flex-direction:column;margin:0 20px}.message .text{font-size:16px;font-weight:400;color:#666666}.message .text.text-1{font-weight:600;color:#333}.toast .close{position:absolute;top:10px;right:15px;padding:5px;cursor:pointer;opacity:.7}.toast .close:hover{opacity:1}.toast .progresss{position:absolute;top:97%;left:0;height:3px;width:100%}.toast .progresss:before{content:"";position:absolute;bottom:0;right:0;height:100%;width:100%}.progresss.activesss:before{animation:progress 5s linear forwards}@keyframes progress{to{right:100%}}.button-toast{padding:12px 20px;font-size:20px;outline:none;border:none;background-color:#ea602d;color:#fff;border-radius:6px;cursor:pointer;transition:.3s}.button-toast:hover{background-color:#0e4bf1}.toast.activesss~button{pointer-events:none}