
.breadcrumb {
  color: #000;
  display: flex;
  flex-flow: row;
  list-style: none;
  margin: 0;
  padding: 0;
  -ms-overflow-style: none;
  flex-wrap: wrap;
}

.breadcrumbBlurLeft::before {
  content: " ";
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  background: linear-gradient(to right, rgb(236, 237, 238) 0%, rgba(236, 237, 238, 0.7) 100%);
  transition: opacity 0.25S ease-in-out;
  z-index: 99;
}

.breadcrumbBlurRight::after {
  content: " ";
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  background: linear-gradient(to left, rgb(236, 237, 238) 0%, rgba(236, 237, 238, 0.7) 100%);
  transition: opacity 0.25S ease-in-out;
  z-index: 99;
}

.breadcrumb::-webkit-scrollbar {
  display: none;
}

.breadcrumb > li {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.breadcrumb > li > * {
  margin: auto;
}

.breadcrumb > li a:focus {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
}

.breadcrumb > li .breadcrumbItem {
  padding: 0.6875rem 0;
}

.breadcrumb > li .breadcrumbItem:focus {
  outline: none;
}

.breadcrumb > li .breadcrumbItem:focus span {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
}

.breadcrumb > li:not(:last-of-type)::after {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2353565A" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.709 7.294L5.705 1.29a1.002 1.002 0 00-1.413 0 1.001 1.001 0 000 1.413L9.59 8l-5.298 5.296a1.001 1.001 0 000 1.413 1.002 1.002 0 001.413 0l6.004-6.003a1.001 1.001 0 000-1.412z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  margin: auto 0.625rem;
}

.breadcrumb > li:last-of-type {
  cursor: default;
  padding: 0.6875rem 0;
}

.breadcrumb > li:last-of-type a[href] {
  cursor: pointer;
}

.nonInteractive {
  color: #53565a;
}

.nonInteractive > li {
  display: block;
}

.nonInteractive > li:last-of-type {
  padding: 0;
}

.nonInteractive > li:not(:last-of-type)::after {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2353565A" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.709 7.294L5.705 1.29a1.002 1.002 0 00-1.413 0 1.001 1.001 0 000 1.413L9.59 8l-5.298 5.296a1.001 1.001 0 000 1.413 1.002 1.002 0 001.413 0l6.004-6.003a1.001 1.001 0 000-1.412z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  margin: auto 0.25rem;
}

_:-ms-fullscreen .breadcrumb > li,
:root .breadcrumb > li {
  display: inline-block;
}