.logoreel{--reel-h: 6.5rem;--reel-gap: var(--space-s);position:relative;display:flex;flex-direction:column;min-inline-size:0;max-inline-size:100%;inline-size:100%}.logoreel-l{--reel-h: 8.5rem}.logoreel-xl{--reel-h: 11rem}.logoreel-view{overflow:hidden;contain:inline-size;padding-block:.75rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.logoreel-track{display:flex;gap:var(--reel-gap);inline-size:max-content;animation:logoreel-scroll var(--reel-dur, 60s) linear infinite}.logoreel:hover .logoreel-track,.logoreel:focus-within .logoreel-track,.logoreel.is-paused .logoreel-track,.logoreel.is-offscreen .logoreel-track{animation-play-state:paused}@keyframes logoreel-scroll{to{transform:translate(calc(-50% - var(--reel-gap) / 2))}}.logoreel-item{flex:0 0 auto;display:grid;place-items:center;block-size:calc(var(--reel-h) + 2.2rem);padding:1.1rem 1.4rem;border-radius:var(--radius-l);background:#fff;box-shadow:0 2px 12px -6px #0e1b2540,inset 0 0 0 1px #0000000d;color:inherit}.logoreel-item img{display:block;max-inline-size:none;transition:transform .3s}.logoreel-scaled .logoreel-item img{block-size:var(--reel-h);inline-size:auto}a.logoreel-item:hover img,a.logoreel-item:focus-visible img{transform:scale(1.05)}a.logoreel-item:focus-visible{outline:2px solid var(--txt-hue-anchor);outline-offset:3px}.logoreel-toggle{display:none;margin-inline-start:auto;margin-block-start:var(--space-2xs);inline-size:2.25rem;block-size:2.25rem;border:0;border-radius:50%;place-items:center;background:#fffc;box-shadow:0 1px 4px #0e1b252e;color:var(--hex-mi-800);cursor:pointer}.logoreel.is-ready .logoreel-toggle{display:grid}.logoreel-toggle svg{inline-size:1rem;block-size:1rem}.logoreel-toggle:focus-visible{outline:2px solid var(--txt-hue-anchor);outline-offset:2px}.logoreel-toggle .ico-play,.logoreel.is-paused .logoreel-toggle .ico-pause{display:none}.logoreel.is-paused .logoreel-toggle .ico-play{display:block}@media(prefers-reduced-motion:reduce){.logoreel-view{-webkit-mask-image:none;mask-image:none}.logoreel-track{animation:none;flex-wrap:wrap;justify-content:center;inline-size:auto}.logoreel-track [aria-hidden=true],.logoreel.is-ready .logoreel-toggle{display:none}}
