:root{--dark:#34495E;--tost_light:#ffffff;--success:#0ABF30;--error:#E24D4C;--warning:#E9BD0C;--info:#3498DB}.toast:not(.showing):not(.show){opacity:1!important}.notifications{position:fixed;top:30px;right:20px;z-index:2147483647!important;opacity:999!important}.notifications .toast{width:400px;position:relative;padding:16px 17px;margin-bottom:10px;background:var(--tost_light);border-radius:4px;display:flex;justify-content:space-between;align-items:center;animation:.3s forwards show_toast}@keyframes show_toast{0%{transform:translateX(100%)}40%{transform:translateX(-5%)}80%{transform:translateX(0)}100%{transform:translateX(-10px)}}@keyframes hide_toast{0%{transform:translateX(-10px)}100%{transform:translateX(calc(100% + 20px))}}.toast::before{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;animation:5s linear forwards progress}@keyframes progress{100%{width:0%}}.toast i{margin-right:12px}.toast.success::before{background:var(--success)}.toast.error::before{background:var(--error)}.toast.warning::before{background:var(--warning)}.toast.info::before{background:var(--info)}.toast.success i{color:var(--success)}.toast.error i{color:var(--error)}.toast.warning i{color:var(--warning)}.toast.info i{color:var(--info)}