[data-visibility-state] {
  display: grid;
  transition: grid-template-rows 0.5s;
  overflow: hidden;
  margin: 0;
  & > * {
    margin: 0;
    overflow: hidden;
  }
}

[data-visibility-state="hidden"] {
  grid-template-rows: 0fr;
}

[data-visibility-state="visible"] {
  grid-template-rows: 1fr;
}