.em-panels {
  position: relative;
  /**
	 * Accordions
	 */
  /**
	 * Tabs
	 */
}

.em-panels__nav {
  background-color: #ddd;
  overflow: hidden;
}

.em-panels__controls {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.em-panels__controls .em-panel__control {
  cursor: pointer;
  display: inline-block;
  padding: 15px;
}

.em-panels__controls .em-panel__control.active {
  background-color: #fff;
}

.em-panels--accordions .em-panels__nav {
  width: 100%;
  pointer-events: none;
  position: absolute;
  z-index: -1;
  visibility: hidden;
}

.em-panels--accordions .em-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in;
}

.em-panels--accordions .em-panel__container {
  border: 1px solid #ddd;
}

.em-panels--accordions .em-panel__container + .em-panel__container {
  margin-top: 15px;
}

.em-panels--accordions .em-panel__control, .em-panels--accordions .em-panel__content {
  padding: 15px;
}

.em-panels--accordions .em-panel__control {
  cursor: pointer;
}

.em-panels--accordions .em-panel__content {
  opacity: 0;
  padding-top: 0;
  transition: opacity .3s ease-in;
}

.em-panels--accordions .em-panel.active {
  max-height: 800px;
}

.em-panels--accordions .em-panel.active .em-panel__content {
  opacity: 1;
}

.em-panels--tabs {
  border: 1px solid #ddd;
}

.em-panels--tabs .em-panel__container .em-panel__control {
  display: none;
}

.em-panels--tabs .em-panel {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity .3s ease-out;
}

.em-panels--tabs .em-panel.active {
  height: auto;
  opacity: 1;
}

.em-panels--tabs .em-panel__content {
  padding: 15px;
}