.base-breadcrumbs {
  color: var(--text-tertiary);
  font: var(--text-b2-r);
}

.base-breadcrumbs .space-breadcrumbs {
  display: block;
  margin: 0;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.base-breadcrumbs .space-breadcrumbs > span {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.base-breadcrumbs a,
.base-breadcrumbs span,
.base-breadcrumbs strong,
.base-breadcrumbs .breadcrumb_last {
  color: inherit;
  font: inherit;
  font-weight: inherit;
}

.base-breadcrumbs a {
  padding: 0;
  text-decoration: none;
  transition: color 0.2s ease;
}

.base-breadcrumbs a:hover,
.base-breadcrumbs a:focus {
  color: var(--text-brand);
  text-decoration: none;
}

.base-breadcrumbs .breadcrumb_last {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .base-breadcrumbs {
    font: var(--text-c1-r);
  }
}