.brand-carousel-section{background-color:var(--carousel-bg, #ffffff);border-top:1px solid var(--carousel-border-color, #e8e8e8);border-bottom:1px solid var(--carousel-border-color, #e8e8e8);padding-block:32px;overflow:hidden}.brand-carousel__header{text-align:center;margin-bottom:24px}.brand-carousel__eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0}.brand-carousel__wrapper{position:relative;overflow:hidden;width:100%}.brand-carousel__fade{position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.brand-carousel__fade--left{left:0;background:linear-gradient(to right,var(--carousel-bg, #ffffff) 0%,transparent 100%)}.brand-carousel__fade--right{right:0;background:linear-gradient(to left,var(--carousel-bg, #ffffff) 0%,transparent 100%)}.brand-carousel__viewport{overflow:hidden;width:100%}.brand-carousel__track{display:flex;flex-wrap:nowrap;width:max-content;align-items:center;gap:var(--carousel-gap, 64px);list-style:none;margin:0;padding:0;will-change:transform;animation:marquee-scroll var(--carousel-speed, 30s) linear infinite}.brand-carousel__track.is-paused{animation-play-state:paused!important}.brand-carousel__track.js-pause-hover:hover{animation-play-state:paused}.brand-carousel__item{display:flex;align-items:center;flex-shrink:0}.brand-carousel__logo{display:block;height:var(--logo-height, 48px);width:auto;max-width:180px;object-fit:contain;filter:grayscale(100%) opacity(.5);transition:filter .3s ease,transform .3s ease;-webkit-user-select:none;user-select:none}.brand-carousel__item:hover .brand-carousel__logo,.brand-carousel__link:focus .brand-carousel__logo{filter:grayscale(0%) opacity(1);transform:scale(1.06)}.brand-carousel__logo--placeholder{height:var(--logo-height, 48px);display:inline-flex;align-items:center;padding-inline:20px;background:#f0f0f0;border-radius:6px;font-size:.85rem;font-weight:600;color:#888;white-space:nowrap}.brand-carousel__link{display:inline-flex;text-decoration:none;outline-offset:4px}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.brand-carousel__track{animation:none!important;flex-wrap:wrap;justify-content:center;width:100%}.brand-carousel__item[aria-hidden=true]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/brand-carousel.css.map */