@layer components{:root{--breadcrumb-font-size:inherit;--breadcrumb-color:var(--color-brand);--breadcrumb-page-color:inherit;--breadcrumb-separator-color:inherit;--breadcrumb-ellipsis-size:2rem}:where(.breadcrumb-list){align-items:center;gap:calc(var(--gap-default) / 2);font-size:var(--breadcrumb-font-size);word-break:break-word;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}:where(.breadcrumb-item),:where(.breadcrumb-separator),:where(.breadcrumb-ellipsis){align-items:center;display:inline-flex}:where(.breadcrumb-item){gap:calc(var(--gap-default) / 2)}:where(.breadcrumb-link){color:var(--breadcrumb-color);transition:var(--transition-default);text-decoration:none}@media (hover:hover){:where(.breadcrumb-link):hover{text-decoration:underline}}:where(.breadcrumb-link):focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}:where(.breadcrumb-page){color:var(--breadcrumb-page-color)}:where(.breadcrumb-separator){color:var(--breadcrumb-separator-color)}:where(.breadcrumb-ellipsis){width:var(--breadcrumb-ellipsis-size);height:var(--breadcrumb-ellipsis-size);justify-content:center}}