/* Хлебные крошки портала (Lists/PortalBreadcrumbs) на MudBreadcrumbs — весь их вид здесь: раскладка без отступов
   Material и цвета токенами портала (в герое тёмной темы токены переопределяет сам герой). Длинное название не
   обрезается многоточием: строка крошек переносится, а слишком длинное название само переходит на следующую строку. */
.portal-crumbs.mud-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
  min-width: 0;
  padding: 8px 0;
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.45;
}

.portal-crumbs .mud-breadcrumb-separator {
  padding: 0;
}

.portal-crumbs .portal-crumbs-sep {
  color: var(--text-muted);
  opacity: 0.4;
}

.portal-crumbs .mud-breadcrumb-item a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.15s;
}

.portal-crumbs .mud-breadcrumb-item a:hover {
  color: var(--accent);
}

.portal-crumbs .portal-crumbs-current {
  color: var(--text-secondary);
}

/* Крошка не шире строки: название длиннее неё переносится по словам, а не вылезает за край экрана. */
.portal-crumbs .mud-breadcrumb-item {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}