.alert{z-index:9999;border-radius:4px;align-items:center;gap:10px;padding:16px 24px;font-size:16px;transition:opacity .5s,transform .5s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.alert-warning{color:#856404;background-color:#fff3cd;border:2px solid #ffeeba}.alert-success{color:#155724;background-color:#d4edda;border:2px solid #869a4c}.alert-danger{color:#721c24;background-color:#f8d7da;border:2px solid #f5c6cb}.alert-info{color:#0c5460;background-color:#d1ecf1;border:2px solid #bee5eb}.alert-show{opacity:1;transform:translate(-50%)translateY(0)}.alert-hide{opacity:0;transform:translate(-50%)translateY(20px)}