.breadcrumb-item a {
  font-size: var(--typography-font-size-footnote-lg, 14px);
  line-height: var(--typography-line-height-footnote-lg, 22px);
  color: var(--color-foreground-strongest, #303031);
  text-decoration: none;
}
.breadcrumb-item +.breadcrumb-item::before {
  color: var(--color-foreground-disabled, #ABABAD);
}
.breadcrumb-item.active {
  color: var(--color-foreground-disabled, #ABABAD);
  font-size: var(--typography-font-size-footnote-lg, 14px);
  line-height: var(--typography-line-height-footnote-lg, 22px);
}
.breadcrumb-component .breadcrumb {
  padding: var(--space-md, 16px) 0;
  flex-wrap: unset;
}
.text-color-white .breadcrumb-item a {
  color: var(--color-foreground-on-active, #ffffff);
}
.breadcrumb-component .breadcrumb li {
  flex: 1;
  max-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.container .breadcrumb-component .container,
.container .breadcrumb-component .custom-container {
  max-width: 100%;
  padding: 0;
  width: 100%;
}