.breadcrumb {
    composes: -v-text from global;
}

.breadcrumb-item {
    color: var(--color-gray-400);

}

.link:hover {
    color: var(--color-primary-500);
    cursor: pointer;
}

.separator {
    composes: -v-mx from global;
}

.separator,.icon {
    --margin-xs: 0.2rem;
    --margin-sm: 0.2rem;
    --margin-md: 0.2rem;
    composes: -v-mx from global;
}

.breadcrumb-item:last-child {
    font-weight: var(--font-bold);
    color: var(--color-dark);
}
.breadcrumb-item:last-child .separator {
    display: none;
}