:root {
    --gap-0: 0px;
    --gap-4: 4px;
    --gap-4-neg: -4px;
    --gap-16-neg: -16px;
}
.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);
}