.carousel-grid{display:flex;--cols:3;--width:clamp(288px,calc(100cqi / var(--cols)),1000px)}.carousel-grid>*{flex:0 0 auto;width:var(--width);box-sizing:border-box;scroll-snap-stop:normal}@container (width < calc(2 * 288px)){.carousel-grid{--cols:1}.carousel-grid>*{scroll-snap-align:start}}@container (width >= calc(2 * 288px)) and (width < calc(3 * 288px)){.carousel-grid{--cols:2}.carousel-grid>:nth-of-type(odd){scroll-snap-align:start}}@container (width >= calc(3 * 288px)) and (width < calc(4 * 288px)){.carousel-grid{--cols:3}.carousel-grid>:nth-of-type(3n+1){scroll-snap-align:start}}@container (width >= calc(4 * 288px)) and (width < calc(5 * 288px)){.carousel-grid{--cols:4}.carousel-grid>:nth-of-type(4n+1){scroll-snap-align:start}}@container (width >= calc(5 * 288px)) and (width < calc(6 * 288px)){.carousel-grid{--cols:5}.carousel-grid>:nth-of-type(5n+1){scroll-snap-align:start}}@container (width >= calc(6 * 288px)) and (width < calc(7 * 288px)){.carousel-grid{--cols:6}.carousel-grid>:nth-of-type(6n+1){scroll-snap-align:start}}@container (width >= calc(7 * 288px)) and (width < calc(8 * 288px)){.carousel-grid{--cols:7}.carousel-grid>:nth-of-type(7n+1){scroll-snap-align:start}}@container (width >= calc(8 * 288px)){.carousel-grid{--cols:8}.carousel-grid>:nth-of-type(8n+1){scroll-snap-align:start}}