.alert{padding:.75rem 1rem;margin-bottom:1rem;border-radius:4px;text-align:center;font-weight:500;animation:slideIn .3s ease-in-out;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.alert,.alert-content{display:flex;align-items:center;justify-content:center}.alert-content{width:100%;position:relative}.alert-message{flex:1;text-align:center}.alert-close{position:absolute;left:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .2s ease}.alert-close:hover{opacity:1;background:rgba(0,0,0,.1)}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert.fadeOut{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:768px){.alert{margin-bottom:.75rem;padding:.5rem .75rem;font-size:.9rem}.alert-close{font-size:1.2rem;width:18px;height:18px}}.alert-error .alert-close:hover{background:rgba(114,28,36,.1)}.alert-success .alert-close:hover{background:rgba(21,87,36,.1)}.alert-warning .alert-close:hover{background:rgba(133,100,4,.1)}.alert-info .alert-close:hover{background:rgba(12,84,96,.1)}