.LinkList {
  tr.contentIcon {
    @apply flex items-center;

    .LinkList-main {
      @apply max-w-none flex-1 items-center py-4 before:btu-icon [&:not([data-icon-name])]:before:btu-icon-circle-dashed before:max-w-min before:justify-start before:rounded-[0.25rem] before:bg-gray-100 before:p-2 before:align-top before:text-gray-700 before:btu-icon-md hover:before:mix-blend-multiply;
    }
  }

  td {
    @apply align-top;
  }

  td.LinkList-main {
    @apply inline-flex items-center gap-3;

    .ContentSummary-info {
      @apply top-0 m-0;
    }

    .Label {
      @apply me-2;
    }
  }

  .LinkList-image {
    @apply order-first !ms-0;
  }

  .LinkList-image.is-icon {
    @apply grid place-content-center items-center justify-items-center pe-3 before:btu-icon before:z-10 before:btu-icon-md before:[grid-area:1/1] after:size-[36px] after:rounded-full after:border-[6px] after:p-[14px] after:[grid-area:1/1];
  }

  .LinkList-image.is-icon[data-icon-name] {
    @apply !text-gray-700 after:border-gray-50 after:bg-gray-100 dark:!text-black-dark dark:after:bg-gray-300;
  }

  .LinkList-image.is-icon[data-icon-name='success'] {
    @apply !text-success-700 after:border-success-50 after:bg-success-100 dark:after:bg-success-200;
  }

  .LinkList-image.is-icon[data-icon-name='warning'] {
    @apply !text-warning-700 after:border-warning-50 after:bg-warning-100 dark:after:bg-warning-200;
  }

  .LinkList-image.is-icon[data-icon-name='error'] {
    @apply !text-error-600 after:border-error-50 after:bg-error-100 dark:after:bg-error-200;
  }
}

.LinkList-wrapper {
  @apply __table-wrapper overscroll-x-contain;
}
