.brand-section{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.brand-section__heading{margin-bottom:2rem;text-align:center;font-size:calc(var(--font-heading-scale) * 2.2rem);font-weight:600;line-height:1.2;color:var(--color-night)}.brand-section__grid{display:grid;gap:3rem;align-items:center;justify-items:center}.brand-section__item img{max-width:100%;height:auto;display:block}@media screen and (max-width: 749px){.brand-section__grid{grid-template-columns:repeat(var(--columns-mobile),1fr)}}@media screen and (min-width: 750px){.brand-section__wrapper{display:flex;gap:4.5rem}.brand-section__wrapper .brand-section__heading{text-wrap-mode:nowrap;letter-spacing:.6px}.brand-section__wrapper .brand-section__grid{display:flex}}.brand-section__scroll{width:100%;height:auto;overflow:hidden;display:flex;align-items:center;background:transparent;padding:1rem 0;position:relative}.brand-section__scroll:before{content:" ";width:8rem;height:5rem;background:linear-gradient(90deg,#fff 26.25%,#fff0);position:absolute;left:0;top:0;display:block;z-index:1}.brand-section__scroll:after{content:" ";width:8rem;height:5rem;background:linear-gradient(270deg,#fff 26.25%,#fff0);position:absolute;right:0;top:0;display:block;z-index:1}.brand-section__scroll-track{display:flex;align-items:center;gap:3.2rem;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:30s;min-width:max-content}.brand-section__scroll-track .brand-logo{width:auto;height:4.6rem;object-fit:contain;flex-shrink:0}.brand-section__scroll-track.primary{animation-name:scroll;transform:translate(0)}.brand-section__scroll-track.secondary{animation-name:scroll2;transform:translate(0)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.6rem))}}@keyframes scroll2{0%{transform:translate(calc(-50% - 1.6rem))}to{transform:translate(0)}}.brand-section__scroll-track{transition:animation-play-state .3s ease}.brand-section__scroll:hover .brand-section__scroll-track{animation-play-state:paused}.brand-section__scroll::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}@media screen and (min-width: 990px){.brand-section__scroll{display:none}}@media screen and (max-width: 989px){.brand-section__scroll-track{animation-duration:40s}.brand-section__scroll-track .brand-logo{height:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/193/assets/section-brand.css.map */