@layer components{[name=Breadcrumb]{inline-size:100%}[name=Breadcrumb].component-spacing[data-theme]{padding-block-start:calc(var(--component-spacing) * .5)!important}[name=Breadcrumb][data-context=singleProduct]{padding-block-end:calc(var(--component-spacing) * .5)}[name=Breadcrumb] .small{font-size:1rem}[name=Breadcrumb] ol{--space-md: 2rem;align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding-inline-start:0;margin-block:var(--space-md) 0;list-style:none}[name=Breadcrumb] ol li[property=itemListElement]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}[name=Breadcrumb] ol li[property=itemListElement] a{color:var(--color-text);text-decoration:none}[name=Breadcrumb] .separator{block-size:1rem;display:inline-flex;flex-shrink:0;inline-size:1rem}[name=Breadcrumb] .separator svg{block-size:auto;color:var(--color-text)}}