.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 0;
  list-style: none; }

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  color: var(--breadcrumb-color);
  content: ""; }

.breadcrumb-item.active {
  color: var(--breadcrumb-color);
  font-weight: 300; }

.vela-breadcrumbs {
  position: relative;
  overflow: hidden;
  font-size: calc(var(--font-size-base) - 2px);
  min-height: var(--breadcrumb-mh-m); }
  @media (min-width: 768px) {
    .vela-breadcrumbs {
      min-height: var(--breadcrumb-mh); } }
  .vela-breadcrumbs .container {
    z-index: 1; }

.vela-breadcrumbs__inner {
  display: flex;
  padding: 10px 0; }

.vela-breadcrumbs__image {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.breadcrumb-item {
  display: flex;
  align-items: center;
  line-height: 1; }
  .breadcrumb-item::before {
    mask-image: url("data:image/svg+xml,<svg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.77027 20L0 18L8 10L0 2L1.77027 0L11.5 10L1.77027 20Z' fill='currentColor'/></svg>");
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    width: 5px;
    height: 9px; }

.breadcrumb__link {
  color: var(--breadcrumb-color-link); }
  .breadcrumb__link:hover {
    color: var(--breadcrumb-color); }

.breadcrumb-item + .breadcrumb-item::before {
  margin: 4px 12px 0;
  color: var(--breadcrumb-color-link);
  display: block;
  background-size: cover;
  background-repeat: no-repeat; }

.vela-breadcrumbs__title {
  color: var(--breadcrumb-heading-color);
  line-height: 1; }