.breadcrumbs {
    display: flex;
    align-items: center
}
.breadcrumbs > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.breadcrumbs {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.breadcrumbs li {
    position: relative;
    display: flex;
    align-items: center
}
.breadcrumbs li > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.breadcrumbs li {
    font-weight: 400;
    text-transform: capitalize
}
[dir="rtl"] .breadcrumbs li > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1
}
.breadcrumbs li .breadcrumbs-icon {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(160 174 192 / var(--tw-text-opacity))
}
.dark .breadcrumbs li .breadcrumbs-icon {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity))
}