@layer components{.sponsor-grid{--gap:12px;--cols:2;gap:var(--gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (width>=1024px){.sponsor-grid{--gap:16px}.sponsor-grid--cols-3{--cols:3}.sponsor-grid--cols-5{--cols:5;justify-content:center}}.sponsor-grid__tile{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));aspect-ratio:23/12;background-color:var(--sponsor-tile);border-radius:8px;position:relative}.sponsor-grid__logo{object-fit:contain;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}}