.tabs {
  display: flex;
  border-bottom: 1px solid var(--color-border-primary);
  overflow-x: auto;
  overflow-y: hidden;

  /* Hide scrollbar */
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  &::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
  }

  .tab-item {
    flex-shrink: 0;
    white-space: nowrap;
    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);
    }
  }
}