@layer components {
  .tag {
    @apply bg-gray-100 dark:bg-gray-800 border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-50 rounded-md py-0.5 px-2 border  items-center inline-flex text-xs font-semibold whitespace-nowrap;
  }
  
  .tag-affix {
    @apply h-2 w-2 rounded-full bg-gray-400;
  }
  
  .tag-prefix {
    @apply mr-1.5 rtl:ml-1.5;
  }
  
  .tag-suffix {
    @apply ml-1.5 rtl:mr-1.5;
  }  
}