.scroll-x{
    display: flex;
    align-items: flex-start;
    gap:1ch;
    margin:unset;
    padding:1ch max(1em,((100% - (var(--ch-unit)*100)) / 2));
    overflow-x: auto}

.scroll-x:not( :has(img)){gap:1em}

/*Scroll Snap*/
.scroll-x.scroll-snap{
    padding-block: 1em;
    align-items: flex-start}

.scroll-x.scroll-snap>*{flex: 0 0 32.66ch}

@media(prefers-reduced-motion:no-preference){
    .scroll-snap{scroll-snap-type: x mandatory}
    .scroll-snap>*{scroll-snap-align: center}
}