@layer scss{.breadcrumbs{--link-color:var(--color-gray-70);--link-hover-color:var(--color-gray-40);--active-color:var(--color-black);display:flex;gap:var(--spacing-4);margin-block:var(--typography-spacing);margin-inline:calc(var(--grid-col-gutter)*-1);overflow-x:auto;padding-inline:var(--grid-col-gutter);white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}@media screen and (min-width:1280px){.breadcrumbs{margin-inline:auto;padding-inline:initial}}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs--dark{--link-color:var(--color-gray-30);--link-hover-color:var(--color-gray-70);--active-color:var(--color-white)}.breadcrumbs__breadcrumb{display:flex;flex:0 0 fit-content;gap:var(--spacing-4)}.breadcrumbs__breadcrumb:last-child .breadcrumbs__breadcrumb-title{color:var(--active-color);font-weight:var(--font-weight-bold)}.breadcrumbs__breadcrumb:last-child .breadcrumbs__breadcrumb-title:hover{text-decoration:none}.breadcrumbs__breadcrumb:first-child .breadcrumbs__breadcrumb-separator{display:none}.breadcrumbs__breadcrumb-title{color:var(--link-color);text-decoration:none}.breadcrumbs__breadcrumb-title:hover{text-decoration-color:var(--link-hover-color)}.breadcrumbs__breadcrumb-separator{align-items:center;display:flex}.breadcrumbs__breadcrumb-separator svg{rotate:180deg}.breadcrumbs__breadcrumb-separator svg path{fill:var(--link-color)}
}