@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.breadcrumb{--wel-breadcrumb-ink:var(--wel-color-ink-muted);--wel-breadcrumb-ink-current:var(--wel-color-ink);--wel-breadcrumb-gap:var(--wel-space-2);--wel-breadcrumb-separator:"/";--wel-breadcrumb-item-max:12rem}.breadcrumb>:where(ol){align-items:center;gap:var(--wel-breadcrumb-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb :where(li){align-items:center;gap:var(--wel-breadcrumb-gap);display:inline-flex}.breadcrumb :where(li+li):before{content:var(--wel-breadcrumb-separator);color:var(--wel-color-ink-faint)}@supports (content:"a" / "b"){.breadcrumb :where(li+li):before{content:var(--wel-breadcrumb-separator) / ""}}.breadcrumb :where(a){padding-block:var(--wel-space-1);min-block-size:1.5rem;color:var(--wel-breadcrumb-ink);text-decoration:none;display:inline-block}.breadcrumb :where(a[aria-current=page]){color:var(--wel-breadcrumb-ink-current)}@container layout (inline-size<30rem){.breadcrumb :where(a){max-inline-size:var(--wel-breadcrumb-item-max);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@container layout (inline-size<20rem){.breadcrumb{--wel-breadcrumb-item-max:8rem}}@media (forced-colors:active){.breadcrumb :where(a){text-decoration:underline}.breadcrumb :where(a[aria-current=page]){text-decoration:none}}}@layer variants;@layer states{@media (hover:hover){.breadcrumb :where(a):hover{color:var(--wel-breadcrumb-ink-current);text-decoration:underline}}}@layer utilities,overrides;