.market-container {
  padding: 20px;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;

  .market-header {
    .search-section {
      margin-top: 20px;
      display: flex;
      align-items: center;

      .filter-tags {
        display: flex;
        align-items: center;
        gap: 8px;
      }
    }
  }

  .category-section {
    margin-top: 20px;
  }

  .component-section {
    :global(.arco-collapse-item ) {
      border-bottom: none;
    }

    :global(.arco-collapse-item-content-box) {
      background-color: #fff;
    }

    :global(.arco-collapse-item-header) {
      border-bottom: none;
      color: #6D7278;
    }

    :global(.arco-collapse-item-header-right) {
      padding-left: 0;
    }

    .component-list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 10px;

      .component-info {
        display: flex;
        align-items: center;

        img {
          width: 40px;
          height: 40px;
          margin-right: 10px;
        }
      }
    }
  }

}
