.tab-group {
}

.tab-container {
  display: none;
}
.tab-container.active {
  display: block;
  border: 1px solid rgba(var(--base-font-color), 0.25);
  padding: 15px;
}
.tab-buttons > button {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  color: rgb(var(--base-font-color));

  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.tab-buttons > button.active {
  background-color: rgb(var(--body-background-color));
  border-color: rgba(var(--base-font-color), 0.25) rgba(var(--base-font-color), 0.25) rgb(var(--body-background-color));
}