.tabs {
  display: flex;
  gap: var(--layout-space-8);
  margin-bottom: var(--layout-space-16);
}

.tabs__tab {
  appearance: none;
  background-color: transparent;
  border: none;
  color: rgb(var(--color-grey-dark));
  cursor: pointer;
  line-height: var(--leading-loose);
  padding: 0 0 var(--layout-space-1) 0;
  border-bottom: var(--layout-space-1) solid rgb(var(--color-grey-dark));
}

.tabs__tab--active {
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary));
}

.tabs__content {
  display: none;
}

.tabs__content--active {
  display: block;
}