.section-brands{--color: var(--text-color);--background: var(--background-color);padding:8rem 0;color:var(--color, inherit);background-color:var(--background, transparent);overflow:hidden}@media(max-width:767px){.section-brands{padding:3rem 0}}@media(max-width:1023px){.section-brands__container{padding:0}}.section-brands .section__head{text-align:center;margin-bottom:2.5rem}.section-brands .section__title{margin:0}.section-brands .section__list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem 0}.section-brands__track{width:100%}.section-brands--marquee .section__inner{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.section-brands--marquee{padding:clamp(30px,4vw,50px) 0;background:#f0f0f0}.section-brands--marquee .section-brands__track{width:max-content;display:flex;animation:brands-marquee var(--brands-marquee-duration, 40s) linear infinite;will-change:transform}.section-brands--marquee .section__inner:hover .section-brands__track,.section-brands--marquee .section__inner:focus-within .section-brands__track{animation-play-state:paused}.section-brands--marquee .section__list{width:max-content;flex-wrap:nowrap;justify-content:flex-start;gap:0}.section-brands--marquee .section__list li{width:18rem;min-height:8rem;flex:0 0 18rem;padding:0 3rem}@media(max-width:1023px){.section-brands .section__list{position:relative;flex-wrap:nowrap;overflow-x:scroll;justify-content:flex-start;padding-bottom:1.6rem;padding-left:1.6rem}.section-brands .section__inner{position:relative}.section-brands .section__inner:after{content:"";position:absolute;top:0;bottom:0;right:0;width:6rem;height:calc(100% - 2rem);background:linear-gradient(90deg,rgba(255,255,255,0),1%,var(--background));pointer-events:none}}@media(max-width:1023px){.section-brands--marquee .section__list{width:max-content;overflow:visible;padding:0}.section-brands--marquee .section__inner:after{display:none}.section-brands--marquee .section__list li+li{margin-left:0}}.section-brands .section__list li{display:flex;align-items:center;justify-content:center;min-height:7.2rem;padding:0 2rem;width:20%}@media(max-width:1023px){.section-brands .section__list li{width:100%;padding:0}.section-brands .section__list li:last-child{position:relative;z-index:1}.section-brands .section__list li+li{margin-left:4rem}}.section-brands .section__list a:hover img,.section-brands .section__list a:hover svg{opacity:1}.section-brands .section__list svg,.section-brands .section__list img{max-height:7.2rem;object-fit:contain;opacity:.75;transform:none;transition:opacity .2s ease}.section-brands .section__list a:focus-visible img,.section-brands .section__list a:focus-visible svg{opacity:1}.section-brands .section__list svg,.section-brands .section__list img{min-width:10rem}@keyframes brands-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.section-brands--marquee .section__inner{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.section-brands--marquee .section-brands__track{animation:none}.section-brands--marquee .section__list[aria-hidden=true]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-brands.css.map */