:root {
    --gap-0: 0px;
    --gap-4: 4px;
    --gap-8: 8px;
    --gap-12: 12px;
    --gap-16: 16px;
    --gap-4-neg: -4px;
}
:root {
    --secondary-tablist-xxs-gaps: var(--gap-8);
    --secondary-tablist-xs-gaps: var(--gap-8);
    --secondary-tablist-s-gaps: var(--gap-12);
    --secondary-tablist-m-gaps: var(--gap-12);
    --secondary-tablist-l-gaps: var(--gap-16);
    --secondary-tablist-xl-gaps: var(--gap-16);
    --secondary-tablist-transparent-gaps: var(--gap-0);
}
.component {
    position: relative;
    display: inline-flex;
}
.fullWidthScroll {
    margin: var(--gap-0) var(--gap-16);
}
.container {
    overflow: hidden;
    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);
}
.title {
    white-space: nowrap;
}
.desktop.desktop.transparentView.transparentView {
        .title.title {
            margin-left: var(--secondary-tablist-transparent-gaps);
        }
    }
.xxs .title + .title,
    .xxs .skeleton + .skeleton {
        margin-left: var(--secondary-tablist-xxs-gaps);
    }
.xs .title + .title,
    .xs .skeleton + .skeleton {
        margin-left: var(--secondary-tablist-xs-gaps);
    }
.s .title + .title,
    .s .skeleton + .skeleton {
        margin-left: var(--secondary-tablist-s-gaps);
    }
.m .title + .title,
    .m .skeleton + .skeleton {
        margin-left: var(--secondary-tablist-m-gaps);
    }
.l .title + .title,
    .l .skeleton + .skeleton {
        margin-left: var(--secondary-tablist-l-gaps);
    }
.xl .title + .title,
    .xl .skeleton + .skeleton {
        margin-left: var(--secondary-tablist-xl-gaps);
    }