.carousel-grid-container{container-type:inline-size}.carousel-grid{--cols:3;--width:clamp(288px,calc(100cqi/var(--cols)),1000px);display:flex}.carousel-grid>*{width:var(--width);box-sizing:border-box;scroll-snap-stop:normal;flex:none}@container (max-width:575px){.carousel-grid{--cols:1}.carousel-grid>*{scroll-snap-align:start}}@container (min-width:576px) and (max-width:863px){.carousel-grid{--cols:2}.carousel-grid>:nth-of-type(odd){scroll-snap-align:start}}@container (min-width:864px) and (max-width:1151px){.carousel-grid{--cols:3}.carousel-grid>:nth-of-type(3n+1){scroll-snap-align:start}}@container (min-width:1152px) and (max-width:1439px){.carousel-grid{--cols:4}.carousel-grid>:nth-of-type(4n+1){scroll-snap-align:start}}@container (min-width:1440px) and (max-width:1727px){.carousel-grid{--cols:5}.carousel-grid>:nth-of-type(5n+1){scroll-snap-align:start}}@container (min-width:1728px) and (max-width:2015px){.carousel-grid{--cols:6}.carousel-grid>:nth-of-type(6n+1){scroll-snap-align:start}}@container (min-width:2016px) and (max-width:2303px){.carousel-grid{--cols:7}.carousel-grid>:nth-of-type(7n+1){scroll-snap-align:start}}@container (min-width:2304px){.carousel-grid{--cols:8}.carousel-grid>:nth-of-type(8n+1){scroll-snap-align:start}}