.brand-carousel{background:#000;overflow:hidden}.brand-carousel__heading{text-align:center;margin-bottom:2.4rem}.brand-carousel__title{font-size:calc(var(--font-heading-scale) * 2.4rem);font-family:var(--font-heading-family);font-weight:800;margin:0;color:#fff;text-decoration:none;text-decoration-color:#facc15;text-underline-offset:.5rem;text-decoration-thickness:.2rem}.brand-carousel__outer{position:relative;overflow:hidden;background:#fff;padding:2rem 0}.brand-carousel__outer:before,.brand-carousel__outer:after{content:"";position:absolute;top:0;bottom:0;width:12rem;z-index:2;pointer-events:none}.brand-carousel__outer:before{left:0;background:linear-gradient(to right,#ffffff,transparent)}.brand-carousel__outer:after{right:0;background:linear-gradient(to left,#ffffff,transparent)}.brand-carousel__track-wrapper{overflow:hidden}.brand-carousel__track{display:flex;align-items:center;gap:8rem;width:max-content;animation:brandScroll linear infinite}.brand-carousel__track:hover{animation-play-state:paused}@keyframes brandScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-carousel__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.brand-carousel__link{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;transition:transform .3s ease,opacity .3s ease;text-decoration:none}.brand-carousel__link:hover{transform:translateY(-3px)}.brand-carousel__image{max-height:8rem;width:auto;max-width:18rem;object-fit:contain;filter:grayscale(100%);opacity:.65;transition:filter .3s ease,opacity .3s ease}.brand-carousel__link:hover .brand-carousel__image{filter:grayscale(0%);opacity:1}.brand-carousel__name{font-size:1.6rem;font-family:var(--font-heading-family);font-weight:700;color:#00000080;letter-spacing:.08rem;transition:color .3s ease}.brand-carousel__link:hover .brand-carousel__name{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.brand-carousel__outer:before,.brand-carousel__outer:after{width:6rem}.brand-carousel__link{padding:0;border:none;background:transparent}.brand-carousel__image{max-height:6rem;max-width:13rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-brand-carousel.css.map */