.button.ThemeButtonTab {
  height: var(--sizeL);
  min-width: var(--sizeL);
  width: fit-content;
  position: relative;
  text-decoration: none;
  transition: var(--speedFF) background-color ease, 0.3s color ease;
  border-radius: var(--sizeS);
  min-width: 100px;
  white-space: nowrap;
  border: unset;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  align-self: flex-end;
  margin-top: var(--sizeM);
  margin-bottom: 0;
  background-color: transparent;
  transition: var(--speedFF) color ease;
}
.button.ThemeButtonTab:hover {
  color: var(--colorSecondary);
}
.button.ThemeButtonTab > a, .button.ThemeButtonTab > .clickableArea {
  height: 100%;
  min-width: 100%;
  width: fit-content;
  position: relative;
  padding: 5px 20px;
  box-sizing: border-box;
  display: inline-flex;
  user-select: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  outline: none !important;
}
.button.ThemeButtonTab > a > .buttonMedia + .buttonText, .button.ThemeButtonTab > .clickableArea > .buttonMedia + .buttonText {
  margin-left: 10px;
}
.button.ThemeButtonTab[data-active] {
  background-color: var(--colorPrimaryAlt);
  color: var(--colorText);
}
.button.ThemeButtonTab[data-active]:hover {
  background-color: var(--colorSecondaryAlt);
  color: var(--colorSecondary);
}