.alertBox {
  display: flex;

  padding: 1rem;
  border-radius: 0.5rem;
  gap: 0.75rem;
  align-items: center;
  font-size: 1rem;
}

.alertMessage > span {
}

.error {
  background-color: var(--error-light);
  color: var(--error);
}

.error > span {
  color: var(--error-dark);
}

.info {
  background-color: rgb(229, 246, 253);
  color: rgb(1, 67, 97);
}