.logo-carousel{--logo-card-width:342px;--logo-gap:24px;overflow:hidden;background:var(--color-surface);padding-block:128px 72px}.logo-carousel--dark{background:var(--color-ink);color:var(--color-white);padding-block-end:128px}.logo-carousel__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block-end:64px;min-height:56px}.logo-carousel__viewport{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline-start:max(var(--container-gutter),calc((100vw - var(--container-width))/2));overscroll-behavior-inline:contain}.logo-carousel__viewport::-webkit-scrollbar{display:none}.logo-carousel__track{display:flex;gap:var(--logo-gap);padding-inline:max(var(--container-gutter),calc((100vw - var(--container-width))/2));width:max-content}.logo-carousel__card{width:var(--logo-card-width);aspect-ratio:342/184;flex-shrink:0;background:var(--color-white);scroll-snap-align:start;overflow:hidden}.logo-carousel__progress{position:relative;height:2px;background:rgba(31,27,77,.12);margin-block-start:64px;overflow:hidden}.logo-carousel__progress-fill{display:block;width:33.333%;height:100%;transform-origin:left center;background:var(--color-accent)}.logo-carousel--dark .logo-carousel__progress{background:rgba(255,255,255,.2)}.logo-carousel--dark .logo-carousel__progress-fill{background:var(--color-white)}.logo-carousel--dark .button--previous{background:rgba(255,255,255,.1);border-color:transparent;color:var(--color-white)}.logo-carousel--dark .button--next{background:var(--color-white);color:var(--color-ink)}.logo-carousel--dark .button--square:hover{background:var(--color-accent);color:var(--color-white)}
@media(max-width:1023px){.logo-carousel{padding-block:80px;--logo-card-width:280px}}
@media(max-width:767px){.logo-carousel{--logo-card-width:204px;--logo-gap:14px;padding-block:48px 40px}.logo-carousel--dark{padding-block-end:56px}.logo-carousel__heading{margin-block-end:28px;min-height:32px}.logo-carousel__progress{margin-block-start:28px}}