.matchmaking-gallery{--play-state:paused;--tile-width:max(208px, 29vw);--tile-gap:16px;padding:48px 0 80px;position:relative;overflow:hidden}.matchmaking-gallery__rows{gap:var(--tile-gap);display:grid}.matchmaking-gallery__track{width:max-content;animation:52s linear infinite matchmaking-gallery-loop;animation-play-state:var(--play-state);display:flex}.matchmaking-gallery__track:nth-child(2){animation-duration:60s;animation-direction:reverse}.matchmaking-gallery__group{gap:var(--tile-gap);padding-right:var(--tile-gap);flex-shrink:0;display:flex}.matchmaking-gallery__tile{width:var(--tile-width);aspect-ratio:104/85;object-fit:cover;border-radius:8px;flex-shrink:0;height:auto}.matchmaking-gallery[data-ready=true][data-visible=true]{--play-state:running}@media (hover:hover){.matchmaking-gallery[data-ready=true]:hover .matchmaking-gallery__track{animation-play-state:paused}}@keyframes matchmaking-gallery-loop{to{transform:translate(-50%)}}@media (min-width:1024px){.matchmaking-gallery{padding:80px 0}}@media (prefers-reduced-motion:reduce){.matchmaking-gallery{padding-inline:20px}.matchmaking-gallery__track{width:100%;animation:none}.matchmaking-gallery__group{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:0;display:grid}.matchmaking-gallery__group[aria-hidden=true]{display:none}.matchmaking-gallery__tile{width:100%}}@media (prefers-reduced-motion:reduce) and (min-width:1024px){.matchmaking-gallery{padding-inline:24px}.matchmaking-gallery__rows{max-width:1200px;margin-inline:auto}.matchmaking-gallery__group{grid-template-columns:repeat(4,minmax(0,1fr))}}