.breadcrumbs {
  @apply inline-flex flex-wrap items-center;
}

.breadcrumbs li {
  @apply inline-block align-middle leading-none;
}

.breadcrumbs li a {
  @apply block text-inherit hover:text-[var(--rb-first-color)] transition-colors leading-none;
}

.breadcrumbs .separator {
  @apply w-4 h-4 overflow-hidden before:block before:text-xs before:font-awesome before:content-['\f054'];
}

.breadcrumbs .item-current {
  @apply text-[var(--rb-first-color)];
}