.collection-list-slider--brands .swiper-slide{--slide-width: 16rem}brand-collection-navigation{display:block;overflow-x:auto;overflow-y:hidden;padding-block:4px;scroll-behavior:smooth;scroll-snap-type:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;-webkit-overflow-scrolling:touch}brand-collection-navigation::-webkit-scrollbar{display:none}brand-collection-navigation .collection-list__items{display:flex;flex-wrap:nowrap;gap:var(--collection-list-slider-gap)}brand-collection-navigation .swiper-slide{flex-shrink:0;scroll-snap-align:none}.collection-list-slider--brands .swiper-controls[hidden]{display:none}brand-collection-navigation.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){brand-collection-navigation{cursor:grab}}@media(prefers-reduced-motion:reduce){brand-collection-navigation{scroll-behavior:auto}}.brand-collection-card{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none;border-radius:var(--collection-list-slider-image-radius)}.brand-collection-card__media{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 2;padding:1.6rem;overflow:hidden;border-radius:var(--collection-list-slider-image-radius);background:var(--tmf-partner-surface, #f5f5f7)}.brand-collection-card__logo{display:block;width:100%;height:4rem;object-fit:contain;filter:grayscale(1) brightness(0);transition:transform .18s ease}.brand-collection-card__logo--bellroy{width:8rem;height:4.8rem}.brand-collection-card__logo--ocean-bottle{width:10rem;height:4.4rem}.brand-collection-card__logo--swiss-peak{filter:grayscale(1) contrast(10);mix-blend-mode:multiply}.brand-collection-card:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.brand-collection-card:hover .brand-collection-card__logo{transform:scale(1.04)}}@media(max-width:767px){.collection-list-slider--brands .swiper-slide{--slide-width: 13.2rem}.brand-collection-card__media{padding:1.4rem}brand-collection-navigation .collection-list__items{gap:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/368/assets/component-brand-collection-navigation.css.map */
