.breadcrumb__list{display:flex;align-items:center;gap:var(--space-1);color:rgb(var(--color-atomic-black))}.breadcrumb__list,.breadcrumb__list a,.breadcrumb__list span{font-size:var(--font-size-B5);font-weight:400;line-height:1}.breadcrumb__list>li,.breadcrumb__list>li>div{display:inline-flex;align-items:center;gap:var(--space-1)}.breadcrumb__separator{opacity:.6;display:inline-flex;flex-shrink:0}.breadcrumb-dot{width:4px;height:4px;border-radius:50%;background-color:rgba(var(--color-foreground) / .4);display:inline-block}.breadcrumb-line-horizontal{width:16px;height:1px;background-color:rgba(var(--color-foreground) / .4);display:inline-block}.breadcrumb-diamond{width:4px;height:4px;background-color:rgba(var(--color-foreground) / .4);display:inline-block;transform:rotate(45deg)}.breadcrumb-square{width:4px;height:4px;background-color:rgba(var(--color-foreground) / .4);display:inline-block}@media screen and (max-width:1024px){[class*=template-product] .breadcrumbs-section{display:none}}@media screen and (min-width:990px)and (max-width:1024px){.product-mobile-breadcrumb{margin-top:var(--space-2)}}@media screen and (min-width:990px){body[class*=template-product] .breadcrumbs-section{position:absolute;top:calc(var(--header-height) + var(--usp-height, 0px));left:var(--space-6);right:0;z-index:4;transition:opacity .3s ease;max-width:60vw}body[class*=template-product] .breadcrumbs-section .section-breadcrumb{background:transparent!important}body[class*=template-product] .breadcrumbs-section .section-breadcrumb>div{max-width:none;margin:0;padding-inline:0}body[class*=template-product] .breadcrumbs-section .scroll-trigger{opacity:1!important;transform:none!important;visibility:visible!important}body[class*=template-product] .breadcrumbs-section .divider-top,body[class*=template-product] .breadcrumbs-section .divider-bottom{display:none}}body[class*=template-collection] .breadcrumbs-section .section-breadcrumb>div{max-width:none;margin-inline:0;padding-left:var(--space-3)}@media screen and (min-width:990px){body[class*=template-collection] .breadcrumbs-section .section-breadcrumb>div{padding-left:var(--fluid-offset)}}@media screen and (max-width:1024px){.template-product-apparel .product-mobile-breadcrumb{position:absolute;top:calc(var(--header-height, 60px) + var(--usp-height, 0px) + var(--bc-pad-top, var(--space-5)) - 10px);left:50%;transform:translate(-50%);z-index:4;white-space:nowrap}body:not(.template-product-apparel) .product-mobile-breadcrumb,.template-product-apparel .product--triptych-fallback .product-mobile-breadcrumb{position:static;transform:none;z-index:auto;display:flex;justify-content:center;white-space:nowrap;padding-block:calc(max(0px,calc(var(--bc-pad-top, var(--space-6)) - 10px)) + var(--usp-height, 0px)) var(--bc-pad-bottom, var(--space-3))}}.breadcrumb__list{min-height:1.5em}@media screen and (max-width:1024px){.breadcrumb__list{--bc-fade: var(--space-4);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.breadcrumb__list::-webkit-scrollbar{display:none}*:has(>.breadcrumb__list){min-width:0;max-width:100%}.breadcrumb__list{max-width:100%;text-overflow:clip;margin-inline:var(--space-3);max-width:calc(100% - var(--space-3) * 2)}.breadcrumb__list>li{flex:0 0 auto;overflow:visible;text-overflow:clip}.breadcrumb__list>li a,.breadcrumb__list>li span,.breadcrumb__list>li>div{overflow:visible;text-overflow:clip}.breadcrumb__list[data-scroll=end]{-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--bc-fade)),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - var(--bc-fade)),transparent 100%)}.breadcrumb__list[data-scroll=start]{-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--bc-fade));mask-image:linear-gradient(to right,transparent 0,black var(--bc-fade))}.breadcrumb__list[data-scroll=both]{-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--bc-fade),black calc(100% - var(--bc-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--bc-fade),black calc(100% - var(--bc-fade)),transparent 100%)}.breadcrumb__list a{padding-block:10px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/breadcrumb.css.map */
