:root {
    --primary-tablist-mobile-gaps: var(--gap-24);
    --primary-tablist-mobile-padding: var(--gap-0) var(--gap-0) var(--gap-12);
}
.title {
    composes: title from 'index.module.css';
}
.mobile .title {
        padding: var(--primary-tablist-mobile-padding);
    }
.mobile .title + .title {
            margin-left: var(--primary-tablist-mobile-gaps);
        }
.mobile.paragraph-primary-large .title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        font-family: var(--font-family-system);
    }
.mobile.paragraph-primary-medium .title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-family: var(--font-family-system);
    }
.mobile.paragraph-primary-small .title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        font-family: var(--font-family-system);
    }
.mobile.action-primary-large .title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        font-family: var(--font-family-system);
    }
.mobile.action-primary-medium .title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        font-family: var(--font-family-system);
    }
.mobile.action-primary-small .title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        font-family: var(--font-family-system);
    }
.mobile.accent-primary-large .title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        font-family: var(--font-family-system);
    }
.mobile.accent-primary-medium .title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        font-family: var(--font-family-system);
    }
.mobile.accent-primary-small .title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        font-family: var(--font-family-system);
    }
.mobile.paragraph-primary-large .title, .mobile.paragraph-primary-medium .title, .mobile.accent-primary-large .title, .mobile.accent-primary-medium .title, .mobile.action-primary-large .title, .mobile.action-primary-medium .title {
        padding-bottom: calc(24px / 2);
    }
.mobile.paragraph-primary-large .title + .title,
    .mobile.paragraph-primary-medium .title + .title,
    .mobile.accent-primary-large .title + .title,
    .mobile.accent-primary-medium .title + .title,
    .mobile.action-primary-large .title + .title,
    .mobile.action-primary-medium .title + .title,
    .mobile.paragraph-primary-large .pickerWrapper,
    .mobile.paragraph-primary-medium .pickerWrapper,
    .mobile.accent-primary-large .pickerWrapper,
    .mobile.accent-primary-medium .pickerWrapper,
    .mobile.action-primary-large .pickerWrapper,
    .mobile.action-primary-medium .pickerWrapper {
        margin-left: 24px;
    }
.mobile.paragraph-primary-large .option, .mobile.paragraph-primary-medium .option, .mobile.accent-primary-large .option, .mobile.accent-primary-medium .option, .mobile.action-primary-large .option, .mobile.action-primary-medium .option {
        padding: var(--gap-0);
    }
.mobile.paragraph-primary-large .scrollControls > button, .mobile.paragraph-primary-medium .scrollControls > button, .mobile.accent-primary-large .scrollControls > button, .mobile.accent-primary-medium .scrollControls > button, .mobile.action-primary-large .scrollControls > button, .mobile.action-primary-medium .scrollControls > button {
            box-sizing: content-box;
            width: 24px;
            height: 24px;
            padding: var(--gap-0);
        }
.mobile.paragraph-primary-large .scrollControls button:first-child, .mobile.paragraph-primary-medium .scrollControls button:first-child, .mobile.accent-primary-large .scrollControls button:first-child, .mobile.accent-primary-medium .scrollControls button:first-child, .mobile.action-primary-large .scrollControls button:first-child, .mobile.action-primary-medium .scrollControls button:first-child {
            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
        }
.mobile.paragraph-primary-small .title, .mobile.accent-primary-small .title, .mobile.action-primary-small .title {
        padding-bottom: calc(20px / 2);
    }
.mobile.paragraph-primary-small .title + .title,
    .mobile.accent-primary-small .title + .title,
    .mobile.action-primary-small .title + .title,
    .mobile.paragraph-primary-small .pickerWrapper,
    .mobile.accent-primary-small .pickerWrapper,
    .mobile.action-primary-small .pickerWrapper {
        margin-left: 20px;
    }
.mobile.paragraph-primary-small .option, .mobile.accent-primary-small .option, .mobile.action-primary-small .option {
        padding: var(--gap-0);
    }
.mobile.paragraph-primary-small .scrollControls > button, .mobile.accent-primary-small .scrollControls > button, .mobile.action-primary-small .scrollControls > button {
            box-sizing: content-box;
            width: 20px;
            height: 20px;
            padding: var(--gap-0);
        }
.mobile.paragraph-primary-small .scrollControls button:first-child, .mobile.accent-primary-small .scrollControls button:first-child, .mobile.action-primary-small .scrollControls button:first-child {
            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
        }
.mobile.headline-system-xlarge .title {
        font-size: 34px;
        line-height: 40px;
        font-weight: 600;
        font-family: var(--font-family-system);
    }
.mobile.headline-system-large .title {
        font-size: 30px;
        line-height: 36px;
        font-weight: 600;
        font-family: var(--font-family-system);
    }
.mobile.headline-system-medium .title {
        font-size: 26px;
        line-height: 32px;
        font-weight: 600;
        font-family: var(--font-family-system);
    }
.mobile.headline-system-small .title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        font-family: var(--font-family-system);
    }
.mobile.headline-system-xsmall .title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        font-family: var(--font-family-system);
    }
.mobile.headline-xlarge .title {
        font-size: 34px;
        line-height: 40px;
        font-weight: 500;
        font-feature-settings: 'ss01';
        font-family: var(--font-family-styrene);
    }
.mobile.headline-large .title {
        font-size: 30px;
        line-height: 36px;
        font-weight: 500;
        font-feature-settings: 'ss01';
        font-family: var(--font-family-styrene);
    }
.mobile.headline-medium .title {
        font-size: 26px;
        line-height: 32px;
        font-weight: 500;
        font-feature-settings: 'ss01';
        font-family: var(--font-family-styrene);
    }
.mobile.headline-small .title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        font-feature-settings: 'ss01';
        font-family: var(--font-family-styrene);
    }
.mobile.headline-xsmall .title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        font-feature-settings: 'ss01';
        font-family: var(--font-family-styrene);
    }
.mobile.headline-system-xlarge .title, .mobile.headline-xlarge .title {
        padding-bottom: calc(40px / 2);
    }
.mobile.headline-system-xlarge .title + .title,
    .mobile.headline-xlarge .title + .title,
    .mobile.headline-system-xlarge .pickerWrapper,
    .mobile.headline-xlarge .pickerWrapper {
        margin-left: 40px;
    }
.mobile.headline-system-xlarge .option, .mobile.headline-xlarge .option {
        padding: var(--gap-0);
    }
.mobile.headline-system-xlarge .scrollControls > button, .mobile.headline-xlarge .scrollControls > button {
            box-sizing: content-box;
            width: 40px;
            height: 40px;
            padding: var(--gap-0);
        }
.mobile.headline-system-xlarge .scrollControls button:first-child, .mobile.headline-xlarge .scrollControls button:first-child {
            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
        }
.mobile.headline-system-large .title, .mobile.headline-large .title {
        padding-bottom: calc(36px / 2);
    }
.mobile.headline-system-large .title + .title,
    .mobile.headline-large .title + .title,
    .mobile.headline-system-large .pickerWrapper,
    .mobile.headline-large .pickerWrapper {
        margin-left: 36px;
    }
.mobile.headline-system-large .option, .mobile.headline-large .option {
        padding: var(--gap-0);
    }
.mobile.headline-system-large .scrollControls > button, .mobile.headline-large .scrollControls > button {
            box-sizing: content-box;
            width: 36px;
            height: 36px;
            padding: var(--gap-0);
        }
.mobile.headline-system-large .scrollControls button:first-child, .mobile.headline-large .scrollControls button:first-child {
            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
        }
.mobile.headline-system-medium .title, .mobile.headline-medium .title {
        padding-bottom: calc(32px / 2);
    }
.mobile.headline-system-medium .title + .title,
    .mobile.headline-medium .title + .title,
    .mobile.headline-system-medium .pickerWrapper,
    .mobile.headline-medium .pickerWrapper {
        margin-left: 32px;
    }
.mobile.headline-system-medium .option, .mobile.headline-medium .option {
        padding: var(--gap-0);
    }
.mobile.headline-system-medium .scrollControls > button, .mobile.headline-medium .scrollControls > button {
            box-sizing: content-box;
            width: 32px;
            height: 32px;
            padding: var(--gap-0);
        }
.mobile.headline-system-medium .scrollControls button:first-child, .mobile.headline-medium .scrollControls button:first-child {
            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
        }
.mobile.headline-system-small .title, .mobile.headline-small .title {
        padding-bottom: calc(28px / 2);
    }
.mobile.headline-system-small .title + .title,
    .mobile.headline-small .title + .title,
    .mobile.headline-system-small .pickerWrapper,
    .mobile.headline-small .pickerWrapper {
        margin-left: 28px;
    }
.mobile.headline-system-small .option, .mobile.headline-small .option {
        padding: var(--gap-0);
    }
.mobile.headline-system-small .scrollControls > button, .mobile.headline-small .scrollControls > button {
            box-sizing: content-box;
            width: 28px;
            height: 28px;
            padding: var(--gap-0);
        }
.mobile.headline-system-small .scrollControls button:first-child, .mobile.headline-small .scrollControls button:first-child {
            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(28px / 2);
        }
.mobile.headline-system-xsmall .title, .mobile.headline-xsmall .title {
        padding-bottom: calc(20px / 2);
    }
.mobile.headline-system-xsmall .title + .title,
    .mobile.headline-xsmall .title + .title,
    .mobile.headline-system-xsmall .pickerWrapper,
    .mobile.headline-xsmall .pickerWrapper {
        margin-left: 20px;
    }
.mobile.headline-system-xsmall .option, .mobile.headline-xsmall .option {
        padding: var(--gap-0);
    }
.mobile.headline-system-xsmall .scrollControls > button, .mobile.headline-xsmall .scrollControls > button {
            box-sizing: content-box;
            width: 20px;
            height: 20px;
            padding: var(--gap-0);
        }
.mobile.headline-system-xsmall .scrollControls button:first-child, .mobile.headline-xsmall .scrollControls button:first-child {
            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
        }
.title.noTextStyle {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--font-family-system);
}