heliux-breadcrumb{--breadcrumb-font-size:var(--scope-type-font-size,16px);--breadcrumb-color:var(--scope-color-main-color,#000);--breadcrumb-color-hover:var(--scope-color-accent1-hover,#000);--breadcrumb-padding:var(--scope-layout-margin,20px);--breadcrumb-margin:var(--scope-layout-margin,20px);display:flex;flex-direction:column;color:var(--breadcrumb-color)}
heliux-breadcrumb heliux-icon+*{margin-block:0;margin-inline:0}
@media(min-width:768px){heliux-breadcrumb{padding-inline-end:0;padding-inline-start:0}
}
heliux-breadcrumb .breadcrumb__nav{width:100%;padding:var(--breadcrumb-padding)}
heliux-breadcrumb .breadcrumb__nav--allLevelsVisible .breadcrumb__list{display:flex;flex-wrap:wrap}
@media(min-width:0)and (max-width:639px){heliux-breadcrumb .breadcrumb__nav--allLevelsVisible .breadcrumb__item{display:none}
heliux-breadcrumb .breadcrumb__nav--allLevelsVisible .breadcrumb__item .breadcrumb__link{order:1}
heliux-breadcrumb .breadcrumb__nav--allLevelsVisible .breadcrumb__item heliux-icon{order:0;transform:rotate(180deg);margin-inline-end:calc(var(--breadcrumb-padding)/2)}
}
@media(min-width:0)and (max-width:639px){heliux-breadcrumb .breadcrumb__nav.breadcrumb__nav--allLevelsVisible.breadcrumb__nav--hideCurrent .breadcrumb__item:nth-last-child(1){display:flex;margin-inline-start:0}
heliux-breadcrumb .breadcrumb__nav.breadcrumb__nav--allLevelsVisible.breadcrumb__nav--hideCurrent .breadcrumb__item:nth-last-child(1) heliux-icon{display:flex}
}
heliux-breadcrumb .breadcrumb__nav:not(.breadcrumb__nav--hideCurrent) .breadcrumb__item:last-child .breadcrumb__text{font-weight:bold}
@media(min-width:0)and (max-width:639px){heliux-breadcrumb .breadcrumb__nav:not(.breadcrumb__nav--hideCurrent) .breadcrumb__item:nth-last-child(2){display:flex;margin-inline-start:0}
}
heliux-breadcrumb .breadcrumb__item{--scope-icon-color:var(--breadcrumb-color);display:flex;align-items:center}
heliux-breadcrumb .breadcrumb__item heliux-icon.icon__breadcrumb{margin-inline:15px;margin-inline-end:8px}
heliux-breadcrumb .breadcrumb__item:last-of-type.breadcrumb__item--active heliux-icon{transform:rotate(180deg)}
heliux-breadcrumb .breadcrumb__item:last-of-type heliux-icon{display:none}
heliux-breadcrumb .breadcrumb__text{font-size:var(--breadcrumb-font-size)}
heliux-breadcrumb .breadcrumb__link{color:var(--breadcrumb-color);text-decoration:none;display:flex;align-items:center}
heliux-breadcrumb .breadcrumb__link:hover{color:var(--breadcrumb-color-hover)}