.brand-slider{display:block;overflow:hidden;position:relative;width:100%}.brand-slider__wrapper{padding-top:var(--brand-slider-padding-top, 5rem);padding-bottom:var(--brand-slider-padding-bottom, 5rem);background-color:var(--brand-slider-bg-color, transparent)}@media screen and (max-width:749px){.brand-slider__wrapper{padding-top:var(--brand-slider-padding-top-mobile, 3rem);padding-bottom:var(--brand-slider-padding-bottom-mobile, 3rem)}}.brand-slider__container{display:flex;align-items:center;animation:brand-slider-scroll var(--brand-slider-speed, 40s) linear infinite;will-change:transform}.brand-slider__container:hover{animation-play-state:var(--brand-slider-hover-state, running)}.brand-slider.brand-slider--paused .brand-slider__container{animation-play-state:paused}.brand-slider__track{display:flex;align-items:center;gap:var(--brand-slider-gap, 4rem);width:fit-content}.brand-slider__slide{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--brand-slider-height, 8rem);width:var(--brand-slider-width, auto);min-width:var(--brand-slider-min-width, 10rem);max-width:var(--brand-slider-max-width, 20rem);padding:0 1rem}@media screen and (max-width:749px){.brand-slider__slide{height:var(--brand-slider-height-mobile, 6rem);min-width:var(--brand-slider-min-width-mobile, 8rem);max-width:var(--brand-slider-max-width-mobile, 15rem)}}.brand-slider__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.brand-slider--grayscale .brand-slider__image{filter:grayscale(100%);transition:filter .3s ease}.brand-slider--grayscale .brand-slider__slide:hover .brand-slider__image{filter:grayscale(0%)}.brand-slider--uniform-height .brand-slider__image{height:100%;width:auto}.brand-slider--uniform-width .brand-slider__image{width:100%;height:auto}.brand-slider--uniform-both .brand-slider__image{width:100%;height:100%;object-fit:contain}@keyframes brand-slider-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-slider__header{text-align:center;margin-bottom:3rem}@media screen and (max-width:749px){.brand-slider__header{margin-bottom:2rem}}.brand-slider__heading{margin:0;font-size:calc(var(--font-heading-scale) * 3rem);line-height:1.2}@media screen and (max-width:749px){.brand-slider__heading{font-size:calc(var(--font-heading-scale) * 2rem)}}.brand-slider__subheading{margin-top:1rem;font-size:1.6rem;color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.brand-slider__subheading{font-size:1.4rem}}.brand-slider__image{content-visibility:auto}.brand-slider__slide:before{content:"";display:block;padding-bottom:0}.brand-slider__controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.brand-slider__control-button{background:rgba(var(--color-foreground),.1);border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.brand-slider__control-button:hover{background:rgba(var(--color-foreground),.2)}.brand-slider__control-button svg{width:1.6rem;height:1.6rem;fill:rgb(var(--color-foreground))}.brand-slider__control-button--pause svg{display:none}.brand-slider--paused .brand-slider__control-button--pause .icon-pause{display:none}.brand-slider--paused .brand-slider__control-button--pause .icon-play,.brand-slider__control-button--pause .icon-pause{display:block}.brand-slider__control-button--pause .icon-play{display:none}@media(prefers-reduced-motion:reduce){.brand-slider__container{animation:none}}.no-js .brand-slider__container{animation:none;flex-wrap:wrap;justify-content:center}@media screen and (max-width:749px){.brand-slider__wrapper{--brand-slider-gap: 2rem}}.brand-slider__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;transition:opacity .3s ease}.brand-slider__link:hover{opacity:.8}.brand-slider--fade-edges:before,.brand-slider--fade-edges:after{content:"";position:absolute;top:0;bottom:0;width:10rem;pointer-events:none;z-index:1}.brand-slider--fade-edges:before{left:0;background:linear-gradient(to right,var(--brand-slider-bg-color, rgb(var(--color-background))),transparent)}.brand-slider--fade-edges:after{right:0;background:linear-gradient(to left,var(--brand-slider-bg-color, rgb(var(--color-background))),transparent)}@media screen and (max-width:749px){.brand-slider--fade-edges:before,.brand-slider--fade-edges:after{width:5rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-brand-slider.css.map */