@layer components{@scope([aria-label=breadcrumb]){:scope{padding:var(--space-md);width:100%;overflow-x:auto}@media (min-width:1024px){:scope{padding-inline:var(--space-lg)}}.breadcrumb-list{white-space:nowrap;align-items:center;column-gap:.5rem;display:flex}.breadcrumb-item{align-items:center;column-gap:.5rem;display:flex}.breadcrumb-separator{width:.75rem;height:.75rem;color:var(--accent)}}}