.sbui-breadcrumb--container {
  @apply flex flex-row items-center;
  @apply p-0 my-0;
}

.sbui-breadcrumb--item-container {
  @apply flex items-center;
}

.sbui-breadcrumb--item {
  @apply text-gray-500 hover:text-gray-600;
  @apply cursor-pointer;
  @apply [[data-theme*=dark]_&]:text-dark-200 [[data-theme*=dark]_&]:hover:text-brand-400;
}

.sbui-breadcrumb--item__active {
  @apply text-brand-400 [[data-theme*=dark]_&]:text-brand-400;
}

.sbui-breadcrumb--separator {
  @apply mx-2;
  @apply text-gray-500 hover:text-gray-600;
  @apply [[data-theme*=dark]_&]:text-dark-200 [[data-theme*=dark]_&]:hover:text-white;
}

.sbui-breadcrumb--separator-small {
  @apply mx-2;
}
.sbui-breadcrumb--separator-medium {
  @apply mx-4;
}
.sbui-breadcrumb--separator-large {
  @apply mx-6;
}