.breadcrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumbs .breadcrumbs-separator {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 8px;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iY3VycmVudENvbG9yIj4KCTxwYXRoIGQ9Im0xMS4wMSA2LjM1MyA0Ljk1IDQuOTVhLjUuNSAwIDAgMSAwIC43MDdsLTQuOTUgNC45NWEuNS41IDAgMCAxLS43MDcgMGwtLjcwNy0uNzA3YS41LjUgMCAwIDEgMC0uNzA3bDMuODktMy44OS0zLjg5LTMuODg4YS41LjUgMCAwIDEgMC0uNzA3bC43MDctLjcwOGEuNS41IDAgMCAxIC43MDcgMFoiIC8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-color: #6f737b;
}
.breadcrumbs .current-item {
  color: #6f737b;
}