.breadcrumb{max-width:90%;position:relative;overflow:hidden}.breadcrumb:before,.breadcrumb:after{content:"";pointer-events:none;background-color:var(--breadcrumb-fade-bg);opacity:0;z-index:1;width:48px;height:100%;transition:opacity .2s;position:absolute;top:0}.breadcrumb:before{left:0;-webkit-mask-image:linear-gradient(270deg,#0000,#000 90%);mask-image:linear-gradient(270deg,#0000,#000 90%)}.breadcrumb:after{right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 90%);mask-image:linear-gradient(90deg,#0000,#000 90%)}.breadcrumb--fade-start:before,.breadcrumb--fade-end:after{opacity:1}.breadcrumb__list{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;display:flex;overflow-x:auto}.breadcrumb__list::-webkit-scrollbar{display:none}.breadcrumb__item{scroll-snap-align:start;color:inherit;flex-shrink:0;align-items:center;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;display:flex}@media not all and (min-width:768px){.breadcrumb__item{font-size:var(--text-body-sm,var(--font-size-body-sm))}}.breadcrumb__item--active{font-weight:var(--font-weight-semibold)}.breadcrumb__link{white-space:nowrap;border-radius:var(--radius-sm,var(--border-radius-sm));text-decoration:underline;display:block}.breadcrumb__link:hover{text-decoration:none}.breadcrumb__separator{align-items:center;display:flex}