.genres {
  @apply flex flex-wrap whitespace-nowrap gap-x-5;
}
.genre {
  @apply py-2 px-3 rounded-sm border border-transparent;
  @apply inline-flex items-center cursor-pointer text-sm  rounded px-2.5 py-2 ring-inset ring-1 ring-transparent hover:underline;
  &.current {
    @apply ring-1 ring-blue-400  text-blue-600 bg-gray-100; // dark:text-white dark:ring-blue-500 bg-gray-100 dark:bg-opacity-10;
    :global(.dark) & {
      @apply bg-opacity-10 text-white;
    }
  }
}