.gallery-snippet {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}
.gallery-snippet::-webkit-scrollbar {
    display: none;
}

.gallery-snippet--figure {
    min-width: calc(var(--column) * 10 + 9rem);
    min-width: calc(var(--column) * 10 + 9rem);
    min-height: calc(var(--column) * 6 + 5rem);
    max-height: calc(var(--column) * 6 + 5rem);
    scroll-snap-align: start;
}

.gallery-snippet--figure:not(:last-of-type) {
    margin-right: 1rem;
}

.gallery-snippet__controls {
    min-width: calc(var(--column) * 10 + 9rem);
    max-width: calc(var(--column) * 10 + 9rem);
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.gallery-snippet__controls img {
    height: 2.5rem;
    width: fit-content;
    opacity: .5;
    cursor: pointer;
}

.gallery-snippet__controls img:hover {
    opacity: 1 !important;
}



/*
TABLET
*/
@media only screen and (max-width: 1024px) {
    .gallery-snippet--figure {
        min-width: calc(var(--column-t) * 8 + 7rem);
        min-width: calc(var(--column-t) * 8 + 7rem);
        min-height: 60vw;
        max-height: 60vw;
    }

    .gallery-snippet__controls {
        min-width: calc(var(--column-t) * 8 + 7rem);
        min-width: calc(var(--column-t) * 8 + 7rem);
    }
}