body{display:grid;place-content:center;gap:2ch}ul{display:grid;grid:17vw/auto-flow 17vw;gap:2ch;max-inline-size:100%;overflow-x:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;margin:0;padding:2ch;scroll-padding-inline:2ch}@media (prefers-reduced-motion:no-preference){ul{scroll-behavior:smooth}}ul>li{scroll-snap-align:start;background:CanvasText;color:Canvas;display:grid}ul>li.selected{background:#ff69b4}