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

.scroll-x>*+*{margin-left: 1ch}

.scroll-snap-h{align-items: flex-start}
.scroll-x.scroll-snap-h>*{flex: 0 0 32.66ch}

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

/*HIDE SCROLLBAR*/
.scroll-x{scrollbar-width:0;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.scroll-x::-webkit-scrollbar{width: 0;height: 0}.scroll-x:is(::-webkit-scrollbar-thumb,::-webkit-scrollbar-track){background:rgba(0,0,0,0)}