esl-panel-group {
  display: block;
  box-sizing: content-box;
}
esl-panel-group.animate {
  transition: height 0.5s ease-in-out;
  overflow: hidden;
}
esl-panel-group[current-mode='tabs'] > esl-panel {
  opacity: 0;
  transition: max-height 0.5s ease-in-out, visibility 0s linear 0.5s, opacity 0.5s ease-in-out;
}
esl-panel-group[current-mode='tabs'] > esl-panel.open {
  opacity: 1;
  transition: max-height 0.5s ease-in-out, visibility 0s linear, opacity 0.5s ease-in-out;
}
esl-panel-group[current-mode='tabs'].esl-tabs-equal-height {
  display: grid;
  grid-template-areas: 'stack';
}
esl-panel-group[current-mode='tabs'].esl-tabs-equal-height > esl-panel {
  grid-area: stack;
  max-height: none;
}
@media screen {
  esl-panel-group:not(.animate) esl-panel:not(.animate):not(.open) * {
    visibility: hidden !important;
  }
}