.logo-list{padding-top:var(--logo-list-padding-top, 24px);padding-bottom:var(--logo-list-padding-bottom, 32px)}.logo-list--border-top{border-top:1px solid rgba(var(--color-foreground),.1)}.logo-list--border-bottom{border-bottom:1px solid rgba(var(--color-foreground),.1)}.logo-list__header{margin-bottom:var(--header-gap, 24px)}.logo-list__header.align-left{text-align:left}.logo-list__header.align-center{text-align:center}.logo-list__header.align-right{text-align:right}.logo-list__heading{margin:0 0 .35rem;opacity:var(--heading-opacity, .85)}.logo-list__subheading{margin:0;color:rgba(var(--color-foreground),.65)}.logo-list__grid--static{display:grid;grid-template-columns:repeat(var(--columns-mobile, 2),minmax(0,1fr));align-items:center;justify-items:var(--grid-justify-items, center);gap:var(--gap-mobile, 24px);margin:0;padding:0;list-style:none}@media(min-width:750px){.logo-list__grid--static{grid-template-columns:repeat(var(--columns-desktop, 4),minmax(0,1fr));gap:var(--gap-desktop, 32px)}}.logo-list--align-left .logo-list__grid--static{justify-items:start}.logo-list--align-center .logo-list__grid--static{justify-items:center}.logo-list--align-right .logo-list__grid--static{justify-items:end}.logo-list--align-space-between .logo-list__grid--static{justify-content:space-between}.logo-list--align-space-evenly .logo-list__grid--static{justify-content:space-evenly}.logo-list__slider{display:flex;align-items:center;gap:.75rem}.logo-list__slider-viewport{flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.logo-list__slider-viewport::-webkit-scrollbar{display:none}.logo-list__slider-viewport:focus-visible{outline:2px solid rgba(var(--color-foreground),.4);outline-offset:2px;border-radius:4px}.logo-list__grid--slider{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--gap-mobile, 24px);margin:0;padding:0;list-style:none}@media(min-width:750px){.logo-list__grid--slider{gap:var(--gap-desktop, 32px)}}.logo-list__grid--slider .logo-list__item{flex:0 0 calc((100% - (var(--columns-mobile, 2) - 1) * var(--gap-mobile, 24px)) / var(--columns-mobile, 2));scroll-snap-align:start}@media(min-width:750px){.logo-list__grid--slider .logo-list__item{flex-basis:calc((100% - (var(--columns-desktop, 4) - 1) * var(--gap-desktop, 32px)) / var(--columns-desktop, 4))}}.logo-list__arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color var(--duration-default, .2s) var(--ease-out, ease),background var(--duration-default, .2s) var(--ease-out, ease),opacity var(--duration-default, .2s) var(--ease-out, ease)}.logo-list__arrow:hover:not(:disabled){border-color:rgba(var(--color-foreground),.5);background:rgba(var(--color-foreground),.05)}.logo-list__arrow:disabled{opacity:.35;cursor:not-allowed}.logo-list__arrow svg{width:1rem;height:1rem;pointer-events:none}.logo-list__slider[data-hide-arrows=true] .logo-list__arrow{display:none}@media(max-width:749px){.logo-list__slider{gap:.5rem}.logo-list__arrow{width:2.25rem;height:2.25rem}}.logo-list__scroll{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,black var(--fade-edge, 8%),black calc(100% - var(--fade-edge, 8%)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black var(--fade-edge, 8%),black calc(100% - var(--fade-edge, 8%)),transparent)}.logo-list__track{display:flex;flex-wrap:nowrap;width:max-content;animation:logo-list-scroll-left var(--scroll-speed, 30s) linear infinite;will-change:transform}.logo-list__track[data-direction=right]{animation-name:logo-list-scroll-right}.logo-list--pause-hover:hover .logo-list__track{animation-play-state:paused}@keyframes logo-list-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes logo-list-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.logo-list__group{display:flex;flex-wrap:nowrap;align-items:center;flex:0 0 auto;margin:0;padding:0;list-style:none}.logo-list__group .logo-list__item{flex:0 0 auto;margin:0 calc(var(--scroll-gap, 48px) / 2)}.logo-list__item{list-style:none;margin:0;display:flex;align-items:center;justify-content:center;min-width:0}.logo-list__link{display:flex;align-items:center;justify-content:center}.logo-list__link:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.logo-list__image,.logo-list__placeholder{height:var(--item-logo-height, var(--logo-height, 64px));width:auto;max-width:var(--logo-max-width, 220px);object-fit:contain;opacity:var(--logo-opacity, .7);transition:opacity var(--duration-default, .2s) var(--ease-out, ease),filter var(--duration-default, .2s) var(--ease-out, ease),transform var(--duration-default, .2s) var(--ease-out, ease)}.logo-list--grayscale .logo-list__image,.logo-list--grayscale .logo-list__placeholder{filter:grayscale(100%)}.logo-list__placeholder{display:flex;align-items:center;justify-content:center;min-width:calc(var(--item-logo-height, var(--logo-height, 64px)) * 2);padding-inline:1rem;border:1px dashed rgba(var(--color-foreground),.2);border-radius:8px;background:rgba(var(--color-foreground),.03)}.logo-list__placeholder .placeholder-svg{height:calc(var(--item-logo-height, var(--logo-height, 64px)) * .6);width:auto}.logo-list__placeholder-label{font-size:clamp(.75rem,2vw,1rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);white-space:nowrap}.logo-list--hover-color.logo-list--grayscale .logo-list__link:hover .logo-list__image,.logo-list--hover-color.logo-list--grayscale .logo-list__item:hover .logo-list__image{opacity:1;filter:grayscale(0%)}.logo-list--hover-color:not(.logo-list--grayscale) .logo-list__link:hover .logo-list__image,.logo-list--hover-color:not(.logo-list--grayscale) .logo-list__item:hover .logo-list__image{opacity:1}.logo-list--hover-lift .logo-list__link:hover .logo-list__image,.logo-list--hover-lift .logo-list__item:hover .logo-list__image{transform:translateY(-2px)}.logo-list--hover-opacity .logo-list__link:hover .logo-list__image,.logo-list--hover-opacity .logo-list__item:hover .logo-list__image{opacity:1}@media(prefers-reduced-motion:reduce){.logo-list__track{animation:none}.logo-list__image,.logo-list__placeholder{transition:none}}@media(max-width:749px){.logo-list__image,.logo-list__placeholder{height:var(--item-logo-height, var(--logo-height-mobile, var(--logo-height, 64px)))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-logo-list.css.map */