#carousel {
    overflow: hidden;
    overflow-x: auto;

    max-width: 100%;
    padding: 16px 8px;

    &.carousel-gap {
        gap: clamp(16px, 2vw, 24px) !important;
    }

    &.scroll-container {
        /*scroll-snap-type: x mandatory;*/
        scroll-behavior: smooth;
        cursor: grab;
        user-select: none;
    }

    &.scroll-container:active {
        cursor: grabbing;
    }

    &::-webkit-scrollbar-thumb {
        background: transparent;


    }

    &:hover {
        &::-webkit-scrollbar-thumb {
            background: var(--tertiary);
        }
    }
}