.filter_body {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease-out,
    opacity 0.3s ease-out,
    transform 0.3s ease-out;
  opacity: 0;
  transform: translateY(-20px);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.filter_body.visible {
  max-height: 200px;
  opacity: 1;
  transform: translateY(0);
}

.filter_body.hidden {
  max-height: 0;
  opacity: 0;
  transform: translateY(-20px);
}

.DummyHomePage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 70%;
  padding: 50px;
}
