@scope(.breadcrumb){:scope{min-width:0;font-family:var(--font-sans);font-weight:var(--font-weight-5);font-size:var(--font-size-0);color:var(--color-text-2);flex-direction:row;flex:auto;align-items:center;gap:.5rem;line-height:1rem;display:flex;overflow:hidden}:scope ol{flex:auto;gap:.5rem;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}:scope li{align-items:center;gap:.25rem;min-width:0;display:inline-flex}:scope:not([data-has-custom-separator=true]) li+li:before{content:"/";color:var(--color-border-1);font:var(--font-sans);font-size:var(--font-size-0);margin-right:.25rem;display:inline-block}:scope a{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--color-text-2);font-size:var(--font-size-0);text-decoration:none;display:block;overflow:hidden}:scope a:hover{color:var(--color-text-1);text-decoration:underline}:scope [aria-current=page]{color:var(--color-text-1)}:scope [aria-current=page]>span:not(.breadcrumb-separator){text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}:scope .breadcrumb-separator{color:var(--color-border-1);justify-content:center;align-items:center;display:inline-flex}:scope[data-separator=chevron]{line-height:var(--line-height-5)}:scope[data-separator=chevron] ol,:scope[data-separator=chevron] li{gap:.375rem}:scope[data-separator=chevron] .breadcrumb-separator{color:var(--color-border-3)}:scope[data-separator=chevron] .breadcrumb-separator,:scope[data-separator=chevron] .breadcrumb-separator svg{flex:none}}
