/*
  Duplicating styles from MessageBar to force styles
  to be applied properly when the component is hidden.
*/
.container {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.3s;
}

.is-hidden {
  grid-template-rows: 0;
}

.content {
  overflow: hidden;
}