.popular-brands-component{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;margin:calc(var(--space-4)*-1)}.popular-brands-component::-webkit-scrollbar{display:none}.popular-brands-component.has-overflow{-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(80%,#000),to(transparent));-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:-webkit-gradient(linear,left top,right top,color-stop(80%,#000),to(transparent));mask-image:linear-gradient(90deg,#000 80%,transparent)}.popular-brands-component.has-overflow.scrolled{-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(15%,#000),color-stop(80%,#000),to(transparent));-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent);-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(15%,#000),to(transparent));-webkit-mask-image:linear-gradient(90deg,transparent,#000 15% 80%,transparent);mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(15%,#000),color-stop(80%,#000),to(transparent));mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent);mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(15%,#000),to(transparent));mask-image:linear-gradient(90deg,transparent,#000 15% 80%,transparent)}.popular-brands-component.has-overflow.scrolled-end{-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(15%,#000));-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%);mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(15%,#000));mask-image:linear-gradient(90deg,transparent,#000 15%)}.popular-brands-component .brand-list-component{flex-wrap:nowrap;justify-content:flex-start;min-width:100%;padding:var(--space-4);width:-moz-max-content;width:-webkit-max-content;width:max-content}.popular-brands-component .brand-list-component>li:first-child{margin-left:auto}.popular-brands-component .brand-list-component>li:last-child{margin-right:auto}
/*# sourceMappingURL=popularbrandscomponent.a8d5c4985b31fc9c61b6.css.map*/