.max-brands-selector{--max-brands-selector-highlight: rgb(var(--color-accent-2));--max-brands-selector-gap: var(--grid-mobile-horizontal-spacing);--max-brands-selector-inset: 1.4rem}.color-background-1 .max-brands-selector,.color-background-2 .max-brands-selector{--max-brands-selector-highlight: rgb(var(--color-accent-1))}.color-accent-3 .max-brands-selector{--max-brands-selector-highlight: rgb(var(--color-foreground))}.max-brands-selector-list{display:grid;gap:var(--max-brands-selector-gap);margin:0;padding:0;list-style:none}.max-brands-selector-item{min-width:0}.max-brands-selector-list>.max-brands-selector-item:only-child{grid-column:1 / -1;max-width:24rem;margin-right:auto;margin-left:auto}.max-brands-selector-list-stack{grid-template-columns:repeat(var(--max-brands-selector-columns-mobile, 3),minmax(0,1fr))}.max-brands-selector-list-scroll{grid-auto-flow:column;grid-auto-columns:38%;justify-content:start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:1.5rem;margin:-.6rem -1.5rem -2rem;padding:.6rem 1.5rem 2rem;scrollbar-width:none;-ms-overflow-style:none}.max-brands-selector-list-scroll::-webkit-scrollbar{display:none}.max-brands-selector-list-scroll .max-brands-selector-item{scroll-snap-align:start}.max-brands-selector-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;height:100%;min-height:4.4rem;padding:1rem;color:rgb(var(--color-foreground));text-decoration:none;background-color:transparent;border:.1rem solid transparent;border-radius:var(--border-radius-base);transition:border-color .25s ease,background-color .25s ease,transform .25s ease,box-shadow .25s ease}.max-brands-selector-tile-static{cursor:default;transition:none}.max-brands-selector-tiles-bordered .max-brands-selector-tile{border-color:var(--color-border);background-color:rgba(var(--color-foreground),.03)}.max-brands-selector-tiles-filled .max-brands-selector-tile{background-color:rgba(var(--color-foreground),.07)}a.max-brands-selector-tile:hover,a.max-brands-selector-tile:focus-visible{border-color:var(--max-brands-selector-highlight);background-color:rgba(var(--color-foreground),.08);transform:translateY(-.3rem)}a.max-brands-selector-tile:hover{box-shadow:0 .6rem 1.6rem var(--color-box-shadow)}a.max-brands-selector-tile:focus-visible{box-shadow:0 0 .2rem rgba(var(--color-foreground),.3),0 .6rem 1.6rem var(--color-box-shadow)}.max-brands-selector-media{width:100%}.max-brands-selector-media .max-brands-selector-image{top:0;left:0;width:100%;height:100%;padding:min(var(--max-brands-selector-inset),12%);object-fit:contain;object-position:center;transition:filter .25s ease,opacity .25s ease}.max-brands-selector-fit-cover{--max-brands-selector-inset: 0rem}.max-brands-selector-fit-cover .max-brands-selector-media{overflow:hidden;border-radius:calc(var(--border-radius-base) - .1rem)}.max-brands-selector-fit-cover .max-brands-selector-media .max-brands-selector-image{object-fit:cover}.max-brands-selector-media .max-brands-selector-placeholder{padding:0;background-color:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.55);fill:currentColor}@media(hover:hover)and (pointer:fine){.max-brands-selector-grayscale .max-brands-selector-image:not(.max-brands-selector-placeholder){filter:grayscale(1);opacity:.7}.max-brands-selector-grayscale a.max-brands-selector-tile:hover .max-brands-selector-image{filter:grayscale(0);opacity:1}}.max-brands-selector-grayscale a.max-brands-selector-tile:focus-visible .max-brands-selector-image{filter:grayscale(0);opacity:1}.max-brands-selector-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-width:100%;font-size:calc(var(--font-body-scale) * 1.2rem);line-height:1.3;letter-spacing:.08em;text-align:center;text-transform:uppercase;color:rgb(var(--color-foreground-alt));overflow-wrap:anywhere}@supports not ((-webkit-line-clamp: 2) and (display: -webkit-box)){.max-brands-selector-label{display:block;max-height:2.6em}}@media(min-width:750px){.max-brands-selector{--max-brands-selector-gap: var(--grid-desktop-horizontal-spacing);--max-brands-selector-inset: 1.8rem}.max-brands-selector-list{grid-template-columns:repeat(var(--max-brands-selector-columns-tablet, 4),minmax(0,1fr))}.max-brands-selector-list-scroll{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;margin:0;padding:0}.max-brands-selector-tile{padding:1.2rem}.max-brands-selector-label{font-size:calc(var(--font-body-scale) * 1.3rem)}}@media(min-width:990px){.max-brands-selector-list{grid-template-columns:repeat(var(--max-brands-selector-columns-desktop-sm, 6),minmax(0,1fr))}}@media(min-width:1200px){.max-brands-selector-list{grid-template-columns:repeat(var(--max-brands-selector-columns-desktop, 7),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.max-brands-selector-tile,.max-brands-selector-media .max-brands-selector-image{transition:none}a.max-brands-selector-tile:hover,a.max-brands-selector-tile:focus-visible{transform:none}.max-brands-selector-list-scroll{scroll-snap-type:x proximity}}.max-brands-selector-aux{display:inline-flex;align-items:center;min-height:24px}.max-brands-selector-marquee{display:flex;gap:var(--max-brands-selector-gap);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}.max-brands-selector-list-marquee{display:flex;flex:none;gap:var(--max-brands-selector-gap);min-width:max-content;margin:0;padding:0;list-style:none;animation:max-brands-selector-defile var(--max-brands-selector-duree, 60s) linear infinite;will-change:transform}.max-brands-selector-list-marquee .max-brands-selector-item{flex:none;width:clamp(9rem,24vw,13rem)}@keyframes max-brands-selector-defile{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--max-brands-selector-gap)))}}.max-brands-selector-marquee-pause:hover .max-brands-selector-list-marquee,.max-brands-selector-marquee-pause:focus-within .max-brands-selector-list-marquee{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.max-brands-selector-list-marquee{animation:none}.max-brands-selector-marquee{overflow-x:auto}}.max-brands-selector-pastille-light .max-brands-selector-media,.max-brands-selector-pastille-dark .max-brands-selector-media{border-radius:var(--border-radius-base);overflow:hidden}.max-brands-selector-pastille-light .max-brands-selector-media{background-color:#fff}.max-brands-selector-pastille-light .max-brands-selector-image{mix-blend-mode:multiply}.max-brands-selector-pastille-dark .max-brands-selector-media{background-color:#101010}.max-brands-selector-pastille-dark .max-brands-selector-image{mix-blend-mode:screen}.max-brands-selector-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 8%;text-align:center;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-bolder-weight);font-size:calc(var(--font-heading-scale) * 1.25rem);line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-foreground));overflow-wrap:anywhere}.max-brands-selector-pastille-light .max-brands-selector-fallback{color:#1b1b1b}.max-brands-selector-pastille-dark .max-brands-selector-fallback{color:#fff}.max-brands-selector-marquee{padding-block:2rem;margin-block:-2rem;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}.max-brands-selector-media{max-width:var(--max-brands-selector-logo, none);margin-inline:auto}.max-brands-selector-list-marquee{width:max-content}.max-brands-selector-list-marquee .max-brands-selector-item{flex:none;width:calc(var(--max-brands-selector-logo, 10.4rem) + 3.2rem)}@keyframes max-brands-selector-defile{0%{transform:translate(0)}to{transform:translate(calc((-100% - var(--max-brands-selector-gap)) / 3))}}.max-brands-selector-tile{max-width:calc(var(--max-brands-selector-logo, 10.4rem) + 2.2rem);margin-inline:auto}@media(min-width:990px){.max-brands-selector-tile{max-width:calc(var(--max-brands-selector-logo, 10.4rem) + 2.6rem)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-max-brands-selector.css.map */