.logos{--items-per-page:8;display:flex;flex-direction:column;gap:var(--gap-lg);overflow:hidden;padding-block:var(--margin-section)}@media (max-width:75rem){.logos{--items-per-page:6}}@media (max-width:55rem){.logos{--items-per-page:5}}@media (max-width:30rem){.logos{--items-per-page:4}}.logos>[class*=container]{display:flex;flex-direction:column;gap:var(--gap-lg);inline-size:100%}.logos__title{order:2}.logos__title:has(+.logos__subtitle){margin-block-start:calc(var(--spacing-4)*-1)}.logos__subtitle{border-left:2px solid var(--brand-100);color:var(--neutral-500);font-weight:300;line-height:1;order:1;padding-inline-start:var(--spacing-2);text-transform:uppercase}.logos__logos-wrapper{position:relative;width:100%}.logos__logos-wrapper:after,.logos__logos-wrapper:before{block-size:100%;content:"";inline-size:min(20rem,15vw);inset-block-start:0;pointer-events:none;position:absolute;z-index:1}.logos__logos-wrapper:after{background:linear-gradient(to left,var(--neutral-100),transparent);inset-inline-end:0}.logos__logos-wrapper:before{background:linear-gradient(to right,var(--neutral-100),transparent);inset-inline-start:0}.logos__logos{display:flex;gap:var(--gap-xl);white-space:nowrap}.logos__logo{align-items:center;display:inline-flex;justify-content:center;min-width:calc(100%/var(--items-per-page))}.logos__logo img{height:6.25rem;-o-object-fit:contain;object-fit:contain;width:auto}.logos__pause,.logos__play{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;inset-block-start:50%;inset-inline-end:var(--gap-sm);padding:0;position:absolute;translate:0 -50%;z-index:2}@media (max-width:30rem){.logos__pause,.logos__play{inset-block-start:0;translate:0 -150%}}.logos__pause[aria-hidden=true],.logos__play[aria-hidden=true]{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.logos__pause svg,.logos__play svg{block-size:2rem;inline-size:2rem}