.breadcrumbs{font-size:1.4rem;line-height:1.5}.breadcrumbs__wrapper{display:flex;align-items:center}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.5rem}.breadcrumbs__item{display:flex;align-items:center;position:relative}.breadcrumbs__item:not(:last-child):after{content:"/";margin-left:.5rem;font-size:1.2rem}.breadcrumbs[data-separator=slash] .breadcrumbs__item:not(:last-child):after{content:"/"}.breadcrumbs[data-separator=chevron] .breadcrumbs__item:not(:last-child):after{content:">"}.breadcrumbs[data-separator=bullet] .breadcrumbs__item:not(:last-child):after{content:"\2022"}.breadcrumbs[data-separator=pipe] .breadcrumbs__item:not(:last-child):after{content:"|"}.breadcrumbs__link{text-decoration:none;transition:color var(--duration-short) ease;display:flex;align-items:center;gap:.4rem}.breadcrumbs__link:hover,.breadcrumbs__link:focus{text-decoration:none}.breadcrumbs__home-icon{width:1.6rem;height:1.6rem;flex-shrink:0;vertical-align:middle;display:inline-block}@media screen and (max-width: 749px){.breadcrumbs{font-size:1.3rem}.breadcrumbs__list{gap:.4rem}.breadcrumbs__item:not(:last-child):after{margin-left:.4rem}.breadcrumbs__home-icon{width:1.4rem;height:1.4rem}.breadcrumbs__current,.breadcrumbs__link span{max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (min-width: 750px) and (max-width: 1024px){.breadcrumbs{font-size:1.4rem}}@media screen and (min-width: 1025px){.breadcrumbs{font-size:1.4rem}}@media (prefers-contrast: high){.breadcrumbs__link{color:rgb(var(--color-foreground))}.breadcrumbs__item:not(:last-child):after{color:rgb(var(--color-foreground))}}@media (prefers-reduced-motion: reduce){.breadcrumbs__link{transition:none}}.breadcrumbs__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;border-radius:.2rem}[dir=rtl] .breadcrumbs__item:not(:last-child):after{content:"\\";margin-left:0;margin-right:.5rem}[dir=rtl] .breadcrumbs[data-separator=chevron] .breadcrumbs__item:not(:last-child):after{content:"<"}@media screen and (max-width: 749px){[dir=rtl] .breadcrumbs__item:not(:last-child):after{margin-right:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-breadcrumbs.css.map */
