.new-companion-grid.svelte-6g6n5b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 508px){.new-companion-grid.svelte-6g6n5b{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.new-companion-grid.svelte-6g6n5b{gap:20px}}@media (min-width: 1000px){.new-companion-grid.svelte-6g6n5b{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.new-ranking-viewport.svelte-n88ryf{--fade-left: 0px;--fade-right: 24px;-webkit-mask-image:linear-gradient(to right,transparent 40px,black calc(40px + var(--fade-left)),black calc(100% - 40px - var(--fade-right)),transparent calc(100% - 40px));mask-image:linear-gradient(to right,transparent 40px,black calc(40px + var(--fade-left)),black calc(100% - 40px - var(--fade-right)),transparent calc(100% - 40px))}.new-ranking-viewport[data-scrolled=true].svelte-n88ryf{--fade-left: 24px}.new-ranking-viewport[data-at-end=true].svelte-n88ryf{--fade-right: 0px}}
