.alert-success {
  padding: 1rem;
  background-color: var(--bg-success);
  color: var(--success);
  border-left: 4px solid var(--success);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;

}

.alert-warning {
  padding: 1rem;
  background-color: var(--bg-warning);
  color: var(--warning);
  border-left: 4px solid var(--warning);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.alert-danger {
  padding: 1rem;
  background-color: var(--bg-danger);
  color: var(--danger);
  border-left: 4px solid var(--danger);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.alert-danger ul {
  list-style-position: inside;
}

.alert-description {
  color: var(--fg-secondary);
}