: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);
    }