.ex_notifications{position:fixed;top:80px;right:0;z-index:99999}.ex_toast{position:relative;padding:10px;color:#fff;margin-bottom:10px;width:400px;display:grid;grid-template-columns:70px 1fr 70px;border-radius:5px;background:black;animation:ex_show .3s ease 1 forwards}@media (max-width: 568px){.ex_toast{width:100%}}.ex_toast i{color:#0abf30;display:flex;justify-content:center;align-items:center;font-size:25px}.ex_toast .ex_title{font-size:16px;font-weight:700}.ex_toast span,.ex_toast i:nth-child(3){color:#fff;opacity:1;cursor:pointer;font-size:14px}@keyframes ex_show{0%{transform:translate(100%)}40%{transform:translate(-5%)}80%{transform:translate(-10%)}to{transform:translate(0)}}.ex_toast:before{position:absolute;bottom:0;left:0;background-color:#0abf30;width:100%;height:3px;content:"";box-shadow:0 0 10px #0abf30;animation:ex_timeOut 5s linear 1 forwards}.ex_toast.ex_error:before{background-color:#f24d4c;box-shadow:0 0 10px #f24d4c}.ex_toast.ex_warning:before{background-color:#e9bd0c;box-shadow:0 0 10px #e9bd0c}.ex_toast.ex_info:before{background-color:#3498db;box-shadow:0 0 10px #3498db}@keyframes ex_timeOut{to{width:0}}.ex_toast.ex_error{color:#f24d4c;background:black}.ex_toast.ex_error i{color:#f24d4c}.ex_toast.ex_warning{color:#e9bd0c;background:black}.ex_toast.ex_warning i{color:#e9bd0c}.ex_toast.ex_info{color:#3498db;background:black}.ex_toast.ex_info i{color:#3498db}