/*!
 * DS Logo list
 *
 * Layout for sections/ds-logo-list.liquid, from Figma nodes 1304:11366 (desktop)
 * and 1304:14892 (mobile): a label in a fixed column beside a rail of logos,
 * which becomes a label above a sideways-scrolling rail on mobile.
 *
 * The rail itself is the theme's own '.logo-bar', so the logos keep the spacing
 * and the responsive sizing theme.css already gives them; only the gap, the wrap
 * and the overflow are this section's.
 */.ds-logo-list{display:flex;flex-direction:column;gap:var(--sp-6)}.ds-logo-list__label{margin:0;font-size:var(--text-xl);line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.ds-logo-list__rail{min-width:0}.ds-logo-list__rail .logo-bar{scrollbar-width:none}.ds-logo-list__rail .logo-bar::-webkit-scrollbar{display:none}@media screen and (max-width:1023px){.ds-logo-list-section .logo-bar{--grid-gap: calc(var(--section-grid-gap) / 2)}.ds-logo-list__rail--scroll{margin-inline-end:calc(var(--page-padding) * -1)}.ds-logo-list__rail--scroll .logo-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-inline-end:var(--page-padding)}}@media screen and (min-width:1024px){.ds-logo-list{flex-direction:row;align-items:center;gap:clamp(var(--sp-10),7.43vw,6.6875rem)}.ds-logo-list__label{flex:0 0 10rem}.ds-logo-list__rail{flex:1 1 0}.ds-logo-list__rail .logo-bar{flex-wrap:nowrap;overflow-x:auto}.ds-logo-list__rail--around .logo__media{margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-logo-list.css.map */