@keyframes brandScrollRTL{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--brand-gap)))}}brand-bar{display:block;border-top:.1rem solid rgb(var(--color-foreground));border-bottom:.1rem solid rgb(var(--color-foreground))}.brand_bar--brands-brand img,.brand_bar--brands-brand svg{display:block;width:var(--brand-bar-logo-max-width);max-width:100%;height:auto}.brand_bar--heading,.brand_bar--brands{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:600;letter-spacing:0;line-height:calc(1 + .2/max(1,var(--font-heading-scale)));word-break:break-word;display:flex;align-items:center;justify-content:initial;overflow:hidden;-webkit-user-select:none;user-select:none;gap:var(--brand-gap);width:100%;height:100%;opacity:0;transition:opacity var(--duration-default) ease}.brand_bar--heading.cloned,.brand_bar--brands.cloned,brand-bar [data-animation=disabled].cloned{opacity:1}.brand_bar--heading{padding-top:1.1rem;padding-bottom:.7rem}.brand_bar--heading:not(:last-child){border-bottom:.1rem solid rgb(var(--color-foreground))}.brand_bar--heading-container,.brand_bar--brands-container{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;gap:var(--brand-gap);min-width:100%;list-style:none;margin:0;padding:0}.brand_bar--heading-container{--brand-gap: 6rem}[data-animation=disabled] .brand_bar--brands-container{flex-wrap:wrap;flex-shrink:1;justify-content:center}.brand_bar--heading.playing-left .brand_bar--heading-container,.brand_bar--brands.playing-left .brand_bar--brands-container{animation:brandScrollRTL var(--speed) linear infinite;animation-direction:reverse}.brand_bar--heading.playing-right .brand_bar--heading-container,.brand_bar--brands.playing-right .brand_bar--brands-container{animation:brandScrollRTL var(--speed) linear infinite}.brand_bar--heading-heading,.brand_bar--brands-brand{flex:0 1 auto;text-align:center}.brand_bar--brands-brand{position:relative}.brand_bar--brands[data-animation=disabled]{max-width:144rem;margin-right:auto;margin-left:auto}[data-animation=disabled] .brand_bar--heading-container{position:relative;left:50%;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-brand-bar.css.map */