.mlx-brand-marquee__viewport{width:100%;overflow:hidden;container-type:inline-size;direction:ltr}.mlx-brand-marquee__track{display:flex;width:max-content;animation:mlx-brand-marquee-scroll var(--mlx-brand-duration, 120s) linear infinite;will-change:transform}.mlx-brand-marquee__group{display:flex;flex:0 0 auto;align-items:start;gap:var(--lux-card-gap);padding-right:var(--lux-card-gap)}.mlx-brand-marquee .mlx-brand-marquee__group>.lux-media-cards__card{flex:0 0 auto;width:calc((100cqw - (var(--lux-card-cols) - 1) * var(--lux-card-gap)) / var(--lux-card-cols))}.mlx-brand-marquee__controls{display:flex;justify-content:flex-end;margin-top:1.2rem}.mlx-brand-marquee__toggle{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:4.4rem;min-height:4.4rem;padding:.8rem 1.2rem;border:1px solid rgba(18,18,18,.2);border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:1.3rem;cursor:pointer}.mlx-brand-marquee__toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.mlx-brand-marquee__play-icon,.mlx-brand-marquee__toggle[aria-pressed=true] .mlx-brand-marquee__pause-icon{display:none}.mlx-brand-marquee__toggle[aria-pressed=true] .mlx-brand-marquee__play-icon{display:block}.mlx-brand-marquee[data-paused=true] .mlx-brand-marquee__track,.mlx-brand-marquee[data-touching=true] .mlx-brand-marquee__track{animation-play-state:paused}.mlx-brand-marquee__viewport:focus-within{overflow-x:auto}.mlx-brand-marquee__viewport:focus-within .mlx-brand-marquee__track{animation:none;transform:none}@media(hover:hover){.mlx-brand-marquee__viewport:hover .mlx-brand-marquee__track{animation-play-state:paused}}@media(min-width:750px)and (max-width:989px){.mlx-brand-marquee .mlx-brand-marquee__group>.lux-media-cards__card{width:calc((100cqw - (var(--lux-card-cols-tablet) - 1) * var(--lux-card-gap)) / var(--lux-card-cols-tablet))}}@media(max-width:749px){.mlx-brand-marquee .mlx-brand-marquee__group>.lux-media-cards__card{width:var(--lux-card-mobile-width, 60vw)}}@media(max-width:430px){.mlx-brand-marquee .mlx-brand-marquee__group>.lux-media-cards__card{width:var(--lux-card-mobile-width-small, 70vw)}}@keyframes mlx-brand-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.mlx-brand-marquee__viewport{overflow-x:auto}.mlx-brand-marquee__track{animation:none;transform:none;will-change:auto}.mlx-brand-marquee__group[aria-hidden=true],.mlx-brand-marquee__controls{display:none}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/manuluxe-brand-marquee.css.map */