.breadcrumbs { color: var(--color-text); font-size: var(--fs-body); line-height: var(--line-height-control); }
.breadcrumbs > span { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-2); row-gap: var(--space-1); }
.breadcrumbs--case > span { display: grid; grid-template-columns: max-content var(--space-4) minmax(0, 1fr); align-items: start; }
.breadcrumbs a { color: var(--color-breadcrumb-muted); text-decoration: none; }
.breadcrumbs a:hover { color: var(--color-brand-action); text-decoration: underline; }
.breadcrumbs .breadcrumb_last { color: var(--color-text); overflow-wrap: anywhere; }
.breadcrumbs__separator { display: inline-block; color: var(--color-breadcrumb-muted); font-size: var(--fs-label); line-height: 1; }
.breadcrumbs__separator svg { display: block; inline-size: var(--space-4); block-size: var(--space-4); }