.searchPanel {
  :global {
    .filter-item {
      @apply relative mr-5;
      &:after {
        @apply absolute bottom-1 left-0 w-full;
        height: 6px;
        content: ' ';
      }

      &.selected:after {
        background: linear-gradient(to top, rgba(28, 122, 255,1),rgba(28, 122, 255,0));
      }
    }
  }
}
.pinnedManagePanelContainer {
  @apply absolute bg-white top-0 rounded shadow-md z-10;
  height: 0;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
  inset-inline: -20px;
}
.pinnedManagePanel {
  @apply px-4 pt-2 pb-4 grid;

  :global {
    .btn-panel {
      @apply cursor-pointer;
    }

    .tags-list-container {
      @apply flex flex-wrap gap-2 mt-2;
    }
  }
}
.newListTable{
  :global{
    .row{
      @apply bg-white mt-2 py-2 px-4 rounded-xl gap-2 border;
      border-width: 2px;
      &.checked{
        @apply border-primary-blue bg-primary-blue-bg;
      }
    }
    .col{
      @apply flex items-center justify-center relative pl-6;
      height: 54px;
      &:after{
        @apply absolute;
        border-right: solid 1px #e8e8e8;
        content: ' ';
        top:2px;
        bottom: 2px;
        left:0;
      }
    }
    .title{
      @apply flex-1 pl-0;
      &:after{
        display: none;
      }
    }
    .source{
      width: 180px;
    }
    .count-picture{
      width: 160px;
      text-align: center;
    }
    .count-words{
      width: 120px;
      text-align: center;
    }
    .time{
      width: 150px;
    }
    .operations{
      @apply gap-4;
      width: 100px;
    }
    .header{
      @apply bg-primary-bg;
      .col{
        @apply text-sm;
        height: 42px;

      }
      .operations{
      }
    }
    .body{}
    .icon-btn{
      @apply text-gray-400 hover:text-blue-500 cursor-pointer;
      font-size: 18px;

    }
  }
}