/* ==========================================================
   OOI Platform
   Moment Collection
========================================================== */

.ooi-moment-collection {
    width: 100%;
}

/* Piste horizontale */

.ooi-moment-collection__track {

    display: grid;

    grid-auto-flow: column;

    grid-auto-columns: 88%;

    gap: 24px;

    overflow-x: auto;

    overflow-y: hidden;

    padding-bottom: 12px;

    scroll-snap-type: x proximity;

    -webkit-overflow-scrolling: touch;
}

/* Cartes */

.ooi-moment-collection__item {

    min-width: 0;

    scroll-snap-align: start;
}

/* Scrollbar */

.ooi-moment-collection__track::-webkit-scrollbar {

    height: 6px;
}

.ooi-moment-collection__track::-webkit-scrollbar-thumb {

    background: rgba(114,112,172,.35);

    border-radius: 99px;
}

/* Desktop */

@media (min-width:768px){

    .ooi-moment-collection__track{

        grid-auto-flow:unset;

        grid-template-columns:repeat(3,minmax(0,1fr));

        overflow:visible;
    }

}

@media (min-width:1280px){

    .ooi-moment-collection__track{

        grid-template-columns:repeat(4,minmax(0,1fr));

    }

}