.tabs {
  display: flex;
  cursor: pointer;
}

.tab {
  padding: 10px;
  margin-right: 10px;
  border-bottom: none;
  user-select: none;
}

.tab-content {
  display: none;
  padding: 10px;
}

.tab-content.active {
  display: block;
}

.accordion {
  width: 100%;
}

.accordion-item {
  margin-bottom: 5px;
}

.accordion-header {
  padding: 10px;
  cursor: pointer;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  padding: 0;
}
.accordion-content.active {
  max-height: 10000px;
  transition: max-height 0.5s ease-in-out;
}