.tabs {
  display: flex;
  border-bottom: 1px solid var(--color-border-primary);

  .tab-item {
    padding: 12px 24px;
    font-size: var(--font-size-md);
    line-height: var(--line-height-text-md);
    color: var(--color-text-quaternary);

    &.active {
      color: var(--color-text-primary);
      border-bottom: 2px solid var(--color-fg-tertiary);
    }
  }
}