/**
 * SIDE-SCROLLER
 *
 * Style for Side Scroller structural component.
 */

/* ------------------------------------ *\
    #SIDE-SCROLLER
\* ------------------------------------ */
.n7-side-scroller {
    display: flex;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;

    &::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(113, 112, 112, 0.14);
        border-radius: 10px;
        background-color: #f5f5f5;
    }

    &::-webkit-scrollbar {
        height: 12px;
        background-color: #f5f5f5;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #b3b3b3;
    }
}




/* ------------------------------------ *\
    #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (min-width: breakpoint-desktop) {
}