.scrollableContainerWrapper {
    display: flex;
}

.container {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    flex: 1;
    margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
    padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
}

.container::-webkit-scrollbar {
        display: none;
    }

.container > * {
        flex-shrink: 0;
    }

.fullWidthScroll {
    padding-left: var(--gap-0);
    margin: var(--gap-4-neg) var(--gap-16-neg);
}