@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--toast-dark:#000000;--toast-light:#ffffff;--toast-success:#0abf30;--toast-error:#e24d4c;--toast-warning:#e9bd0c;--toast-info:#3498db;--toast-random:#eb43ff}.notifications{position:fixed;top:30px;right:20px;z-index:99999}.notifications.bottomRight{top:unset;bottom:30px;right:20px}.notifications :where(.toast,.column){display:flex;align-items:center}.notifications .toast{width:400px;position:relative;overflow:hidden;list-style:none;border-radius:4px;padding:16px 17px;margin-bottom:10px;background:var(--toast-dark);justify-content:space-between;animation:show_toast .3s ease forwards}@keyframes show_toast{0%{transform:translateX(100%)}40%{transform:translateX(-5%)}80%{transform:translateX(0)}100%{transform:translateX(-10px)}}.notifications .toast.hide{animation:hide_toast .3s ease forwards}@keyframes hide_toast{0%{transform:translateX(-10px)}40%{transform:translateX(0)}80%{transform:translateX(-5%)}100%{transform:translateX(calc(100% + 20px))}}.toast::before{position:absolute;content:"";height:3px;width:100%;bottom:0;left:0;animation:progress 10s linear forwards}@keyframes progress{100%{width:0%}}.btn#success,.toast.success::before{background:var(--toast-success)}.btn#error,.toast.error::before{background:var(--toast-error)}.btn#warning,.toast.warning::before{background:var(--toast-warning)}.btn#info,.toast.info::before{background:var(--toast-info)}.btn#random,.toast.random::before{background:var(--toast-random)}.toast .column i{font-size:1.75rem}.toast.success .column i{color:var(--toast-success)}.toast.error .column i{color:var(--toast-error)}.toast.warning .column i{color:var(--toast-warning)}.toast.info .column i{color:var(--toast-info)}.toast.random .column i{color:var(--toast-random)}.toast .column span{font-size:1.07rem;margin-left:12px}.toast i:last-child{color:#aeb0d7;cursor:pointer}.toast i:last-child:hover{color:var(--toast-dark)}.buttons .btn{border:none;outline:0;cursor:pointer;margin:0 5px;color:var(--toast-dark);font-size:1.2rem;padding:10px 20px;border-radius:4px}@media screen and (max-width:530px){.notifications{width:95%;z-index:99999}.notifications .toast{width:100%;font-size:1rem;margin-left:20px}.buttons .btn{margin:0 1px;font-size:1.1rem;padding:8px 15px}}