.breadcrumbs {
  --breadcrumbs-color: var(--c-text-muted);
  --breadcrumbs-separator-color: currentColor;
  --breadcrumbs-gap-x: 17px;
  --breadcrumbs-gap-y: 6px;
  --breadcrumbs-font-size: 11px;
  --breadcrumbs-line-height: 1.2;
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--breadcrumbs-gap-y) var(--breadcrumbs-gap-x);
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs__item {
  position: relative;
  font-weight: 500;
  font-size: clamp(9px, 0.8527131783vw, 11px);
  line-height: var(--breadcrumbs-line-height);
  color: var(--breadcrumbs-color);
}

.breadcrumbs__item a,
.breadcrumbs__item span {
  color: inherit;
}

.breadcrumbs__item:not(:last-child)::after {
  content: "/";
  position: absolute;
  top: 0;
  right: calc(var(--breadcrumbs-gap-x) * -1 + 6px);
  color: var(--breadcrumbs-separator-color);
  opacity: 0.6;
}
@supports (appearance:none){

}