@layer components{.breadcrumb{--breadcrumb-icon-color:var(--c-breadcrumb-icon-color,var(--s-color-text-active));--breadcrumb-item-display:none;--breadcrumb-icon-scale:-1;--breadcrumb-link-font-size:var(--c-breadcrumb-link-font-size,var(--s-type-label-small-font-size));--breadcrumb-link-font-weight:var(--c-breadcrumb-link-font-weight,var(--s-type-label-font-weight));--breadcrumb-link-color:var(--c-breadcrumb-link-color,var(--s-color-text-subtle));--breadcrumb-link-text-decoration-active:var(--c-breadcrumb-link-text-decoration-active,none);--breadcrumb-link-text-decoration-hover:var(--c-breadcrumb-link-text-decoration-hover,underline);--link--fs:var(--breadcrumb-link-font-size);--set-link--color:var(--breadcrumb-link-color);--link-secondary--text-deco-active:var(--breadcrumb-link-text-decoration-active);--link-secondary--text-deco-hover:var(--breadcrumb-link-text-decoration-hover);display:var(--c-breadcrumb-display,block);& ol{gap:var(--s-spacing-1);flex-wrap:wrap;display:flex}& .item{display:var(--breadcrumb-item-display);align-items:center;gap:var(--s-spacing-1);&:nth-last-child(2){display:inline-flex}& span{cursor:default}&:has([aria-current=page])~.item{--set-link--color:var(--s-color-text-inactive)}&:has(.link:not([href])){pointer-events:none}}& .icon{color:var(--breadcrumb-icon-color);scale:var(--breadcrumb-icon-scale);justify-content:center;display:inline-flex}& .link{font-size:var(--breadcrumb-link-font-size);font-weight:var(--breadcrumb-link-font-weight);color:var(--breadcrumb-link-color);text-decoration:none;&[href]:hover{text-decoration:underline}&.is-active,&[aria-current=page]{color:var(--c-breadcrumb-link-color-active,var(--s-color-text-active))}&.is-collapsed{cursor:pointer}}&.breadcrumb--back{--breadcrumb-icon-color:var(--c-breadcrumb-icon-color-back,var(--s-color-text-active));--breadcrumb-item-display:flex;--breadcrumb-icon-scale:1;padding-block:var(--s-spacing-3)}@media (min-width:40em){--breadcrumb-item-display:flex;--breadcrumb-icon-color:var(--c-breadcrumb-icon-color,var(--s-color-text-inactive));--breadcrumb-icon-scale:1;& .item [aria-current]{pointer-events:none}& .icon{-webkit-margin-start:var(--s-spacing-1);margin-inline-start:var(--s-spacing-1);-webkit-margin-end:0;margin-inline-end:0}}}}