.breadcrumbs {
  padding-block: var(--margin-heading);
}
@media (min-width: 1200px) {
  .breadcrumbs {
    padding-inline: 40px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .breadcrumbs {
    padding-inline: 20px;
  }
}
@media (max-width: 739.98px) {
  .breadcrumbs {
    padding-inline: 12px;
  }
}
.breadcrumbs_list {
  --icon-size: 7px;
  --padding: 4px;
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(var(--icon-size) + var(--padding) * 2);
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.breadcrumbs_item {
  margin: calc(var(--padding) * -1);
}
.breadcrumbs_item:not(:last-child) {
  position: relative;
}
.breadcrumbs_item:not(:last-child)::after {
  position: absolute;
  inset-inline-start: 100%;
  top: 50%;
  width: var(--icon-size);
  height: 24px;
  content: "";
  background-color: var(--yellow-400);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 15'%3E%3Cpath fill='%23C09300' d='M.11 14.42 4.54.16h1.5L1.63 14.42H.12Z'/%3E%3C/svg%3E") center/contain no-repeat;
  transform: translateY(-50%);
}
.breadcrumbs_item:last-child {
  padding: var(--padding);
  color: var(--slate-500);
}
.breadcrumbs_link {
  display: block;
  padding: var(--padding);
  color: var(--yellow-400);
}
.breadcrumbs_link:hover, .breadcrumbs_link:focus-visible {
  color: var(--yellow-300);
}

.hero .breadcrumbs_item:last-child {
  color: var(--slate-300);
}