.r-list {
    --uirListPaddingLeft: var(--rListPaddingLeft, 0);
    --uirListMarginTop: var(--rListMarginTop, 0);
    --uirListMarginBottom: var(--rListMarginBottom, 0);
    --uirListListStyle: var(--rListListStyle, none);
    padding-left: var(--uirListPaddingLeft) !important;
    margin-top: var(--uirListMarginTop) !important;
    margin-bottom: var(--uirListMarginBottom) !important;
    list-style: var(--uirListListStyle) !important;
}

.r-link {
    --uirLinkDisplay: var(--rLinkDisplay, inline-flex);
    --uirLinkTextColor: var(--rLinkTextColor);
    --uirLinkTextDecoration: var(--rLinkTextDecoration, none);
    display: var(--uirLinkDisplay) !important;
    color: var(--uirLinkTextColor) !important;
    text-decoration: var(--uirLinkTextDecoration) !important;
}

.breadcrumb {
    --uiBreadcrumbDividerSize: var(--breadcrumbDividerSize, 1rem);
    --uiBreadcrumbIndent: var(--breadcrumbIndent, .75rem);
    background-color: var(--app-background-color);
    font-size: 16px;
    margin-bottom: 0rem;
    width: 100%;
}

.breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--uiBreadcrumbIndent);
}

.breadcrumb__group {
    display: inline-flex;
    align-items: center;
}

.breadcrumb__divider {
    margin-left: var(--uiBreadcrumbIndent);
    font-size: var(--uiBreadcrumbDividerSize);
}

.breadcrumb__divider {
    color: var(--primary-text-color);
}

.breadcrumb_active {
    color: var(--primary-color) !important;
    font-weight: bold;
}

.breadcrumb-last-item {
    display: none;
}

@media only screen and (max-width:768px) {
    .breadcrumb {
        font-size: 10px;
    }
}

@media only screen and (min-width:1920px) {
    .breadcrumb {
        font-size: 24px;
    }
}