@layer components {
  .bl_dlTable {
    @apply divide-y divide-gray-400 border border-gray-400;
  }

  .bl_dlTable_wrapper {
    @apply grid grid-cols-1 sm:grid-cols-[12rem_1fr] bg-teal-100;
  }

  .bl_dlTable_header {
    @apply text-sm p-2 sm:justify-self-end after:ml-1 border-b border-gray-400 sm:border-b-0 sm:border-r;
  }

  .bl_dlTable_body {
    @apply text-sm font-medium bg-white p-2;
  }
}
