.base-layout {
  .labs {
    nb-card-header {
      @apply com-flex com-gap-4 com-items-center;
      .select {
        @apply com-flex com-items-center com-gap-1 com-h-8 com-p-1 com-text-sm com-rounded-[4px] com-cursor-pointer com-bg-[#F6F9FC] hover:com-bg-[#eef2f7]/50  com-border com-border-solid com-border-[#E4E9F2]  com-w-max;
        select {
          @apply com-bg-[#F6F9FC] hover:com-bg-[#eef2f7]/50 com-cursor-pointer com-border-0 com-w-full;
        }
      }
    }
    .lab {
      @apply com-flex com-flex-col com-py-4;

      .content {
        > h5,
        > p {
          @apply com-m-0;
        }
      }

      .creator {
        @apply com-max-w-full;
      }

      .stats {
        .tags {
          @apply com-flex com-flex-wrap;

          app-badge {
            @apply com-m-1;
          }
        }
      }

      .actions {
        > div {
          @apply com-my-2 com-mx-0;
        }
      }

      @media (min-width: 800px) {
        @apply com-flex-row;

        .content {
          @apply com-w-[60%];
        }

        .creator {
          @apply com-w-[15%];
        }

        .stats {
          @apply com-w-[20%];
        }
      }
    }

    .lab:not(:last-child) {
      @apply com-border-0 com-border-solid com-border-b com-border-gray-200;
    }
  }
}
