/* Credit: https://stackoverflow.com/a/76944290 */
/* Add .dropdown-* to divs for dropdown animations which wraps child height. */
/* Dropdown div must have at most one child. */
.dropdown-show {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.5s;
}

.dropdown-hide {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s;
}

.dropdown-show > :first-child {
  overflow: hidden;
}

.dropdown-hide > :first-child {
  overflow: hidden;
}