.logo-carousel{width:100%;background:var(--Background-grey, #F7F7F7)}.logo-carousel__inner{width:100%;margin:0 auto;display:flex;flex-flow:column nowrap;padding:48px 0 96px}.logo-carousel__inner--animated{max-width:none;width:100%;overflow:hidden}.logo-carousel__inner--animated .logo-carousel__items:hover{animation-play-state:paused}.logo-carousel__inner--animated .logo-carousel__items{flex-flow:row nowrap;animation:marqueeLogos 35s linear infinite;position:relative}.logo-carousel__inner h2{color:var(--Black, #161616);text-align:center;font-size:32px;font-style:normal;font-weight:400;line-height:40px;margin:0 0 32px;width:100%}.logo-carousel__items{display:flex;flex-flow:row wrap;gap:16px}.logo-carousel__item{width:100%;max-width:212px}.logo-carousel__item a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 500px){.logo-carousel__items{gap:0}.logo-carousel__item{width:50%;max-width:50%}.logo-carousel__item img{width:100%}.logo-carousel__inner--animated .logo-carousel__item img{width:auto}.logo-carousel__inner--animated .logo-carousel__items{animation:marquee 15s linear infinite}}:root{--color-text: navy;--color-bg: papayawhip;--color-bg-accent: #ecdcc0;--size: clamp(10rem, 1rem + 40vmin, 30rem);--gap: calc(var(--size) / 14);--duration: 30s;--scroll-start: 0;--scroll-end: calc(-100% - var(--gap))}@media (prefers-color-scheme: dark){:root{--color-text: papayawhip;--color-bg: navy;--color-bg-accent: #2626a0}}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:var(--gap)}.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:35px;min-width:100%;animation:scroll-x var(--duration) linear infinite}@media (prefers-reduced-motion: reduce){.marquee__group{animation-play-state:paused}}@keyframes scroll-x{0%{transform:translate(var(--scroll-start))}to{transform:translate(var(--scroll-end))}}.marquee svg{display:grid;place-items:center;width:var(--size);fill:var(--color-text);background:var(--color-bg-accent);aspect-ratio:16/9;padding:calc(var(--size) / 10);border-radius:.5rem}.wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}@keyframes fade{to{opacity:0;visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-brand-logos.css.map */