.tab-wrapper {
  /* background-color: aliceblue; */
  border-bottom: 1px solid #00000040;
}
.tabs {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
}

.tab-link {
  margin: 0 1%;
  list-style: none;
  padding: 12px 40px;
  color: #aaa;
  cursor: pointer;
  font-weight: 600;
  transition: all ease 0.5s;
  border-bottom: solid 1px rgba(255, 255, 255, 0);
  letter-spacing: 1px;
}

.tab-link:hover {
  color: #999;
  border-color: #999;
}

.tab-link.active {
  color: #333;
  border-color: #333;
}

.content-wrapper {
  /* flex: auto; */
  /* background: aliceblue; */
  padding: 8px 5px;
  /* overflow-y: auto; */
  /* overflow: hidden; */
}

.tab-content {
  display: none;
  /* text-align: center; */
  /* color: #888; */
  /* font-weight: 300; */
  /* font-size: 15px; */
  opacity: 0;
  transform: translateY(15px);
  animation: fadeIn 0.5s ease 1 forwards;
  overflow-y: scroll;
  height: 100%;
  padding-top: 12px;
}

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

@keyframes fadeIn {
  100% {
    opacity: 1;
    transform: none;
  }
}