.ls-table {
  .ls-block {
    @apply w-full py-0;
  }

  .block-control, .block-control-wrap {
    @apply h-5 min-h-[20px];
  }

  .block-main-container, .block-content {
    @apply min-h-[20px];
  }

  .property-value-inner {
    @apply flex items-center cursor-pointer;
  }

  .ls-table-rows {
    > .relative {
      @apply pt-[34px] pb-[38px];
    }
  }

  .ls-table-header {
    @apply flex flex-row items-center w-fit absolute left-0 top-0;

    min-width: 100%;

    will-change: transform;
    transform: translate3d(0, 0, 0);

    &.translated, &.ls-fixed {
      @apply shadow;
    }

    &.ls-fixed {
      @apply fixed overflow-hidden;

      min-width: unset;
      top: 40px !important;
    }
  }

  .ls-table-header-cell {
    @apply cursor-pointer transition-colors hover:bg-muted/50 text-left align-middle font-medium text-muted-foreground overflow-x-hidden border-r;
  }

  .ls-table-footer {
    @apply absolute left-0 bottom-[8px] w-full;
  }

  div[data-viewport-type="window"] {
    min-width: 100%;
    width: auto !important;
  }
}

.query-table, .classic-table {
  @apply my-2 rounded overflow-hidden;

  table {
    @apply w-full border-none;
  }

  th {
    @apply bg-gray-03;
  }

  tr {
    @apply hover:bg-gray-03;

    &:nth-child(even) {
      @apply bg-gray-02;
    }
  }

  th, td {
    @apply p-1.5 border border-collapse;

    &[data-key=":block"] {
      @apply whitespace-normal;
    }
  }
}