.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 18px;
  color: #bdbdbd;
  margin-bottom: 18px;
  overflow: hidden;
  min-width: 0;
}

.breadcrumb__item {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumb__item:last-child {
  flex: 1 1 0;
}

.breadcrumb__item a {
  color: #bdbdbd;
}

.breadcrumb__item a:hover {
  color: #3E7DFF;
}

.breadcrumb__item--current {
  color: #ffffff;
}

.breadcrumb__separator {
  flex-shrink: 0;
  margin: 0 4px;
  color: #757575;
}

@media (max-width: 824px) {
  .breadcrumb {
    color: #c5c5c5;

    /* Regular */
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
}