.brand-marquee{--logo-height: var(--brand-logo-height-mobile, 40px);position:relative;display:block;max-width:100%}@media screen and (min-width:750px){.brand-marquee{--logo-height: var(--brand-logo-height, 56px)}}.brand-marquee__viewport{overflow:hidden;max-width:100%;padding-left:1.5rem}@media screen and (min-width:750px){.brand-marquee__viewport{padding-left:5rem}}@media screen and (min-width:990px){.brand-marquee__viewport{padding-left:0}}.brand-marquee__track{display:flex;width:max-content}.brand-marquee__list{display:flex;flex-shrink:0;align-items:center;column-gap:var(--spacing-grid);padding:.4rem var(--spacing-grid) .4rem 0;margin:0}.brand-marquee__item{flex:0 0 auto;display:flex;align-items:center;min-height:var(--logo-height)}.brand-marquee__link{display:flex;align-items:center;height:100%}.brand-marquee__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.brand-marquee__logo{--logo-scale: 1;--logo-box-height: calc(var(--logo-height) * var(--logo-scale) * var(--logo-adjust, 1));position:relative;display:block;flex-shrink:0;height:var(--logo-box-height);width:calc(var(--logo-box-height) * var(--logo-ratio, 1.5));overflow:hidden}.brand-marquee__logo img,.brand-marquee__logo svg{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}.brand-marquee__logo--trimmed img{top:calc(var(--crop-y) / var(--crop-h) * -100%);left:calc(var(--crop-x) / var(--crop-w) * -100%);width:calc(100% / var(--crop-w));height:calc(100% / var(--crop-h));object-fit:fill}.brand-marquee--animated .brand-marquee__track{animation:brand-marquee-scroll var(--brand-marquee-duration, 30s) linear infinite}@media(hover:hover)and (pointer:fine){.brand-marquee--animated .brand-marquee__viewport:hover .brand-marquee__track{animation-play-state:paused}}.brand-marquee--focused .brand-marquee__track,.brand-marquee--paused .brand-marquee__track{animation:none}.brand-marquee--paused .brand-marquee__viewport{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}.brand-marquee--paused .brand-marquee__viewport::-webkit-scrollbar{display:none}.brand-marquee--dragging .brand-marquee__viewport{cursor:grabbing;-webkit-user-select:none;user-select:none}.brand-marquee--dragging .brand-marquee__link{pointer-events:none}.brand-marquee__toggle{display:none;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;margin:1.6rem 0 0 auto;padding:0;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}@media screen and (max-width:749px){.brand-marquee__toggle{margin-right:1.5rem}}@media screen and (min-width:750px)and (max-width:989px){.brand-marquee__toggle{margin-right:5rem}}.brand-marquee__toggle:hover{border-color:rgb(var(--color-foreground))}.brand-marquee__toggle .svg-wrapper{width:1rem;height:1.2rem}.brand-marquee--animated .brand-marquee__toggle{display:flex}.brand-marquee__icon-play,.brand-marquee--paused .brand-marquee__icon-pause{display:none}.brand-marquee--paused .brand-marquee__icon-play{display:flex}@keyframes brand-marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--brand-marquee-distance, 50%)))}}@media(prefers-reduced-motion:reduce){.brand-marquee__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab}.brand-marquee--dragging .brand-marquee__viewport{scroll-snap-type:none}.brand-marquee__item{scroll-snap-align:start}.brand-marquee__track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/p80-brand-marquee.css.map */