.toast-buttons{max-width:700px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:2em auto}.toast-row{display:flex;justify-content:center;margin:1em 0;padding:1rem;flex-wrap:wrap}button.custom-toast{padding:.5rem 1rem;border:none;color:#fff;font-weight:500;border-radius:5px;box-shadow:2px 2px 10px rgba(0,0,0,.785);cursor:pointer;width:150px;margin:.5em;transition:filter .2s ease-in-out,transform .3s ease-in-out;display:flex;justify-content:center;align-items:center;font-size:1rem;background-color:transparent;outline:0;background:#3498db;color:#fff}button.custom-toast:hover{filter:brightness(.9)}button.success-toast{background-color:#2ecc71}button.danger-toast{background-color:#e74c3c}button.info-toast{background-color:#3498db}button.warning-toast{background-color:#f1c40f}.toast h1{color:green}.toast{position:fixed;top:25px;right:25px;max-width:300px;background:#fff;padding:.5rem;border-radius:4px;box-shadow:-1px 1px 10px rgba(0,0,0,.3);z-index:1023;animation:slideInRight .3s ease-in-out forwards,fadeOut .5s ease-in-out forwards 3s;transform:translateX(110%)}.toast.closing{animation:slideOutRight .5s ease-in-out forwards}.toast-progress{position:absolute;display:block;bottom:0;left:0;height:4px;width:100%;background:#b7b7b7;animation:toastProgress 3s ease-in-out forwards}.toast-content-wrapper{display:flex;justify-content:space-between;align-items:center}.toast-icon{padding:.35rem .5rem;font-size:1.5rem}.toast-message{flex:1;font-size:.9rem;color:#000;padding:.5rem;font-family:montserrat}.toast.toast-success{background:#95eab8}.toast.toast-success .toast-progress{background-color:#2ecc71}.toast.toast-danger{background:#efaca5}.toast.toast-danger .toast-progress{background-color:#e74c3c}.toast.toast-info{background:#bddaed}.toast.toast-info .toast-progress{background-color:#3498db}.toast.toast-warning{background:#ead994}.toast.toast-warning .toast-progress{background-color:#f1c40f}@keyframes slideInRight{0%{transform:translateX(110%)}75%{transform:translateX(-10%)}100%{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}25%{transform:translateX(-10%)}100%{transform:translateX(110%)}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes toastProgress{0%{width:100%}100%{width:0%}}
/*# sourceMappingURL=toastNotifications.css.map */