---

.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-1000);
}

.tabs {
  display: flex;
  align-items: center;
  gap: var(--space-1000);
  border-bottom: 1px solid var(--neutral-10);
}

.tab {
  position: relative;
  padding-bottom: 8px;
  color: var(--neutral-13);
  cursor: pointer;
  transition: color 0.2s ease;

  &::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transition: background-color 0.2s ease;
  }

  &.active {
    color: white;

    &::after {
      background-color: white;
    }
  }
}