.block-system-breadcrumb-block {
  margin: 0;
  padding: 0;
}

.breadcrumb {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  font-family: "Roboto";
  font-weight: 400;
  gap: 8px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.breadcrumb__link {
  color: #8c8c8c;
}
.breadcrumb__link:hover {
  color: #205B7E;
}

.breadcrumb__last,.breadcrumb__sep {
  color: #8c8c8c;
}

.breadcrumb__sep {
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb__sep::before {
  content: "\e910";
  font-family: "icon-base";
  font-size: 8px;
  line-height: 8px;
}
.block-system-breadcrumb-block .block__content {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.block-system-breadcrumb-block .block__content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.block-system-breadcrumb-block .block__content::-webkit-scrollbar-track {
  background: transparent;
}
.block-system-breadcrumb-block .block__content::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0;
}
.block-system-breadcrumb-block .block__content::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.breadcrumb {
  flex-wrap: nowrap;
}
.breadcrumb .breadcrumb__item, .breadcrumb .breadcrumb__last {
  text-wrap: nowrap;
}

.breadcrumb__sep::before {
  content: none;
}

.breadcrumb__sep--mobile-separator {
  display: none !important;
}

@media (max-width: 767px) {
  .breadcrumb > *:not(:nth-child(1)):not(:nth-child(2)) {
    display: none;
  }
  .breadcrumb > :nth-child(1),.breadcrumb > :not(:nth-child(1)):not(:nth-child(2)) {
    display: inherit;
  }
  .breadcrumb__sep--mobile-separator {
    display: none;
  }
}