.l-block--id-system-breadcrumb-block {
  max-width: 73.125rem;
  margin-right: auto;
  margin-left: auto;
  padding-left: var(--size-4);
  padding-right: var(--size-4);
}
@media all and (max-width: 768px) {
  .l-block--id-system-breadcrumb-block {
    display: none;
  }
}
@media all and (min-width: 73.125rem) {
  .l-block--id-system-breadcrumb-block {
    padding-right: 0;
    padding-left: 0;
  }
}
.l-block--id-system-breadcrumb-block .container {
  padding-right: 0;
  padding-left: 0;
}

.breadcrumb {
  padding: var(--size-4) 0;
}

.breadcrumb__list {
  display: block;
  list-style-type: none;
  margin: -var(--size-1);
  padding: var(--size-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumb__item {
  display: inline;
  left: -999em;
  margin-bottom: 0;
  position: absolute;
  right: auto;
}
.breadcrumb__item:nth-last-child(2) {
  position: static;
}
.breadcrumb__item:nth-last-child(2) .breadcrumb__link::before {
  background-color: var(--color-black);
  background-size: cover;
  height: 16px;
  -webkit-mask-image: url("../img/breadcrumb-back.svg");
  mask-image: url("../img/breadcrumb-back.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 16px;
  bottom: -0.2em;
  content: "";
  display: inline-block;
  margin: 0 var(--size-2);
  position: relative;
}
@media (min-width: 576px) {
  .breadcrumb__item {
    position: static;
  }
  .breadcrumb__item:nth-last-child(2) .breadcrumb__link::before {
    display: none;
  }
  .breadcrumb__item:not(:last-child)::after {
    background-color: var(--color-black);
    background-size: cover;
    height: 16px;
    -webkit-mask-image: url("../img/breadcrumb-next.svg");
    mask-image: url("../img/breadcrumb-next.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 16px;
    bottom: -0.2em;
    content: "";
    display: inline-block;
    margin: 0 var(--size-2);
    position: relative;
  }
}

.breadcrumb__link:focus {
  outline-offset: 0;
  text-decoration: none;
}