:root{
    --colorBrandGrayedout: rgb(234, 129, 174);
    --colorBrandPrimaryDark: #C21760;
    --colorBrandHighlightLvl1: #FDF2F7;
    --colorLinearGradient1: #FF2B85;
    --colorLinearGradient2: #A11350;
    --colorRatingHighlight: rgb(233, 240, 248);
    --colorRatingTagText: #333333;
    --colorDealHighlightLvl1: #fdf2f7;
    --colorDealHighlightLvl2: #fad9e7;
    --colorDealTertiary: #f6b2cf;
    --colorBrandPrimary: #ff2b85;
    --colorBrandSecondary: #687580;
    --colorBrandDark: #c21760;
    --colorBrandHighlight: #fdf2f7;
    --colorGradientBrand: linear-gradient(90deg, #ff2b85 0%, #e21b70 100%);
    --colorGradientDark: #e21b70;
    --colorGradientLight: #ff2b85;
    --colorInteractionPrimary: #e21b70;
    --colorInteractionSecondary: #666666;
    --colorInteractionTertiary: #ed66a0;
    --colorInteractionPrimaryHover: #c21760;
    --colorInteractionSecondaryHover: #333333;
    --colorInteractionPrimaryFeedback: #fdf2f7;
    --colorInfoBannerCta: #c21760;
    --colorOnInteractionPrimary: #ffffff;
    --colorOnInteractionPrimaryHover: #ffffff;
    --colorOnInteractionSecondary: #e21b70;
    --colorOnInteractionSecondaryHover: #c21760;
    --colorInteractionBackgroundHover: #fdf2f7;
    --colorInteractionTextHover: #c21760;
    --colorInteractionFocus: #ff2b85;
    --colorInteractionFocusReversed: #fdf2f7;
    --colorInteractionReversedWhiteOpacity15: #FFFFFF26;
    --colorInteractionReversedWhiteOpacity30: #FFFFFF4d;
    --colorInteractionReversedWhiteOpacity50: #FFFFFF80;
    --colorMainText: #c21760;
    --colorExpTimerBgCover: #c21760;
    --colorExpTimerDigitCover: #ffffff;
    --colorTiersSubtitleText: #ffffff;
    --colorTier3SubtitleText: #ffffff;
    --colorTier1Tile: #707070;
    --colorTier2Tile: #c21760;
    --colorTier3Tile: #2B3035;
    --colorHowItWorksText: #c21760;
    --colorHowItWorksIconBg: #c21760;
    --colorTimerBg: #c21760;
    --colorTimerDigit: #ffffff;
    --colorNextTiersText: #ffffff;
    --colorNextTier3Text: #ffffff;
    --colorDefaultTier: #ffffff;
    --colorRdpSheetTier1: #ff2b85;
    --colorRdpSheetTier2: #c21760;
    --colorRdpSheetTier3: #2B3035;
    --colorRdpSheetTier4: #707070;
    --colorStarBgTier1: #ff2b85;
    --colorStarBgTier2: #c21760;
    --colorStarBgTier3: #2B3035;
    --colorRdpSheetTierTextBg1: #fef6f9;
    --colorRdpSheetTierTextBg2: #fdf2f7;
    --colorRdpSheetTierTextBg3: #E3E6E8;
    --colorRdpSheetTierTextBg4: #dcdcdc;
    --colorNextTier1Rdp: #ff2b85;
    --colorNextTier2Rdp: #c21760;
    --colorNextTier3Rdp: #2B3035;
    --colorNextTier4Rdp: #707070;
    --colorPopupText: #ffffff;
    --colorGenericBg: #fad9e7;
    --colorExpDealBg: #c21760;
    --colorExpDealText: #ffffff;
    --colorExpStarBgDefault: #dcdcdc;
    --colorExpStarBgActive: #e21b70;
    --colorExpFooterTextDefault: #707070;
    --colorExpFooterTextActive: #e21b70;
    --colorExpTimerContainer: #ffffff;
    --colorExpFooterTimerBg: #e21b70;
    --colorExpFooterTimerDigit: #ffffff;
    --colorExp2GenericBg: #fef6f9;
    --colorExp2DiscountBg: #c21760;
    --colorRating: #ffb413;
    --colorRatingBackground: #f6b2cf;
    --colorRatingFeedbackBackground: #fdf2f7;
    --colorRatingFeedbackActive: #e21b70;
    --colorPopularIcon: #ffb413;
    --colorRatingOutline: #e03000;
    --colorDealSecondary: #ed66a0;
    --colorDealPrimary: #c21760;
    --colorDealTextOnWhite: #e21b70;
    --colorDealBannerText: #c21760;
    --colorPriceEmphasis: #333333;
    --colorProPrimary: #5C1D94;
    --colorProGradient: linear-gradient(90deg, #6E3DAB 0%, #5C1D94 100%);
    --colorProGradientStart: #6E3DAB;
    --colorProGradientEnd: #5C1D94;
    --colorProTagHighlight1: #FCF3FE;
    --colorProDealHighlight2: #EFDDF5;
    --colorTagDealBackground: #e21b70;
    --colorTagDealText: #ffffff;
    --colorTagBestCityBackground: #2B3035;
    --colorTagBestCityText: #ffffff;
    --colorRatingLightTagIcon: #ffffff;
    --colorRatingLightTagText: #ffffff;
    --colorTagPrimaryText: #ffffff;
    --colorTagPrimaryBackground: #e21b70;
    --colorPopularHighlight: #ffedc6;
    --colorPopularTagText: #333333;
    --colorPopularTagIcon: #ffb413;
    --colorTagSponsoredBackground: #333333cc;
    --colorTagSuccessText: #ffffff;
    --colorTagSecondaryText: #c21760;
    --colorTagSecondaryBackground: #fdf2f7;
    --colorInformation: #56616A;
    --colorError: #bb2800;
    --colorSuccess: #3c8264;
    --colorWarning: #fcc54c;
    --colorInformationHighlight: #EEF0F1;
    --colorErrorHighlight: #fdefeb;
    --colorSuccessHighlight: #f0f5f3;
    --colorWarningHighlight: #fffbf1;
    --colorSpecial1: #f6b2cf;
    --colorSpecial2: #ed66a0;
    --colorSpecial3: #ff2b85;
    --colorSpecial4: #E3E6E8;
    --colorSpecial5: #B9C0C6;
    --colorSpecial6: #919DA6;
    --colorSpecial7: #2B3035;
    --colorNeutralPrimary: #333333;
    --colorNeutralSecondary: #707070;
    --colorNeutralInactive: #cacaca;
    --colorNeutralBorder: #dcdcdc;
    --colorNeutralDivider: #ebebeb;
    --colorNeutralSurface: #f7f7f7;
    --colorWhite: #ffffff;
    --colorTransparent: #00000000;
    --colorDark4: #3333330a;
    --colorDark64: #333333a3;
    --colorLight80: #ffffffcc;
    --colorLight56: #ffffff8f;
    --colorAltScreenSurface: #ffffff;
    --colorSurfaceGradientTop: #fdf2f7;
    --colorSurfaceGradientBottom: #f7f7f7;
    --colorSurfaceGradient: linear-gradient(145deg, #fdf2f7 0%, #f7f7f7 100%);
    --colorItemModifierRequiredBackground: #fdf2f7;
    --colorItemModifierRequiredHover: #fad9e7;
    --colorItemModifierRequiredPopular: #f6b2cf;
    --colorProMemberHoverBackground: #fad9e7;
    --colorProMemberTextActive: #c21760;
    --colorDiscountHoverBackground: #fad9e7;
    --colorDiscountTextActive: #c21760;
    --colorLoyaltyHoverBackground: #ffe4aa;
    --colorLoyaltyTextIdle: #333333;
    --colorLoyaltyTextActive: #333333;
    --colorLoyaltyIcon: #333333;
    --colorProHoverBackground: #ebebeb;
    --colorProTextActive: #c21760;
    --colorIlluSecondaryDark: #687580;
    --colorIlluSecondary75: #ed66a0;
    --colorIlluSecondary50: #f6b2cf;
    --colorIlluSecondary30: #fad9e7;
    --colorIlluSecondary20: #ffd271;
    --colorIlluSecondary15: #ffedc6;
    --colorIlluSecondary10: #E3E6E8;
    --colorTileNavigationPrimary800: #e21b70;
    --colorTileNavigationPrimary700: #ff2b85;
    --colorTileNavigationPrimary600: #ed66a0;
    --colorTileNavigationPrimary500: #f6b2cf;
    --colorTileListPrimary400: #fad9e7;
    --colorTileListPrimary300: #fad9e7;
    --colorTileListPrimary200: #fad9e7;
    --colorTileListPrimary100: #fad9e7;
    --colorTileNavigationSecondary800: #ffd271;
    --colorTileNavigationSecondary700: #ffdb8d;
    --colorTileNavigationSecondary600: #ffe4aa;
    --colorTileNavigationSecondary500: #ffe9b8;
    --colorTileListSecondary400: #ffe9b8;
    --colorTileListSecondary300: #ffe9b8;
    --colorTileListSecondary200: #ffe9b8;
    --colorTileListSecondary100: #ffe9b8;
    --colorTileNavigationTertiary800: #919DA6;
    --colorTileNavigationTertiary700: #B9C0C6;
    --colorTileNavigationTertiary600: #C7CDD1;
    --colorTileNavigationTertiary500: #E3E6E8;
    --colorTileListTertiary400: #EEF0F1;
    --colorTileListTertiary300: #EEF0F1;
    --colorTileListTertiary200: #EEF0F1;
    --colorTileListTertiary100: #EEF0F1;
    --colorSocialMediaFacebook: #1877F2;
    --colorSocialMediaFacebookHover: #1364CE;
    --colorFocusRingLight: #B2E2F0;
    --colorFocusRingDark: #0067A0;
    --bdsCornerRadiusBase: 8px;
    --bdsCornerRadiusContainer: 12px;
    --bdsCornerRadiusMedia: 8px;
    --bdsCornerRadiusOverlay: 16px;
    --bdsCornerRadiusButton: 8px;
    --bdsCornerRadiusPressed: 12px;
    --bdsCornerRadiusField: 8px;
    --bdsCornerRadiusSwitch: 8px;
    --bdsCornerRadiusPill: 9999px;
    --bdsCornerRadiusMini: 4px;
    --bdsCornerRadiusCircle: 9999px;
    --colorTabsquarePrimary: #333333;
    --bdsTypographyBgLargeFontFamily: 'Open Sans';
    --bdsTypographyBgLargeFontSize: 160px;
    --bdsTypographyBgLargeFontWeight: 700;
    --bdsTypographyBgLargeLineHeight: 1.3;
    --bdsTypographyBgMediumFontFamily: 'Open Sans';
    --bdsTypographyBgMediumFontSize: 120px;
    --bdsTypographyBgMediumFontWeight: 700;
    --bdsTypographyBgMediumLineHeight: 1.3;
    --bdsTypographyBgSmallFontFamily: 'Open Sans';
    --bdsTypographyBgSmallFontSize: 80px;
    --bdsTypographyBgSmallFontWeight: 700;
    --bdsTypographyBgSmallLineHeight: 1.3;
    --bdsTypographyTitleXxlargeFontFamily: 'Open Sans';
    --bdsTypographyTitleXxlargeFontSize: 40px;
    --bdsTypographyTitleXxlargeFontWeight: 400;
    --bdsTypographyTitleXxlargeLineHeight: 1.3;
    --bdsTypographyTitleXlargeFontFamily: 'Open Sans';
    --bdsTypographyTitleXlargeFontSize: 32px;
    --bdsTypographyTitleXlargeFontWeight: 600;
    --bdsTypographyTitleXlargeLineHeight: 1.3125;
    --bdsTypographyTitleXlargeSecondaryFontFamily: 'Open Sans';
    --bdsTypographyTitleXlargeSecondaryFontSize: 32px;
    --bdsTypographyTitleXlargeSecondaryFontWeight: 400;
    --bdsTypographyTitleXlargeSecondaryLineHeight: 1.3125;
    --bdsTypographyTitleLargeFontFamily: 'Open Sans';
    --bdsTypographyTitleLargeFontSize: 24px;
    --bdsTypographyTitleLargeFontWeight: 700;
    --bdsTypographyTitleLargeLineHeight: 1.333333333;
    --bdsTypographyTitleLargeSecondaryFontFamily: 'Open Sans';
    --bdsTypographyTitleLargeSecondaryFontSize: 24px;
    --bdsTypographyTitleLargeSecondaryFontWeight: 400;
    --bdsTypographyTitleLargeSecondaryLineHeight: 1.333333333;
    --bdsTypographyTitleMediumFontFamily: 'Open Sans';
    --bdsTypographyTitleMediumFontSize: 18px;
    --bdsTypographyTitleMediumFontWeight: 700;
    --bdsTypographyTitleMediumLineHeight: 1.555555556;
    --bdsTypographyTitleMediumSecondaryFontFamily: 'Open Sans';
    --bdsTypographyTitleMediumSecondaryFontSize: 18px;
    --bdsTypographyTitleMediumSecondaryFontWeight: 400;
    --bdsTypographyTitleMediumSecondaryLineHeight: 1.555555556;
    --bdsTypographyTitleSmallFontFamily: 'Open Sans';
    --bdsTypographyTitleSmallFontSize: 16px;
    --bdsTypographyTitleSmallFontWeight: 600;
    --bdsTypographyTitleSmallLineHeight: 1.5;
    --bdsTypographyLabelLargeFontFamily: 'Open Sans';
    --bdsTypographyLabelLargeFontSize: 16px;
    --bdsTypographyLabelLargeFontWeight: 600;
    --bdsTypographyLabelLargeLineHeight: 1.5;
    --bdsTypographyLabelMediumFontFamily: 'Open Sans';
    --bdsTypographyLabelMediumFontSize: 14px;
    --bdsTypographyLabelMediumFontWeight: 600;
    --bdsTypographyLabelMediumLineHeight: 1.571428571;
    --bdsTypographyLabelSmallFontFamily: 'Open Sans';
    --bdsTypographyLabelSmallFontSize: 12px;
    --bdsTypographyLabelSmallFontWeight: 600;
    --bdsTypographyLabelSmallLineHeight: 1.5;
    --bdsTypographyLabelSmallSecondaryFontFamily: 'Open Sans';
    --bdsTypographyLabelSmallSecondaryFontSize: 12px;
    --bdsTypographyLabelSmallSecondaryFontWeight: 400;
    --bdsTypographyLabelSmallSecondaryLineHeight: 1.5;
    --bdsTypographyLabelXsmallFontFamily: 'Open Sans';
    --bdsTypographyLabelXsmallFontSize: 10px;
    --bdsTypographyLabelXsmallFontWeight: 600;
    --bdsTypographyLabelXsmallLineHeight: 1.6;
    --bdsTypographyParagraphMediumFontFamily: 'Open Sans';
    --bdsTypographyParagraphMediumFontSize: 16px;
    --bdsTypographyParagraphMediumFontWeight: 400;
    --bdsTypographyParagraphMediumLineHeight: 1.5;
    --bdsTypographyParagraphSmallFontFamily: 'Open Sans';
    --bdsTypographyParagraphSmallFontSize: 14px;
    --bdsTypographyParagraphSmallFontWeight: 400;
    --bdsTypographyParagraphSmallLineHeight: 1.571428571;
    --bdsTypographyParagraphXsmallFontFamily: 'Open Sans';
    --bdsTypographyParagraphXsmallFontSize: 12px;
    --bdsTypographyParagraphXsmallFontWeight: 600;
    --bdsTypographyParagraphXsmallLineHeight: 1.833333333;
    --bdsTypographyParagraphXsmallSecondaryFontFamily: 'Open Sans';
    --bdsTypographyParagraphXsmallSecondaryFontSize: 12px;
    --bdsTypographyParagraphXsmallSecondaryFontWeight: 400;
    --bdsTypographyParagraphXsmallSecondaryLineHeight: 1.833333333;
    --bdsTypographyRibbonBaseFontFamily: 'Open Sans';
    --bdsTypographyRibbonBaseFontSize: 14px;
    --bdsTypographyRibbonBaseFontWeight: 600;
    --bdsTypographyRibbonBaseLineHeight: 1.571428571;
    --bdsTypographyMiniBaseFontFamily: 'Open Sans';
    --bdsTypographyMiniBaseFontSize: 10px;
    --bdsTypographyMiniBaseFontWeight: 700;
    --bdsTypographyMiniBaseLineHeight: 1.6;
    --bdsSpacingXxxs: 2px;
    --bdsSpacingXxs: 4px;
    --bdsSpacingXs: 8px;
    --bdsSpacingSt: 12px;
    --bdsSpacingSm: 16px;
    --bdsSpacingMd: 24px;
    --bdsSpacingLg: 32px;
    --bdsSpacingXl: 48px;
    --bdsSpacingXxl: 64px;
    --bdsSpacingXxxl: 80px;
    --bdsElevationLow: 0px 0px 24px 0px rgba(0,0,0,0.16);
    --bdsElevationMedium: 0px 0px 48px 0px rgba(0,0,0,0.24);
    --bdsElevationHigh: 0px 0px 96px 0px rgba(0,0,0,0.24);
    --bdsMotionEasingEntrance: cubic-bezier(0, 0, 0.1, 1);
    --bdsMotionEasingExit: cubic-bezier(0.52, 0, 1, 1);
    --bdsMotionEasingStandard: cubic-bezier(0.22, 0.1, 0.1, 1);
    --bdsMotionEasingBounce: cubic-bezier(0.35, 0.12, 0.14, 1.42);
    --bdsMotionDelay50: 50ms;
    --bdsMotionDelay100: 100ms;
    --bdsMotionDelay150: 150ms;
    --bdsMotionDelay400: 400ms;
    --bdsMotionDelay600: 600ms;
    --bdsMotionDuration100: 100ms;
    --bdsMotionDuration150: 150ms;
    --bdsMotionDuration200: 200ms;
    --bdsMotionDuration250: 250ms;
    --bdsMotionDuration300: 300ms;
    --bdsMotionDuration350: 350ms;
    --bdsMotionDuration400: 400ms;
    --bdsMotionDuration450: 450ms;
    --bdsMotionDuration500: 500ms;
    --bdsMotionDuration600: 600ms;
    --bdsGridMinWidthSm: 528px;
    --bdsGridMinWidthMd: 768px;
    --bdsGridMinWidthLg: 960px;
    --bdsGridMinWidthXl: 1264px;
    --bdsGridMaxWidthSm: 767px;
    --bdsGridMaxWidthMd: 959px;
    --bdsGridMaxWidthLg: 1263px;
    --bdsGridMaxWidthXl: 1440px;
    --bdsGridColSm: 6;
    --bdsGridColMd: 6;
    --bdsGridColLg: 12;
    --bdsGridColXl: 12;
    --bdsGridGutterSm: 16px;
    --bdsGridGutterMd: 16px;
    --bdsGridGutterLg: 24px;
    --bdsGridGutterXl: 24px;
    --bdsGridMarginSm: 16px;
    --bdsGridMarginMd: 16px;
    --bdsGridMarginLg: 32px;
    --bdsGridMarginXl: 64px;
    --bdsZindexSurfaceBase: 1;
    --bdsZindexSurfaceRaised: 1;
    --bdsZindexSurfacePeaked: 1;
    --bdsZindexLowBase: 100;
    --bdsZindexLowRaised: 125;
    --bdsZindexLowPeaked: 150;
    --bdsZindexMediumBase: 200;
    --bdsZindexMediumRaised: 225;
    --bdsZindexMediumPeaked: 250;
    --bdsZindexHighBase: 300;
    --bdsZindexHighRaised: 325;
    --bdsZindexHighPeaked: 350;
    --colorErrorRgb: 224, 48, 0;
    --colorWarningRgb: 252, 197, 76;
    --colorSuccessRgb: 60, 130, 100;
    --colorInformationRgb: 39, 111, 191;
    --colorInteractionPrimaryRgb: 215, 15, 100;
    --colorRiderBanner: rgb(215, 15, 100);
    --colorTagDealBg: #E21B70;
    --colorTagPrimaryBg: #E21B70;
    --colorOverlayDark4: #0000000A;
    --colorOverlayDark64: #000000A3;
    --colorOverlayLight56: #ffffff8F;
    --colorOverlayLight80: #ffffffCC;
    --colorJokerPrimary: #1F4D5D;
    --colorJokerPrimaryBk: #E3E6E8;
    --colorJokerPrimaryBk2: #B9C0C6;
    --colorJokerSecondary: #FF2B85;
    --colorJokerSecondaryBk: #FAD9E7;
    --colorJokerTertiary: #C21760;
    --colorJokerTertiaryBk: #FEF6F9;
    --tileNavPrimary800: #d70f64;
    --tileNavPrimary700: #df3f83;
    --tileNavPrimary600: #e76fa2;
    --tileNavPrimary500: #ef9fc1;
    --tileListPrimary400: #f9d7db;
    --tileListPrimary300: #f9d7db;
    --tileListPrimary200: #f9d7db;
    --tileListPrimary100: #f9d7db;
    --tileNavSecondary800: #ffd271;
    --tileNavSecondary700: #ffdb8d;
    --tileNavSecondary600: #ffe4aa;
    --tileNavSecondary500: #ffe8b8;
    --tileListSecondary400: #ffe9b8;
    --tileListSecondary300: #ffe8b8;
    --tileListSecondary200: #ffe8b8;
    --tileListSecondary100: #ffe8b8;
    --tileNavTertiary800: #919DA6;
    --tileNavTertiary700: #B9C0C6;
    --tileNavTertiary600: #C7CDD1;
    --tileNavTertiary500: #E3E6E8;
    --tileListTertiary400: #EEF0F1;
    --tileListTertiary300: #EEF0F1;
    --tileListTertiary200: #EEF0F1;
    --tileListTertiary100: #EEF0F1;}





.box-flex {
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.pa-xxxl {
    padding: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pa-xxxl {
        padding:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pa-xxxl {
        padding:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pa-xxxl {
        padding:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pa-xxxl {
        padding:var(--bdsSpacingXxxl)!important
    }
}

.pa-zero {
    padding: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pa-zero {
        padding:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pa-zero {
        padding:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pa-zero {
        padding:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pa-zero {
        padding:0!important
    }
}

.pa-bds-xxl {
    padding: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pa-bds-xxl {
        padding:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pa-bds-xxl {
        padding:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pa-bds-xxl {
        padding:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pa-bds-xxl {
        padding:var(--bdsSpacingXxl)!important
    }
}

.pr-xxxs {
    padding-right: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-xxxs {
        padding-right:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-xxxs {
        padding-right:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-xxxs {
        padding-right:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-xxxs {
        padding-right:var(--bdsSpacingXxxs)!important
    }
}

.pr-xxs {
    padding-right: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-xxs {
        padding-right:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-xxs {
        padding-right:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-xxs {
        padding-right:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-xxs {
        padding-right:var(--bdsSpacingXxs)!important
    }
}

.pr-xs {
    padding-right: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-xs {
        padding-right:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-xs {
        padding-right:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-xs {
        padding-right:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-xs {
        padding-right:var(--bdsSpacingXs)!important
    }
}

.pr-st {
    padding-right: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-st {
        padding-right:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-st {
        padding-right:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-st {
        padding-right:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-st {
        padding-right:var(--bdsSpacingSt)!important
    }
}

.pr-sm {
    padding-right: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-sm {
        padding-right:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-sm {
        padding-right:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-sm {
        padding-right:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-sm {
        padding-right:var(--bdsSpacingSm)!important
    }
}

.pr-md {
    padding-right: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-md {
        padding-right:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-md {
        padding-right:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-md {
        padding-right:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-md {
        padding-right:var(--bdsSpacingMd)!important
    }
}

.pr-lg {
    padding-right: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-lg {
        padding-right:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-lg {
        padding-right:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-lg {
        padding-right:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-lg {
        padding-right:var(--bdsSpacingLg)!important
    }
}

.pr-xl {
    padding-right: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-xl {
        padding-right:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-xl {
        padding-right:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-xl {
        padding-right:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-xl {
        padding-right:var(--bdsSpacingXl)!important
    }
}

.pr-xxl {
    padding-right: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-xxl {
        padding-right:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-xxl {
        padding-right:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-xxl {
        padding-right:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-xxl {
        padding-right:80px!important
    }
}

.pr-xxxl {
    padding-right: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-xxxl {
        padding-right:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-xxxl {
        padding-right:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-xxxl {
        padding-right:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-xxxl {
        padding-right:var(--bdsSpacingXxxl)!important
    }
}

.pr-zero {
    padding-right: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-zero {
        padding-right:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-zero {
        padding-right:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-zero {
        padding-right:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-zero {
        padding-right:0!important
    }
}

.pr-bds-xxl {
    padding-right: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pr-bds-xxl {
        padding-right:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pr-bds-xxl {
        padding-right:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pr-bds-xxl {
        padding-right:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pr-bds-xxl {
        padding-right:var(--bdsSpacingXxl)!important
    }
}

.pl-xxxs {
    padding-left: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-xxxs {
        padding-left:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-xxxs {
        padding-left:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-xxxs {
        padding-left:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-xxxs {
        padding-left:var(--bdsSpacingXxxs)!important
    }
}

.pl-xxs {
    padding-left: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-xxs {
        padding-left:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-xxs {
        padding-left:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-xxs {
        padding-left:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-xxs {
        padding-left:var(--bdsSpacingXxs)!important
    }
}

.pl-xs {
    padding-left: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-xs {
        padding-left:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-xs {
        padding-left:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-xs {
        padding-left:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-xs {
        padding-left:var(--bdsSpacingXs)!important
    }
}

.pl-st {
    padding-left: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-st {
        padding-left:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-st {
        padding-left:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-st {
        padding-left:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-st {
        padding-left:var(--bdsSpacingSt)!important
    }
}

.pl-sm {
    padding-left: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-sm {
        padding-left:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-sm {
        padding-left:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-sm {
        padding-left:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-sm {
        padding-left:var(--bdsSpacingSm)!important
    }
}

.pl-md {
    padding-left: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-md {
        padding-left:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-md {
        padding-left:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-md {
        padding-left:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-md {
        padding-left:var(--bdsSpacingMd)!important
    }
}

.pl-lg {
    padding-left: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-lg {
        padding-left:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-lg {
        padding-left:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-lg {
        padding-left:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-lg {
        padding-left:var(--bdsSpacingLg)!important
    }
}

.pl-xl {
    padding-left: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-xl {
        padding-left:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-xl {
        padding-left:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-xl {
        padding-left:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-xl {
        padding-left:var(--bdsSpacingXl)!important
    }
}

.pl-xxl {
    padding-left: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-xxl {
        padding-left:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-xxl {
        padding-left:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-xxl {
        padding-left:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-xxl {
        padding-left:80px!important
    }
}

.pl-xxxl {
    padding-left: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-xxxl {
        padding-left:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-xxxl {
        padding-left:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-xxxl {
        padding-left:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-xxxl {
        padding-left:var(--bdsSpacingXxxl)!important
    }
}

.pl-zero {
    padding-left: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-zero {
        padding-left:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-zero {
        padding-left:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-zero {
        padding-left:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-zero {
        padding-left:0!important
    }
}

.pl-bds-xxl {
    padding-left: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pl-bds-xxl {
        padding-left:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pl-bds-xxl {
        padding-left:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pl-bds-xxl {
        padding-left:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pl-bds-xxl {
        padding-left:var(--bdsSpacingXxl)!important
    }
}

.pt-xxxs {
    padding-top: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-xxxs {
        padding-top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-xxxs {
        padding-top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-xxxs {
        padding-top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-xxxs {
        padding-top:var(--bdsSpacingXxxs)!important
    }
}

.pt-xxs {
    padding-top: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-xxs {
        padding-top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-xxs {
        padding-top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-xxs {
        padding-top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-xxs {
        padding-top:var(--bdsSpacingXxs)!important
    }
}

.pt-xs {
    padding-top: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-xs {
        padding-top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-xs {
        padding-top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-xs {
        padding-top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-xs {
        padding-top:var(--bdsSpacingXs)!important
    }
}

.pt-st {
    padding-top: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-st {
        padding-top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-st {
        padding-top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-st {
        padding-top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-st {
        padding-top:var(--bdsSpacingSt)!important
    }
}

.pt-sm {
    padding-top: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-sm {
        padding-top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-sm {
        padding-top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-sm {
        padding-top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-sm {
        padding-top:var(--bdsSpacingSm)!important
    }
}

.pt-md {
    padding-top: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-md {
        padding-top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-md {
        padding-top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-md {
        padding-top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-md {
        padding-top:var(--bdsSpacingMd)!important
    }
}

.pt-lg {
    padding-top: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-lg {
        padding-top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-lg {
        padding-top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-lg {
        padding-top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-lg {
        padding-top:var(--bdsSpacingLg)!important
    }
}

.pt-xl {
    padding-top: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-xl {
        padding-top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-xl {
        padding-top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-xl {
        padding-top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-xl {
        padding-top:var(--bdsSpacingXl)!important
    }
}

.pt-xxl {
    padding-top: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-xxl {
        padding-top:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-xxl {
        padding-top:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-xxl {
        padding-top:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-xxl {
        padding-top:80px!important
    }
}

.pt-xxxl {
    padding-top: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-xxxl {
        padding-top:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-xxxl {
        padding-top:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-xxxl {
        padding-top:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-xxxl {
        padding-top:var(--bdsSpacingXxxl)!important
    }
}

.pt-zero {
    padding-top: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-zero {
        padding-top:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-zero {
        padding-top:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-zero {
        padding-top:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-zero {
        padding-top:0!important
    }
}

.pt-bds-xxl {
    padding-top: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pt-bds-xxl {
        padding-top:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pt-bds-xxl {
        padding-top:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pt-bds-xxl {
        padding-top:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pt-bds-xxl {
        padding-top:var(--bdsSpacingXxl)!important
    }
}

.pb-xxxs {
    padding-bottom: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-xxxs {
        padding-bottom:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-xxxs {
        padding-bottom:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-xxxs {
        padding-bottom:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-xxxs {
        padding-bottom:var(--bdsSpacingXxxs)!important
    }
}

.pb-xxs {
    padding-bottom: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-xxs {
        padding-bottom:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-xxs {
        padding-bottom:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-xxs {
        padding-bottom:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-xxs {
        padding-bottom:var(--bdsSpacingXxs)!important
    }
}

.pb-xs {
    padding-bottom: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-xs {
        padding-bottom:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-xs {
        padding-bottom:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-xs {
        padding-bottom:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-xs {
        padding-bottom:var(--bdsSpacingXs)!important
    }
}

.pb-st {
    padding-bottom: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-st {
        padding-bottom:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-st {
        padding-bottom:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-st {
        padding-bottom:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-st {
        padding-bottom:var(--bdsSpacingSt)!important
    }
}

.pb-sm {
    padding-bottom: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-sm {
        padding-bottom:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-sm {
        padding-bottom:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-sm {
        padding-bottom:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-sm {
        padding-bottom:var(--bdsSpacingSm)!important
    }
}

.pb-md {
    padding-bottom: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-md {
        padding-bottom:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-md {
        padding-bottom:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-md {
        padding-bottom:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-md {
        padding-bottom:var(--bdsSpacingMd)!important
    }
}

.pb-lg {
    padding-bottom: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-lg {
        padding-bottom:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-lg {
        padding-bottom:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-lg {
        padding-bottom:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-lg {
        padding-bottom:var(--bdsSpacingLg)!important
    }
}

.pb-xl {
    padding-bottom: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-xl {
        padding-bottom:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-xl {
        padding-bottom:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-xl {
        padding-bottom:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-xl {
        padding-bottom:var(--bdsSpacingXl)!important
    }
}

.pb-xxl {
    padding-bottom: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-xxl {
        padding-bottom:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-xxl {
        padding-bottom:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-xxl {
        padding-bottom:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-xxl {
        padding-bottom:80px!important
    }
}

.pb-xxxl {
    padding-bottom: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-xxxl {
        padding-bottom:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-xxxl {
        padding-bottom:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-xxxl {
        padding-bottom:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-xxxl {
        padding-bottom:var(--bdsSpacingXxxl)!important
    }
}

.pb-zero {
    padding-bottom: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-zero {
        padding-bottom:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-zero {
        padding-bottom:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-zero {
        padding-bottom:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-zero {
        padding-bottom:0!important
    }
}

.pb-bds-xxl {
    padding-bottom: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:pb-bds-xxl {
        padding-bottom:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:pb-bds-xxl {
        padding-bottom:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:pb-bds-xxl {
        padding-bottom:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:pb-bds-xxl {
        padding-bottom:var(--bdsSpacingXxl)!important
    }
}

.ma-xxxs {
    margin: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-xxxs {
        margin:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-xxxs {
        margin:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-xxxs {
        margin:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-xxxs {
        margin:var(--bdsSpacingXxxs)!important
    }
}

.ma-xxs {
    margin: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-xxs {
        margin:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-xxs {
        margin:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-xxs {
        margin:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-xxs {
        margin:var(--bdsSpacingXxs)!important
    }
}

.ma-xs {
    margin: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-xs {
        margin:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-xs {
        margin:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-xs {
        margin:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-xs {
        margin:var(--bdsSpacingXs)!important
    }
}

.ma-st {
    margin: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-st {
        margin:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-st {
        margin:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-st {
        margin:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-st {
        margin:var(--bdsSpacingSt)!important
    }
}

.ma-sm {
    margin: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-sm {
        margin:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-sm {
        margin:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-sm {
        margin:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-sm {
        margin:var(--bdsSpacingSm)!important
    }
}

.ma-md {
    margin: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-md {
        margin:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-md {
        margin:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-md {
        margin:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-md {
        margin:var(--bdsSpacingMd)!important
    }
}

.ma-lg {
    margin: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-lg {
        margin:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-lg {
        margin:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-lg {
        margin:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-lg {
        margin:var(--bdsSpacingLg)!important
    }
}

.ma-xl {
    margin: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-xl {
        margin:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-xl {
        margin:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-xl {
        margin:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-xl {
        margin:var(--bdsSpacingXl)!important
    }
}

.ma-xxl {
    margin: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-xxl {
        margin:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-xxl {
        margin:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-xxl {
        margin:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-xxl {
        margin:80px!important
    }
}

.ma-xxxl {
    margin: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-xxxl {
        margin:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-xxxl {
        margin:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-xxxl {
        margin:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-xxxl {
        margin:var(--bdsSpacingXxxl)!important
    }
}

.ma-zero {
    margin: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-zero {
        margin:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-zero {
        margin:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-zero {
        margin:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-zero {
        margin:0!important
    }
}

.ma-bds-xxl {
    margin: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ma-bds-xxl {
        margin:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ma-bds-xxl {
        margin:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ma-bds-xxl {
        margin:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ma-bds-xxl {
        margin:var(--bdsSpacingXxl)!important
    }
}

.mr-xxxs {
    margin-right: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-xxxs {
        margin-right:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-xxxs {
        margin-right:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-xxxs {
        margin-right:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-xxxs {
        margin-right:var(--bdsSpacingXxxs)!important
    }
}

.mr-xxs {
    margin-right: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-xxs {
        margin-right:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-xxs {
        margin-right:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-xxs {
        margin-right:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-xxs {
        margin-right:var(--bdsSpacingXxs)!important
    }
}

.mr-xs {
    margin-right: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-xs {
        margin-right:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-xs {
        margin-right:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-xs {
        margin-right:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-xs {
        margin-right:var(--bdsSpacingXs)!important
    }
}

.mr-st {
    margin-right: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-st {
        margin-right:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-st {
        margin-right:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-st {
        margin-right:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-st {
        margin-right:var(--bdsSpacingSt)!important
    }
}

.mr-sm {
    margin-right: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-sm {
        margin-right:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-sm {
        margin-right:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-sm {
        margin-right:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-sm {
        margin-right:var(--bdsSpacingSm)!important
    }
}

.mr-md {
    margin-right: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-md {
        margin-right:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-md {
        margin-right:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-md {
        margin-right:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-md {
        margin-right:var(--bdsSpacingMd)!important
    }
}

.mr-lg {
    margin-right: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-lg {
        margin-right:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-lg {
        margin-right:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-lg {
        margin-right:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-lg {
        margin-right:var(--bdsSpacingLg)!important
    }
}

.mr-xl {
    margin-right: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-xl {
        margin-right:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-xl {
        margin-right:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-xl {
        margin-right:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-xl {
        margin-right:var(--bdsSpacingXl)!important
    }
}

.mr-xxl {
    margin-right: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-xxl {
        margin-right:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-xxl {
        margin-right:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-xxl {
        margin-right:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-xxl {
        margin-right:80px!important
    }
}

.mr-xxxl {
    margin-right: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-xxxl {
        margin-right:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-xxxl {
        margin-right:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-xxxl {
        margin-right:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-xxxl {
        margin-right:var(--bdsSpacingXxxl)!important
    }
}

.mr-zero {
    margin-right: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-zero {
        margin-right:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-zero {
        margin-right:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-zero {
        margin-right:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-zero {
        margin-right:0!important
    }
}

.mr-bds-xxl {
    margin-right: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mr-bds-xxl {
        margin-right:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mr-bds-xxl {
        margin-right:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mr-bds-xxl {
        margin-right:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mr-bds-xxl {
        margin-right:var(--bdsSpacingXxl)!important
    }
}

.ml-xxxs {
    margin-left: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-xxxs {
        margin-left:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-xxxs {
        margin-left:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-xxxs {
        margin-left:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-xxxs {
        margin-left:var(--bdsSpacingXxxs)!important
    }
}

.ml-xxs {
    margin-left: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-xxs {
        margin-left:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-xxs {
        margin-left:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-xxs {
        margin-left:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-xxs {
        margin-left:var(--bdsSpacingXxs)!important
    }
}

.ml-xs {
    margin-left: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-xs {
        margin-left:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-xs {
        margin-left:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-xs {
        margin-left:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-xs {
        margin-left:var(--bdsSpacingXs)!important
    }
}

.ml-st {
    margin-left: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-st {
        margin-left:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-st {
        margin-left:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-st {
        margin-left:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-st {
        margin-left:var(--bdsSpacingSt)!important
    }
}

.ml-sm {
    margin-left: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-sm {
        margin-left:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-sm {
        margin-left:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-sm {
        margin-left:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-sm {
        margin-left:var(--bdsSpacingSm)!important
    }
}

.ml-md {
    margin-left: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-md {
        margin-left:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-md {
        margin-left:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-md {
        margin-left:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-md {
        margin-left:var(--bdsSpacingMd)!important
    }
}

.ml-lg {
    margin-left: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-lg {
        margin-left:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-lg {
        margin-left:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-lg {
        margin-left:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-lg {
        margin-left:var(--bdsSpacingLg)!important
    }
}

.ml-xl {
    margin-left: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-xl {
        margin-left:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-xl {
        margin-left:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-xl {
        margin-left:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-xl {
        margin-left:var(--bdsSpacingXl)!important
    }
}

.ml-xxl {
    margin-left: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-xxl {
        margin-left:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-xxl {
        margin-left:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-xxl {
        margin-left:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-xxl {
        margin-left:80px!important
    }
}

.ml-xxxl {
    margin-left: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-xxxl {
        margin-left:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-xxxl {
        margin-left:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-xxxl {
        margin-left:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-xxxl {
        margin-left:var(--bdsSpacingXxxl)!important
    }
}

.ml-zero {
    margin-left: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-zero {
        margin-left:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-zero {
        margin-left:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-zero {
        margin-left:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-zero {
        margin-left:0!important
    }
}

.ml-bds-xxl {
    margin-left: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:ml-bds-xxl {
        margin-left:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:ml-bds-xxl {
        margin-left:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:ml-bds-xxl {
        margin-left:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:ml-bds-xxl {
        margin-left:var(--bdsSpacingXxl)!important
    }
}

.mt-xxxs {
    margin-top: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-xxxs {
        margin-top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-xxxs {
        margin-top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-xxxs {
        margin-top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-xxxs {
        margin-top:var(--bdsSpacingXxxs)!important
    }
}

.mt-xxs {
    margin-top: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-xxs {
        margin-top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-xxs {
        margin-top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-xxs {
        margin-top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-xxs {
        margin-top:var(--bdsSpacingXxs)!important
    }
}

.mt-xs {
    margin-top: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-xs {
        margin-top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-xs {
        margin-top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-xs {
        margin-top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-xs {
        margin-top:var(--bdsSpacingXs)!important
    }
}

.mt-st {
    margin-top: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-st {
        margin-top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-st {
        margin-top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-st {
        margin-top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-st {
        margin-top:var(--bdsSpacingSt)!important
    }
}

.mt-sm {
    margin-top: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-sm {
        margin-top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-sm {
        margin-top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-sm {
        margin-top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-sm {
        margin-top:var(--bdsSpacingSm)!important
    }
}

.mt-md {
    margin-top: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-md {
        margin-top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-md {
        margin-top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-md {
        margin-top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-md {
        margin-top:var(--bdsSpacingMd)!important
    }
}

.mt-lg {
    margin-top: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-lg {
        margin-top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-lg {
        margin-top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-lg {
        margin-top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-lg {
        margin-top:var(--bdsSpacingLg)!important
    }
}

.mt-xl {
    margin-top: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-xl {
        margin-top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-xl {
        margin-top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-xl {
        margin-top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-xl {
        margin-top:var(--bdsSpacingXl)!important
    }
}

.mt-xxl {
    margin-top: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-xxl {
        margin-top:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-xxl {
        margin-top:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-xxl {
        margin-top:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-xxl {
        margin-top:80px!important
    }
}

.mt-xxxl {
    margin-top: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-xxxl {
        margin-top:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-xxxl {
        margin-top:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-xxxl {
        margin-top:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-xxxl {
        margin-top:var(--bdsSpacingXxxl)!important
    }
}

.mt-zero {
    margin-top: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-zero {
        margin-top:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-zero {
        margin-top:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-zero {
        margin-top:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-zero {
        margin-top:0!important
    }
}

.mt-bds-xxl {
    margin-top: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mt-bds-xxl {
        margin-top:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mt-bds-xxl {
        margin-top:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mt-bds-xxl {
        margin-top:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mt-bds-xxl {
        margin-top:var(--bdsSpacingXxl)!important
    }
}

.mb-xxxs {
    margin-bottom: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-xxxs {
        margin-bottom:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-xxxs {
        margin-bottom:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-xxxs {
        margin-bottom:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-xxxs {
        margin-bottom:var(--bdsSpacingXxxs)!important
    }
}

.mb-xxs {
    margin-bottom: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-xxs {
        margin-bottom:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-xxs {
        margin-bottom:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-xxs {
        margin-bottom:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-xxs {
        margin-bottom:var(--bdsSpacingXxs)!important
    }
}

.mb-xs {
    margin-bottom: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-xs {
        margin-bottom:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-xs {
        margin-bottom:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-xs {
        margin-bottom:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-xs {
        margin-bottom:var(--bdsSpacingXs)!important
    }
}

.mb-st {
    margin-bottom: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-st {
        margin-bottom:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-st {
        margin-bottom:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-st {
        margin-bottom:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-st {
        margin-bottom:var(--bdsSpacingSt)!important
    }
}

.mb-sm {
    margin-bottom: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-sm {
        margin-bottom:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-sm {
        margin-bottom:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-sm {
        margin-bottom:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-sm {
        margin-bottom:var(--bdsSpacingSm)!important
    }
}

.mb-md {
    margin-bottom: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-md {
        margin-bottom:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-md {
        margin-bottom:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-md {
        margin-bottom:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-md {
        margin-bottom:var(--bdsSpacingMd)!important
    }
}

.mb-lg {
    margin-bottom: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-lg {
        margin-bottom:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-lg {
        margin-bottom:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-lg {
        margin-bottom:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-lg {
        margin-bottom:var(--bdsSpacingLg)!important
    }
}

.mb-xl {
    margin-bottom: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-xl {
        margin-bottom:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-xl {
        margin-bottom:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-xl {
        margin-bottom:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-xl {
        margin-bottom:var(--bdsSpacingXl)!important
    }
}

.mb-xxl {
    margin-bottom: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-xxl {
        margin-bottom:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-xxl {
        margin-bottom:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-xxl {
        margin-bottom:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-xxl {
        margin-bottom:80px!important
    }
}

.mb-xxxl {
    margin-bottom: var(--bdsSpacingXxxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-xxxl {
        margin-bottom:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-xxxl {
        margin-bottom:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-xxxl {
        margin-bottom:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-xxxl {
        margin-bottom:var(--bdsSpacingXxxl)!important
    }
}

.mb-zero {
    margin-bottom: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-zero {
        margin-bottom:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-zero {
        margin-bottom:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-zero {
        margin-bottom:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-zero {
        margin-bottom:0!important
    }
}

.mb-bds-xxl {
    margin-bottom: var(--bdsSpacingXxl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:mb-bds-xxl {
        margin-bottom:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:mb-bds-xxl {
        margin-bottom:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:mb-bds-xxl {
        margin-bottom:var(--bdsSpacingXxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:mb-bds-xxl {
        margin-bottom:var(--bdsSpacingXxl)!important
    }
}

.br-base {
    border-radius: var(--bdsCornerRadiusBase)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-base {
        border-radius:var(--bdsCornerRadiusBase)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-base {
        border-radius:var(--bdsCornerRadiusBase)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-base {
        border-radius:var(--bdsCornerRadiusBase)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-base {
        border-radius:var(--bdsCornerRadiusBase)!important
    }
}

.br-container {
    border-radius: var(--bdsCornerRadiusContainer)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-container {
        border-radius:var(--bdsCornerRadiusContainer)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-container {
        border-radius:var(--bdsCornerRadiusContainer)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-container {
        border-radius:var(--bdsCornerRadiusContainer)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-container {
        border-radius:var(--bdsCornerRadiusContainer)!important
    }
}

.br-media {
    border-radius: var(--bdsCornerRadiusMedia)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-media {
        border-radius:var(--bdsCornerRadiusMedia)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-media {
        border-radius:var(--bdsCornerRadiusMedia)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-media {
        border-radius:var(--bdsCornerRadiusMedia)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-media {
        border-radius:var(--bdsCornerRadiusMedia)!important
    }
}

.br-overlay {
    border-radius: var(--bdsCornerRadiusOverlay)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-overlay {
        border-radius:var(--bdsCornerRadiusOverlay)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-overlay {
        border-radius:var(--bdsCornerRadiusOverlay)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-overlay {
        border-radius:var(--bdsCornerRadiusOverlay)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-overlay {
        border-radius:var(--bdsCornerRadiusOverlay)!important
    }
}

.br-button {
    border-radius: var(--bdsCornerRadiusButton)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-button {
        border-radius:var(--bdsCornerRadiusButton)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-button {
        border-radius:var(--bdsCornerRadiusButton)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-button {
        border-radius:var(--bdsCornerRadiusButton)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-button {
        border-radius:var(--bdsCornerRadiusButton)!important
    }
}

.br-pressed {
    border-radius: var(--bdsCornerRadiusPressed)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-pressed {
        border-radius:var(--bdsCornerRadiusPressed)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-pressed {
        border-radius:var(--bdsCornerRadiusPressed)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-pressed {
        border-radius:var(--bdsCornerRadiusPressed)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-pressed {
        border-radius:var(--bdsCornerRadiusPressed)!important
    }
}

.br-field {
    border-radius: var(--bdsCornerRadiusField)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-field {
        border-radius:var(--bdsCornerRadiusField)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-field {
        border-radius:var(--bdsCornerRadiusField)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-field {
        border-radius:var(--bdsCornerRadiusField)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-field {
        border-radius:var(--bdsCornerRadiusField)!important
    }
}

.br-switch {
    border-radius: var(--bdsCornerRadiusSwitch)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-switch {
        border-radius:var(--bdsCornerRadiusSwitch)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-switch {
        border-radius:var(--bdsCornerRadiusSwitch)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-switch {
        border-radius:var(--bdsCornerRadiusSwitch)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-switch {
        border-radius:var(--bdsCornerRadiusSwitch)!important
    }
}

.br-pill {
    border-radius: var(--bdsCornerRadiusPill)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-pill {
        border-radius:var(--bdsCornerRadiusPill)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-pill {
        border-radius:var(--bdsCornerRadiusPill)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-pill {
        border-radius:var(--bdsCornerRadiusPill)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-pill {
        border-radius:var(--bdsCornerRadiusPill)!important
    }
}

.br-mini {
    border-radius: var(--bdsCornerRadiusMini)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-mini {
        border-radius:var(--bdsCornerRadiusMini)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-mini {
        border-radius:var(--bdsCornerRadiusMini)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-mini {
        border-radius:var(--bdsCornerRadiusMini)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-mini {
        border-radius:var(--bdsCornerRadiusMini)!important
    }
}

.br-circle {
    border-radius: var(--bdsCornerRadiusCircle)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-circle {
        border-radius:var(--bdsCornerRadiusCircle)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-circle {
        border-radius:var(--bdsCornerRadiusCircle)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-circle {
        border-radius:var(--bdsCornerRadiusCircle)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-circle {
        border-radius:var(--bdsCornerRadiusCircle)!important
    }
}

.br-zero {
    border-radius: 0
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-zero {
        border-radius:0!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-zero {
        border-radius:0!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-zero {
        border-radius:0!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-zero {
        border-radius:0!important
    }
}

.br-xxxs {
    border-radius: 2px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-xxxs {
        border-radius:2px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-xxxs {
        border-radius:2px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-xxxs {
        border-radius:2px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-xxxs {
        border-radius:2px!important
    }
}

.br-xxs {
    border-radius: 4px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-xxs {
        border-radius:4px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-xxs {
        border-radius:4px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-xxs {
        border-radius:4px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-xxs {
        border-radius:4px!important
    }
}

.br-xs {
    border-radius: 8px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-xs {
        border-radius:8px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-xs {
        border-radius:8px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-xs {
        border-radius:8px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-xs {
        border-radius:8px!important
    }
}

.br-sm {
    border-radius: 12px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-sm {
        border-radius:12px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-sm {
        border-radius:12px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-sm {
        border-radius:12px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-sm {
        border-radius:12px!important
    }
}

.br-md {
    border-radius: 16px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-md {
        border-radius:16px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-md {
        border-radius:16px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-md {
        border-radius:16px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-md {
        border-radius:16px!important
    }
}

.br-lg {
    border-radius: 20px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-lg {
        border-radius:20px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-lg {
        border-radius:20px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-lg {
        border-radius:20px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-lg {
        border-radius:20px!important
    }
}

.br-full {
    border-radius: 50%
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:br-full {
        border-radius:50%!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:br-full {
        border-radius:50%!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:br-full {
        border-radius:50%!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:br-full {
        border-radius:50%!important
    }
}

.bs-0 {
    box-shadow: none
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-0 {
        box-shadow:none!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-0 {
        box-shadow:none!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-0 {
        box-shadow:none!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-0 {
        box-shadow:none!important
    }
}

.bs-1 {
    box-shadow: 0 .1rem .5rem rgba(0,0,0,.15)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-1 {
        box-shadow:0 .1rem .5rem rgba(0,0,0,.15)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-1 {
        box-shadow:0 .1rem .5rem rgba(0,0,0,.15)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-1 {
        box-shadow:0 .1rem .5rem rgba(0,0,0,.15)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-1 {
        box-shadow:0 .1rem .5rem rgba(0,0,0,.15)!important
    }
}

.bs-2 {
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.12)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-2 {
        box-shadow:0 .2rem 1rem rgba(0,0,0,.12)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-2 {
        box-shadow:0 .2rem 1rem rgba(0,0,0,.12)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-2 {
        box-shadow:0 .2rem 1rem rgba(0,0,0,.12)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-2 {
        box-shadow:0 .2rem 1rem rgba(0,0,0,.12)!important
    }
}

.bs-3 {
    box-shadow: 0 .3rem 2rem rgba(0,0,0,.1)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-3 {
        box-shadow:0 .3rem 2rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-3 {
        box-shadow:0 .3rem 2rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-3 {
        box-shadow:0 .3rem 2rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-3 {
        box-shadow:0 .3rem 2rem rgba(0,0,0,.1)!important
    }
}

.bs-4 {
    box-shadow: 0 .4rem 3rem rgba(0,0,0,.1)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-4 {
        box-shadow:0 .4rem 3rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-4 {
        box-shadow:0 .4rem 3rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-4 {
        box-shadow:0 .4rem 3rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-4 {
        box-shadow:0 .4rem 3rem rgba(0,0,0,.1)!important
    }
}

.bs-5 {
    box-shadow: 0 .4rem 3rem rgba(0,0,0,.1)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-5 {
        box-shadow:0 .4rem 3rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-5 {
        box-shadow:0 .4rem 3rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-5 {
        box-shadow:0 .4rem 3rem rgba(0,0,0,.1)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-5 {
        box-shadow:0 .4rem 3rem rgba(0,0,0,.1)!important
    }
}

.bs-low {
    box-shadow: var(--bdsElevationLow)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-low {
        box-shadow:var(--bdsElevationLow)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-low {
        box-shadow:var(--bdsElevationLow)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-low {
        box-shadow:var(--bdsElevationLow)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-low {
        box-shadow:var(--bdsElevationLow)!important
    }
}

.bs-medium {
    box-shadow: var(--bdsElevationMedium)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-medium {
        box-shadow:var(--bdsElevationMedium)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-medium {
        box-shadow:var(--bdsElevationMedium)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-medium {
        box-shadow:var(--bdsElevationMedium)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-medium {
        box-shadow:var(--bdsElevationMedium)!important
    }
}

.bs-high {
    box-shadow: var(--bdsElevationHigh)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:bs-high {
        box-shadow:var(--bdsElevationHigh)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:bs-high {
        box-shadow:var(--bdsElevationHigh)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:bs-high {
        box-shadow:var(--bdsElevationHigh)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:bs-high {
        box-shadow:var(--bdsElevationHigh)!important
    }
}

.f-8 {
    font-size: .8rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-8 {
        font-size:.8rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-8 {
        font-size:.8rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-8 {
        font-size:.8rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-8 {
        font-size:.8rem!important
    }
}

.f-10 {
    font-size: 1rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-10 {
        font-size:1rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-10 {
        font-size:1rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-10 {
        font-size:1rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-10 {
        font-size:1rem!important
    }
}

.f-12 {
    font-size: 1.2rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-12 {
        font-size:1.2rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-12 {
        font-size:1.2rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-12 {
        font-size:1.2rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-12 {
        font-size:1.2rem!important
    }
}

.f-14 {
    font-size: 1.4rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-14 {
        font-size:1.4rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-14 {
        font-size:1.4rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-14 {
        font-size:1.4rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-14 {
        font-size:1.4rem!important
    }
}

.f-16 {
    font-size: 1.6rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-16 {
        font-size:1.6rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-16 {
        font-size:1.6rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-16 {
        font-size:1.6rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-16 {
        font-size:1.6rem!important
    }
}

.f-18 {
    font-size: 1.8rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-18 {
        font-size:1.8rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-18 {
        font-size:1.8rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-18 {
        font-size:1.8rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-18 {
        font-size:1.8rem!important
    }
}

.f-20 {
    font-size: 2rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-20 {
        font-size:2rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-20 {
        font-size:2rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-20 {
        font-size:2rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-20 {
        font-size:2rem!important
    }
}

.f-24 {
    font-size: 2.4rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-24 {
        font-size:2.4rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-24 {
        font-size:2.4rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-24 {
        font-size:2.4rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-24 {
        font-size:2.4rem!important
    }
}

.f-28 {
    font-size: 2.8rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-28 {
        font-size:2.8rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-28 {
        font-size:2.8rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-28 {
        font-size:2.8rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-28 {
        font-size:2.8rem!important
    }
}

.f-32 {
    font-size: 3.2rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-32 {
        font-size:3.2rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-32 {
        font-size:3.2rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-32 {
        font-size:3.2rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-32 {
        font-size:3.2rem!important
    }
}

.f-40 {
    font-size: 4rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-40 {
        font-size:4rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-40 {
        font-size:4rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-40 {
        font-size:4rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-40 {
        font-size:4rem!important
    }
}

.f-80 {
    font-size: 8rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-80 {
        font-size:8rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-80 {
        font-size:8rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-80 {
        font-size:8rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-80 {
        font-size:8rem!important
    }
}

.f-120 {
    font-size: 12rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-120 {
        font-size:12rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-120 {
        font-size:12rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-120 {
        font-size:12rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-120 {
        font-size:12rem!important
    }
}

.f-160 {
    font-size: 16rem
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-160 {
        font-size:16rem!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-160 {
        font-size:16rem!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-160 {
        font-size:16rem!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-160 {
        font-size:16rem!important
    }
}

.f-bg-large-font-size {
    font-size: var(--bdsTypographyBgLargeFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-bg-large-font-size {
        font-size:var(--bdsTypographyBgLargeFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-bg-large-font-size {
        font-size:var(--bdsTypographyBgLargeFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-bg-large-font-size {
        font-size:var(--bdsTypographyBgLargeFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-bg-large-font-size {
        font-size:var(--bdsTypographyBgLargeFontSize)!important
    }
}

.f-bg-medium-font-size {
    font-size: var(--bdsTypographyBgMediumFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-bg-medium-font-size {
        font-size:var(--bdsTypographyBgMediumFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-bg-medium-font-size {
        font-size:var(--bdsTypographyBgMediumFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-bg-medium-font-size {
        font-size:var(--bdsTypographyBgMediumFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-bg-medium-font-size {
        font-size:var(--bdsTypographyBgMediumFontSize)!important
    }
}

.f-bg-small-font-size {
    font-size: var(--bdsTypographyBgSmallFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-bg-small-font-size {
        font-size:var(--bdsTypographyBgSmallFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-bg-small-font-size {
        font-size:var(--bdsTypographyBgSmallFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-bg-small-font-size {
        font-size:var(--bdsTypographyBgSmallFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-bg-small-font-size {
        font-size:var(--bdsTypographyBgSmallFontSize)!important
    }
}

.f-title-xxlarge-font-size {
    font-size: var(--bdsTypographyTitleXxlargeFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-title-xxlarge-font-size {
        font-size:var(--bdsTypographyTitleXxlargeFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-title-xxlarge-font-size {
        font-size:var(--bdsTypographyTitleXxlargeFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-title-xxlarge-font-size {
        font-size:var(--bdsTypographyTitleXxlargeFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-title-xxlarge-font-size {
        font-size:var(--bdsTypographyTitleXxlargeFontSize)!important
    }
}

.f-title-xlarge-font-size {
    font-size: var(--bdsTypographyTitleXlargeFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-title-xlarge-font-size {
        font-size:var(--bdsTypographyTitleXlargeFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-title-xlarge-font-size {
        font-size:var(--bdsTypographyTitleXlargeFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-title-xlarge-font-size {
        font-size:var(--bdsTypographyTitleXlargeFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-title-xlarge-font-size {
        font-size:var(--bdsTypographyTitleXlargeFontSize)!important
    }
}

.f-title-xlarge-secondary-font-size {
    font-size: var(--bdsTypographyTitleXlargeSecondaryFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-title-xlarge-secondary-font-size {
        font-size:var(--bdsTypographyTitleXlargeSecondaryFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-title-xlarge-secondary-font-size {
        font-size:var(--bdsTypographyTitleXlargeSecondaryFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-title-xlarge-secondary-font-size {
        font-size:var(--bdsTypographyTitleXlargeSecondaryFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-title-xlarge-secondary-font-size {
        font-size:var(--bdsTypographyTitleXlargeSecondaryFontSize)!important
    }
}

.f-title-large-font-size {
    font-size: var(--bdsTypographyTitleLargeFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-title-large-font-size {
        font-size:var(--bdsTypographyTitleLargeFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-title-large-font-size {
        font-size:var(--bdsTypographyTitleLargeFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-title-large-font-size {
        font-size:var(--bdsTypographyTitleLargeFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-title-large-font-size {
        font-size:var(--bdsTypographyTitleLargeFontSize)!important
    }
}

.f-title-large-secondary-font-size {
    font-size: 20px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-title-large-secondary-font-size {
        font-size:var(--bdsTypographyTitleLargeSecondaryFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-title-large-secondary-font-size {
        font-size:var(--bdsTypographyTitleLargeSecondaryFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-title-large-secondary-font-size {
        font-size:var(--bdsTypographyTitleLargeSecondaryFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-title-large-secondary-font-size {
        font-size:var(--bdsTypographyTitleLargeSecondaryFontSize)!important
    }
}

.f-title-medium-font-size {
    font-size: var(--bdsTypographyTitleMediumFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-title-medium-font-size {
        font-size:var(--bdsTypographyTitleMediumFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-title-medium-font-size {
        font-size:var(--bdsTypographyTitleMediumFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-title-medium-font-size {
        font-size:var(--bdsTypographyTitleMediumFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-title-medium-font-size {
        font-size:var(--bdsTypographyTitleMediumFontSize)!important
    }
}

.f-title-medium-secondary-font-size {
    font-size: var(--bdsTypographyTitleMediumSecondaryFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-title-medium-secondary-font-size {
        font-size:var(--bdsTypographyTitleMediumSecondaryFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-title-medium-secondary-font-size {
        font-size:var(--bdsTypographyTitleMediumSecondaryFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-title-medium-secondary-font-size {
        font-size:var(--bdsTypographyTitleMediumSecondaryFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-title-medium-secondary-font-size {
        font-size:var(--bdsTypographyTitleMediumSecondaryFontSize)!important
    }
}

.f-title-small-font-size {
    font-size: var(--bdsTypographyTitleSmallFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-title-small-font-size {
        /* font-size:var(--bdsTypographyTitleSmallFontSize)!important */
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-title-small-font-size {
        font-size:var(--bdsTypographyTitleSmallFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-title-small-font-size {
        font-size:var(--bdsTypographyTitleSmallFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-title-small-font-size {
        font-size:var(--bdsTypographyTitleSmallFontSize)!important
    }
}

.f-label-large-font-size {
    font-size: var(--bdsTypographyLabelLargeFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-label-large-font-size {
        font-size:var(--bdsTypographyLabelLargeFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-label-large-font-size {
        font-size:var(--bdsTypographyLabelLargeFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-label-large-font-size {
        font-size:var(--bdsTypographyLabelLargeFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-label-large-font-size {
        font-size:var(--bdsTypographyLabelLargeFontSize)!important
    }
}

.f-label-medium-font-size {
    font-size: var(--bdsTypographyLabelMediumFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-label-medium-font-size {
        font-size:var(--bdsTypographyLabelMediumFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-label-medium-font-size {
        font-size:var(--bdsTypographyLabelMediumFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-label-medium-font-size {
        font-size:var(--bdsTypographyLabelMediumFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-label-medium-font-size {
        font-size:var(--bdsTypographyLabelMediumFontSize)!important
    }
}

.f-label-small-font-size {
    font-size: var(--bdsTypographyLabelSmallFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-label-small-font-size {
        font-size:var(--bdsTypographyLabelSmallFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-label-small-font-size {
        font-size:var(--bdsTypographyLabelSmallFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-label-small-font-size {
        font-size:var(--bdsTypographyLabelSmallFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-label-small-font-size {
        font-size:var(--bdsTypographyLabelSmallFontSize)!important
    }
}

.f-label-small-secondary-font-size {
    font-size: var(--bdsTypographyLabelSmallSecondaryFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-label-small-secondary-font-size {
        font-size:var(--bdsTypographyLabelSmallSecondaryFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-label-small-secondary-font-size {
        font-size:var(--bdsTypographyLabelSmallSecondaryFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-label-small-secondary-font-size {
        font-size:var(--bdsTypographyLabelSmallSecondaryFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-label-small-secondary-font-size {
        font-size:var(--bdsTypographyLabelSmallSecondaryFontSize)!important
    }
}

.f-label-xsmall-font-size {
    font-size: var(--bdsTypographyLabelXsmallFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-label-xsmall-font-size {
        font-size:var(--bdsTypographyLabelXsmallFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-label-xsmall-font-size {
        font-size:var(--bdsTypographyLabelXsmallFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-label-xsmall-font-size {
        font-size:var(--bdsTypographyLabelXsmallFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-label-xsmall-font-size {
        font-size:var(--bdsTypographyLabelXsmallFontSize)!important
    }
}

.f-paragraph-medium-font-size {
    font-size: var(--bdsTypographyParagraphMediumFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-paragraph-medium-font-size {
        font-size:var(--bdsTypographyParagraphMediumFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-paragraph-medium-font-size {
        font-size:var(--bdsTypographyParagraphMediumFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-paragraph-medium-font-size {
        font-size:var(--bdsTypographyParagraphMediumFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-paragraph-medium-font-size {
        font-size:var(--bdsTypographyParagraphMediumFontSize)!important
    }
}

.f-paragraph-small-font-size {
    font-size: var(--bdsTypographyParagraphSmallFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-paragraph-small-font-size {
        font-size:16px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-paragraph-small-font-size {
        font-size:var(--bdsTypographyParagraphSmallFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-paragraph-small-font-size {
        font-size:var(--bdsTypographyParagraphSmallFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-paragraph-small-font-size {
        font-size:var(--bdsTypographyParagraphSmallFontSize)!important
    }
}

.f-paragraph-xsmall-font-size {
    font-size: var(--bdsTypographyParagraphXsmallFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-paragraph-xsmall-font-size {
        font-size:var(--bdsTypographyParagraphXsmallFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-paragraph-xsmall-font-size {
        font-size:var(--bdsTypographyParagraphXsmallFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-paragraph-xsmall-font-size {
        font-size:var(--bdsTypographyParagraphXsmallFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-paragraph-xsmall-font-size {
        font-size:var(--bdsTypographyParagraphXsmallFontSize)!important
    }
}

.f-paragraph-xsmall-secondary-font-size {
    font-size: var(--bdsTypographyParagraphXsmallSecondaryFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-paragraph-xsmall-secondary-font-size {
        font-size:var(--bdsTypographyParagraphXsmallSecondaryFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-paragraph-xsmall-secondary-font-size {
        font-size:var(--bdsTypographyParagraphXsmallSecondaryFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-paragraph-xsmall-secondary-font-size {
        font-size:var(--bdsTypographyParagraphXsmallSecondaryFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-paragraph-xsmall-secondary-font-size {
        font-size:var(--bdsTypographyParagraphXsmallSecondaryFontSize)!important
    }
}

.f-ribbon-base-font-size {
    font-size: var(--bdsTypographyRibbonBaseFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-ribbon-base-font-size {
        font-size:var(--bdsTypographyRibbonBaseFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-ribbon-base-font-size {
        font-size:var(--bdsTypographyRibbonBaseFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-ribbon-base-font-size {
        font-size:var(--bdsTypographyRibbonBaseFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-ribbon-base-font-size {
        font-size:var(--bdsTypographyRibbonBaseFontSize)!important
    }
}

.f-mini-base-font-size {
    font-size: var(--bdsTypographyMiniBaseFontSize)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:f-mini-base-font-size {
        font-size:var(--bdsTypographyMiniBaseFontSize)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:f-mini-base-font-size {
        font-size:var(--bdsTypographyMiniBaseFontSize)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:f-mini-base-font-size {
        font-size:var(--bdsTypographyMiniBaseFontSize)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:f-mini-base-font-size {
        font-size:var(--bdsTypographyMiniBaseFontSize)!important
    }
}

.fw-light {
    font-weight: 300
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-light {
        font-weight:300!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-light {
        font-weight:300!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-light {
        font-weight:300!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-light {
        font-weight:300!important
    }
}

.fw-normal {
    font-weight: 500
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-normal {
        font-weight:500!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-normal {
        font-weight:500!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-normal {
        font-weight:500!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-normal {
        font-weight:500!important
    }
}

.fw-bold {
    font-weight: 700
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-bold {
        font-weight:700!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-bold {
        font-weight:700!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-bold {
        font-weight:700!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-bold {
        font-weight:700!important
    }
}

.fw-semi-bold {
    font-weight: 600
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-semi-bold {
        font-weight:600!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-semi-bold {
        font-weight:600!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-semi-bold {
        font-weight:600!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-semi-bold {
        font-weight:600!important
    }
}

.fw-bg-large-font-weight {
    font-weight: var(--bdsTypographyBgLargeFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-bg-large-font-weight {
        font-weight:var(--bdsTypographyBgLargeFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-bg-large-font-weight {
        font-weight:var(--bdsTypographyBgLargeFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-bg-large-font-weight {
        font-weight:var(--bdsTypographyBgLargeFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-bg-large-font-weight {
        font-weight:var(--bdsTypographyBgLargeFontWeight)!important
    }
}

.fw-bg-medium-font-weight {
    font-weight: var(--bdsTypographyBgMediumFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-bg-medium-font-weight {
        font-weight:var(--bdsTypographyBgMediumFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-bg-medium-font-weight {
        font-weight:var(--bdsTypographyBgMediumFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-bg-medium-font-weight {
        font-weight:var(--bdsTypographyBgMediumFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-bg-medium-font-weight {
        font-weight:var(--bdsTypographyBgMediumFontWeight)!important
    }
}

.fw-bg-small-font-weight {
    font-weight: var(--bdsTypographyBgSmallFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-bg-small-font-weight {
        font-weight:var(--bdsTypographyBgSmallFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-bg-small-font-weight {
        font-weight:var(--bdsTypographyBgSmallFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-bg-small-font-weight {
        font-weight:var(--bdsTypographyBgSmallFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-bg-small-font-weight {
        font-weight:var(--bdsTypographyBgSmallFontWeight)!important
    }
}

.fw-title-xxlarge-font-weight {
    font-weight: var(--bdsTypographyTitleXxlargeFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-title-xxlarge-font-weight {
        font-weight:var(--bdsTypographyTitleXxlargeFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-title-xxlarge-font-weight {
        font-weight:var(--bdsTypographyTitleXxlargeFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-title-xxlarge-font-weight {
        font-weight:var(--bdsTypographyTitleXxlargeFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-title-xxlarge-font-weight {
        font-weight:var(--bdsTypographyTitleXxlargeFontWeight)!important
    }
}

.fw-title-xlarge-font-weight {
    font-weight: var(--bdsTypographyTitleXlargeFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-title-xlarge-font-weight {
        font-weight:var(--bdsTypographyTitleXlargeFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-title-xlarge-font-weight {
        font-weight:var(--bdsTypographyTitleXlargeFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-title-xlarge-font-weight {
        font-weight:var(--bdsTypographyTitleXlargeFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-title-xlarge-font-weight {
        font-weight:var(--bdsTypographyTitleXlargeFontWeight)!important
    }
}

.fw-title-xlarge-secondary-font-weight {
    font-weight: var(--bdsTypographyTitleXlargeSecondaryFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-title-xlarge-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleXlargeSecondaryFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-title-xlarge-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleXlargeSecondaryFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-title-xlarge-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleXlargeSecondaryFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-title-xlarge-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleXlargeSecondaryFontWeight)!important
    }
}

.fw-title-large-font-weight {
    font-weight: var(--bdsTypographyTitleLargeFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-title-large-font-weight {
        font-weight:var(--bdsTypographyTitleLargeFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-title-large-font-weight {
        font-weight:var(--bdsTypographyTitleLargeFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-title-large-font-weight {
        font-weight:var(--bdsTypographyTitleLargeFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-title-large-font-weight {
        font-weight:var(--bdsTypographyTitleLargeFontWeight)!important
    }
}

.fw-title-large-secondary-font-weight {
    font-weight: var(--bdsTypographyTitleLargeSecondaryFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-title-large-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleLargeSecondaryFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-title-large-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleLargeSecondaryFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-title-large-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleLargeSecondaryFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-title-large-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleLargeSecondaryFontWeight)!important
    }
}

.fw-title-medium-font-weight {
    font-weight: var(--bdsTypographyTitleMediumFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-title-medium-font-weight {
        font-weight:var(--bdsTypographyTitleMediumFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-title-medium-font-weight {
        font-weight:var(--bdsTypographyTitleMediumFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-title-medium-font-weight {
        font-weight:var(--bdsTypographyTitleMediumFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-title-medium-font-weight {
        font-weight:var(--bdsTypographyTitleMediumFontWeight)!important
    }
}

.fw-title-medium-secondary-font-weight {
    font-weight: var(--bdsTypographyTitleMediumSecondaryFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-title-medium-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleMediumSecondaryFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-title-medium-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleMediumSecondaryFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-title-medium-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleMediumSecondaryFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-title-medium-secondary-font-weight {
        font-weight:var(--bdsTypographyTitleMediumSecondaryFontWeight)!important
    }
}

.fw-title-small-font-weight {
    font-weight: var(--bdsTypographyTitleSmallFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-title-small-font-weight {
        font-weight:var(--bdsTypographyTitleSmallFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-title-small-font-weight {
        font-weight:var(--bdsTypographyTitleSmallFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-title-small-font-weight {
        font-weight:var(--bdsTypographyTitleSmallFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-title-small-font-weight {
        font-weight:var(--bdsTypographyTitleSmallFontWeight)!important
    }
}

.fw-label-large-font-weight {
    font-weight: var(--bdsTypographyLabelLargeFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-label-large-font-weight {
        font-weight:var(--bdsTypographyLabelLargeFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-label-large-font-weight {
        font-weight:var(--bdsTypographyLabelLargeFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-label-large-font-weight {
        font-weight:var(--bdsTypographyLabelLargeFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-label-large-font-weight {
        font-weight:var(--bdsTypographyLabelLargeFontWeight)!important
    }
}

.fw-label-medium-font-weight {
    font-weight: var(--bdsTypographyLabelMediumFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-label-medium-font-weight {
        font-weight:var(--bdsTypographyLabelMediumFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-label-medium-font-weight {
        font-weight:var(--bdsTypographyLabelMediumFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-label-medium-font-weight {
        font-weight:var(--bdsTypographyLabelMediumFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-label-medium-font-weight {
        font-weight:var(--bdsTypographyLabelMediumFontWeight)!important
    }
}

.fw-label-small-font-weight {
    font-weight: var(--bdsTypographyLabelSmallFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-label-small-font-weight {
        font-weight:var(--bdsTypographyLabelSmallFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-label-small-font-weight {
        font-weight:var(--bdsTypographyLabelSmallFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-label-small-font-weight {
        font-weight:var(--bdsTypographyLabelSmallFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-label-small-font-weight {
        font-weight:var(--bdsTypographyLabelSmallFontWeight)!important
    }
}

.fw-label-small-secondary-font-weight {
    font-weight: var(--bdsTypographyLabelSmallSecondaryFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-label-small-secondary-font-weight {
        font-weight:var(--bdsTypographyLabelSmallSecondaryFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-label-small-secondary-font-weight {
        font-weight:var(--bdsTypographyLabelSmallSecondaryFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-label-small-secondary-font-weight {
        font-weight:var(--bdsTypographyLabelSmallSecondaryFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-label-small-secondary-font-weight {
        font-weight:var(--bdsTypographyLabelSmallSecondaryFontWeight)!important
    }
}

.fw-label-xsmall-font-weight {
    font-weight: var(--bdsTypographyLabelXsmallFontWeight)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-label-xsmall-font-weight {
        font-weight:var(--bdsTypographyLabelXsmallFontWeight)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-label-xsmall-font-weight {
        font-weight:var(--bdsTypographyLabelXsmallFontWeight)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-label-xsmall-font-weight {
        font-weight:var(--bdsTypographyLabelXsmallFontWeight)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-label-xsmall-font-weight {
        font-weight:var(--bdsTypographyLabelXsmallFontWeight)!important
    }
}


@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-tag-deal-bg {
        color:#fef6f9!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-tag-deal-bg {
        color:#fef6f9!important
    }
}

.cl-tag-primary-bg {
    color: var(--colorBrandPrimary)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-tag-primary-bg {
        color:var(--colorBrandPrimary)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-tag-primary-bg {
        color:var(--colorBrandPrimary)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-tag-primary-bg {
        color:var(--colorBrandPrimary)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-tag-primary-bg {
        color:var(--colorBrandPrimary)!important
    }
}

.cl-brand-blue {
    color: #d4dfe6
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-brand-blue {
        color:#d4dfe6!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-brand-blue {
        color:#d4dfe6!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-brand-blue {
        color:#d4dfe6!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-brand-blue {
        color:#d4dfe6!important
    }
}

.cl-brand-blue-ii {
    color: #1f4d5d
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-brand-blue-ii {
        color:#1f4d5d!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-brand-blue-ii {
        color:#1f4d5d!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-brand-blue-ii {
        color:#1f4d5d!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-brand-blue-ii {
        color:#1f4d5d!important
    }
}

.cl-brand-blue-iii {
    color: #9cb4bf
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-brand-blue-iii {
        color:#9cb4bf!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-brand-blue-iii {
        color:#9cb4bf!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-brand-blue-iii {
        color:#9cb4bf!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-brand-blue-iii {
        color:#9cb4bf!important
    }
}

.cl-brand-blue-iv {
    color: #8aa7b3
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-brand-blue-iv {
        color:#8aa7b3!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-brand-blue-iv {
        color:#8aa7b3!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-brand-blue-iv {
        color:#8aa7b3!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-brand-blue-iv {
        color:#8aa7b3!important
    }
}

.cl-brand-grayedout {
    color: #ea81ae
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-brand-grayedout {
        color:#ea81ae!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-brand-grayedout {
        color:#ea81ae!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-brand-grayedout {
        color:#ea81ae!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-brand-grayedout {
        color:#ea81ae!important
    }
}

.cl-brand-pink-80 {
    color: #e14e84
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-brand-pink-80 {
        color:#e14e84!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-brand-pink-80 {
        color:#e14e84!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-brand-pink-80 {
        color:#e14e84!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-brand-pink-80 {
        color:#e14e84!important
    }
}

.cl-brand-pink-60 {
    color: #eb7ca3
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-brand-pink-60 {
        color:#eb7ca3!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-brand-pink-60 {
        color:#eb7ca3!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-brand-pink-60 {
        color:#eb7ca3!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-brand-pink-60 {
        color:#eb7ca3!important
    }
}

.cl-brand-pink-30 {
    color: #f7bdd1
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-brand-pink-30 {
        color:#f7bdd1!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-brand-pink-30 {
        color:#f7bdd1!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-brand-pink-30 {
        color:#f7bdd1!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-brand-pink-30 {
        color:#f7bdd1!important
    }
}

.cl-gradient-middle {
    color: #c60d5c
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-gradient-middle {
        color:#c60d5c!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-gradient-middle {
        color:#c60d5c!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-gradient-middle {
        color:#c60d5c!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-gradient-middle {
        color:#c60d5c!important
    }
}

.cl-grayedout {
    color: hsla(0,0%,100%,.84)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-grayedout {
        color:hsla(0,0%,100%,.84)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-grayedout {
        color:hsla(0,0%,100%,.84)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-grayedout {
        color:hsla(0,0%,100%,.84)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-grayedout {
        color:hsla(0,0%,100%,.84)!important
    }
}

.cl-neutral-light-surface {
    color: #fafafa
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-neutral-light-surface {
        color:#fafafa!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-neutral-light-surface {
        color:#fafafa!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-neutral-light-surface {
        color:#fafafa!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-neutral-light-surface {
        color:#fafafa!important
    }
}

.cl-overlay-lvl1 {
    color: rgba(0,0,0,.02)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-overlay-lvl1 {
        color:rgba(0,0,0,.02)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-overlay-lvl1 {
        color:rgba(0,0,0,.02)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-overlay-lvl1 {
        color:rgba(0,0,0,.02)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-overlay-lvl1 {
        color:rgba(0,0,0,.02)!important
    }
}

.cl-overlay-lvl2 {
    color: rgba(0,0,0,.04)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-overlay-lvl2 {
        color:rgba(0,0,0,.04)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-overlay-lvl2 {
        color:rgba(0,0,0,.04)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-overlay-lvl2 {
        color:rgba(0,0,0,.04)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-overlay-lvl2 {
        color:rgba(0,0,0,.04)!important
    }
}

.cl-overlay-lvl3 {
    color: rgba(0,0,0,.08)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-overlay-lvl3 {
        color:rgba(0,0,0,.08)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-overlay-lvl3 {
        color:rgba(0,0,0,.08)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-overlay-lvl3 {
        color:rgba(0,0,0,.08)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-overlay-lvl3 {
        color:rgba(0,0,0,.08)!important
    }
}

.cl-overlay-lvl4 {
    color: rgba(0,0,0,.12)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-overlay-lvl4 {
        color:rgba(0,0,0,.12)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-overlay-lvl4 {
        color:rgba(0,0,0,.12)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-overlay-lvl4 {
        color:rgba(0,0,0,.12)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-overlay-lvl4 {
        color:rgba(0,0,0,.12)!important
    }
}

.cl-overlay-lvl5 {
    color: rgba(0,0,0,.16)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-overlay-lvl5 {
        color:rgba(0,0,0,.16)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-overlay-lvl5 {
        color:rgba(0,0,0,.16)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-overlay-lvl5 {
        color:rgba(0,0,0,.16)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-overlay-lvl5 {
        color:rgba(0,0,0,.16)!important
    }
}

.cl-overlay-lvl6 {
    color: rgba(0,0,0,.48)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-overlay-lvl6 {
        color:rgba(0,0,0,.48)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-overlay-lvl6 {
        color:rgba(0,0,0,.48)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-overlay-lvl6 {
        color:rgba(0,0,0,.48)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-overlay-lvl6 {
        color:rgba(0,0,0,.48)!important
    }
}

.cl-overlay-white {
    color: hsla(0,0%,100%,.64)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-overlay-white {
        color:hsla(0,0%,100%,.64)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-overlay-white {
        color:hsla(0,0%,100%,.64)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-overlay-white {
        color:hsla(0,0%,100%,.64)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-overlay-white {
        color:hsla(0,0%,100%,.64)!important
    }
}

.cl-rating-highlight {
    color: #e9f0f8
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-rating-highlight {
        color:#e9f0f8!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-rating-highlight {
        color:#e9f0f8!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-rating-highlight {
        color:#e9f0f8!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-rating-highlight {
        color:#e9f0f8!important
    }
}

.cl-rider-banner {
    color: #d70f64
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-rider-banner {
        color:#d70f64!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-rider-banner {
        color:#d70f64!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-rider-banner {
        color:#d70f64!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-rider-banner {
        color:#d70f64!important
    }
}

.cl-social-applepay {
    color: #000
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:cl-social-applepay {
        color:#000!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:cl-social-applepay {
        color:#000!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:cl-social-applepay {
        color:#000!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:cl-social-applepay {
        color:#000!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:jc-start {
        justify-content:flex-start!important
    }
}

.jc-end {
    justify-content: flex-end
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:jc-end {
        justify-content:flex-end!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:jc-end {
        justify-content:flex-end!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:jc-end {
        justify-content:flex-end!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:jc-end {
        justify-content:flex-end!important
    }
}

.fw-nowrap {
    flex-wrap: nowrap
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-nowrap {
        flex-wrap:nowrap!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-nowrap {
        flex-wrap:nowrap!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-nowrap {
        flex-wrap:nowrap!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-nowrap {
        flex-wrap:nowrap!important
    }
}

.fw-wrap {
    flex-wrap: wrap
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-wrap {
        flex-wrap:wrap!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-wrap {
        flex-wrap:wrap!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-wrap {
        flex-wrap:wrap!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-wrap {
        flex-wrap:wrap!important
    }
}

.fw-wrap-reverse {
    flex-wrap: wrap-reverse
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-wrap-reverse {
        flex-wrap:wrap-reverse!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-wrap-reverse {
        flex-wrap:wrap-reverse!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-wrap-reverse {
        flex-wrap:wrap-reverse!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-wrap-reverse {
        flex-wrap:wrap-reverse!important
    }
}

.fw-initial {
    flex-wrap: nowrap
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fw-initial {
        flex-wrap:nowrap!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fw-initial {
        flex-wrap:nowrap!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fw-initial {
        flex-wrap:nowrap!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fw-initial {
        flex-wrap:nowrap!important
    }
}

.fd-row {
    flex-direction: row
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fd-row {
        flex-direction:row!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fd-row {
        flex-direction:row!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fd-row {
        flex-direction:row!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fd-row {
        flex-direction:row!important
    }
}

.fd-row-reverse {
    flex-direction: row-reverse
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fd-row-reverse {
        flex-direction:row-reverse!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fd-row-reverse {
        flex-direction:row-reverse!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fd-row-reverse {
        flex-direction:row-reverse!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fd-row-reverse {
        flex-direction:row-reverse!important
    }
}

.fd-column {
    flex-direction: column
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fd-column {
        flex-direction:column!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fd-column {
        flex-direction:column!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fd-column {
        flex-direction:column!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fd-column {
        flex-direction:column!important
    }
}

.fd-column-reverse {
    flex-direction: column-reverse
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fd-column-reverse {
        flex-direction:column-reverse!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fd-column-reverse {
        flex-direction:column-reverse!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fd-column-reverse {
        flex-direction:column-reverse!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fd-column-reverse {
        flex-direction:column-reverse!important
    }
}

.fd-initial {
    flex-direction: row
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:fd-initial {
        flex-direction:row!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:fd-initial {
        flex-direction:row!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:fd-initial {
        flex-direction:row!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:fd-initial {
        flex-direction:row!important
    }
}

.as-center {
    align-self: center
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:as-center {
        align-self:center!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:as-center {
        align-self:center!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:as-center {
        align-self:center!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:as-center {
        align-self:center!important
    }
}

.as-space-between {
    align-self: space-between
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:as-space-between {
        align-self:space-between!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:as-space-between {
        align-self:space-between!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:as-space-between {
        align-self:space-between!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:as-space-between {
        align-self:space-between!important
    }
}

.as-space-evenly {
    align-self: space-evenly
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:as-space-evenly {
        align-self:space-evenly!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:as-space-evenly {
        align-self:space-evenly!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:as-space-evenly {
        align-self:space-evenly!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:as-space-evenly {
        align-self:space-evenly!important
    }
}

.as-space-around {
    align-self: space-around
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:as-space-around {
        align-self:space-around!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:as-space-around {
        align-self:space-around!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:as-space-around {
        align-self:space-around!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:as-space-around {
        align-self:space-around!important
    }
}

.as-start {
    align-self: flex-start
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:as-start {
        align-self:flex-start!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:as-start {
        align-self:flex-start!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:as-start {
        align-self:flex-start!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:as-start {
        align-self:flex-start!important
    }
}

.as-end {
    align-self: flex-end
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:as-end {
        align-self:flex-end!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:as-end {
        align-self:flex-end!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:as-end {
        align-self:flex-end!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:as-end {
        align-self:flex-end!important
    }
}

.p-absolute {
    position: absolute
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:p-absolute {
        position:absolute!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:p-absolute {
        position:absolute!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:p-absolute {
        position:absolute!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:p-absolute {
        position:absolute!important
    }
}

.p-fixed {
    position: fixed
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:p-fixed {
        position:fixed!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:p-fixed {
        position:fixed!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:p-fixed {
        position:fixed!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:p-fixed {
        position:fixed!important
    }
}

.p-relative {
    position: relative
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:p-relative {
        position:relative!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:p-relative {
        position:relative!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:p-relative {
        position:relative!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:p-relative {
        position:relative!important
    }
}

.p-sticky {
    position: sticky
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:p-sticky {
        position:sticky!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:p-sticky {
        position:sticky!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:p-sticky {
        position:sticky!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:p-sticky {
        position:sticky!important
    }
}

.t-xxxs {
    top: var(--bdsSpacingXxxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-xxxs {
        top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-xxxs {
        top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-xxxs {
        top:var(--bdsSpacingXxxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-xxxs {
        top:var(--bdsSpacingXxxs)!important
    }
}

.t-xxs {
    top: var(--bdsSpacingXxs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-xxs {
        top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-xxs {
        top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-xxs {
        top:var(--bdsSpacingXxs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-xxs {
        top:var(--bdsSpacingXxs)!important
    }
}

.t-xs {
    top: var(--bdsSpacingXs)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-xs {
        top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-xs {
        top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-xs {
        top:var(--bdsSpacingXs)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-xs {
        top:var(--bdsSpacingXs)!important
    }
}

.t-st {
    top: var(--bdsSpacingSt)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-st {
        top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-st {
        top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-st {
        top:var(--bdsSpacingSt)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-st {
        top:var(--bdsSpacingSt)!important
    }
}

.t-sm {
    top: var(--bdsSpacingSm)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-sm {
        top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-sm {
        top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-sm {
        top:var(--bdsSpacingSm)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-sm {
        top:var(--bdsSpacingSm)!important
    }
}

.t-md {
    top: var(--bdsSpacingMd)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-md {
        top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-md {
        top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-md {
        top:var(--bdsSpacingMd)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-md {
        top:var(--bdsSpacingMd)!important
    }
}

.t-lg {
    top: var(--bdsSpacingLg)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-lg {
        top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-lg {
        top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-lg {
        top:var(--bdsSpacingLg)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-lg {
        top:var(--bdsSpacingLg)!important
    }
}

.t-xl {
    top: var(--bdsSpacingXl)
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-xl {
        top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-xl {
        top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-xl {
        top:var(--bdsSpacingXl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-xl {
        top:var(--bdsSpacingXl)!important
    }
}

.t-xxl {
    top: 80px
}

@media(min-width: 0)and (max-width:527px) {
    .sm\:t-xxl {
        top:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:t-xxl {
        top:80px!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:t-xxl {
        top:80px!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:t-xxl {
        top:80px!important
    }
}

@media(min-width: 528px)and (max-width:767px) {
    .md\:r-xxxl {
        right:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 768px)and (max-width:959px) {
    .lg\:r-xxxl {
        right:var(--bdsSpacingXxxl)!important
    }
}

@media(min-width: 960px)and (max-width:1263px) {
    .xl\:r-xxxl {
        right:var(--bdsSpacingXxxl)!important
    }
}


.home-section-apps .home-section-apps-content {
    height: 100%;
    padding: 16px 0 24px
}

.home-section-apps .home-section-apps-content * {
    margin: 0
}

.home-section-apps .home-section-apps-content .apps-title {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25em
}

.home-section-apps .home-section-apps-content .apps-text {
    font-size: 1.6rem;
    line-height: 1.25em;
    padding-top: 16px
}

.home-section-apps .home-section-apps-content .apps-stores {
    display: flex;
    padding-top: 24px
}

.home-section-apps .home-section-apps-content .apps-stores a {
    background: transparent;
    border: 1px solid var(--colorWhite);
    display: inline-flex;
    justify-content: center;
    max-height: 48px;
    padding: 7px 9px;
    width: 100%
}

.home-section-apps .home-section-apps-content .apps-stores a.apple-store {
    margin-right: 16px
}

.home-section-apps .home-section-apps-content .apps-stores a svg {
    height: 100%;
    max-height: 33px;
    max-width: 130px;
    width: 100%
}

@media(min-width: 480px) {
    .home-section-apps .home-section-apps-image {
        height:348px;
        margin-left: 24px;
        width: calc(100% - 48px)
    }

    .home-section-apps .home-section-apps-content {
        padding: 16px 0 24px
    }
}

@media(min-width: 768px) {
    .home-section-apps {
        flex-direction:row
    }

    .home-section-apps .home-section-apps-image {
        background-position-x: left;
        background-size: auto 480px;
        height: 100%;
        margin-left: 50%;
        margin-top: -56px;
        max-height: 480px;
        position: absolute;
        width: 50%
    }

    .home-section-apps .home-section-apps-content {
        height: auto;
        margin-top: 0;
        max-width: 50%;
        padding: 48px 0
    }

    .home-section-apps .home-section-apps-content .apps-title {
        align-self: flex-start;
        font-size: 2.4rem
    }

    .home-section-apps .home-section-apps-content .apps-stores {
        justify-content: flex-start;
        padding-top: 48px
    }

    .home-section-apps .home-section-apps-content .apps-stores a {
        width: auto
    }

    .home-section-apps .home-section-apps-content .apps-stores a svg {
        width: 130px
    }
}

@media(min-width: 960px) {
    .home-section-apps {
        margin-bottom:80px
    }

    .home-section-apps .home-section-apps-content {
        padding: 48px 0
    }

    .home-section-apps .home-section-apps-content .apps-text {
        padding-top: 48px
    }
}

@media(min-width: 1265px) {
    .home-section-apps {
        margin-bottom:104px
    }

    .home-section-apps .home-section-apps-image {
        background-size: auto 640px;
        margin-top: -104px;
        max-height: 640px
    }

    .home-section-apps .home-section-apps-content {
        padding: 80px 0
    }

    .home-section-apps .home-section-apps-content .apps-title {
        font-size: 2.8rem;
        line-height: 1.14em
    }

    .home-section-apps .home-section-apps-content .apps-text {
        padding-top: 16px
    }

    .home-section-apps .home-section-apps-content .apps-stores {
        padding-top: 80px
    }
}

@media(min-width: 1440px) {
    .home-section-apps .home-section-apps-content {
        padding:80px 0
    }
}

.home-corporate .section-headline {
    margin-left: auto;
    margin-right: auto;
    max-width: 1425px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    width: 100%
}

@media(min-width: 480px) {
    .home-corporate .section-headline {
        padding-left:24px;
        padding-right: 24px
    }
}


@media(min-width: 960px) {
    .home-apps__section {
        overflow-x:clip
    }
}
.home-apps__section{
    margin-top: 50px;
    margin-bottom: 50px;
}

.home-apps__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 260px;
    position: relative;
    text-align: center;
    width: 100%
}

.home-apps__image img {
    height: auto;
    width: 100%
}

@media(min-width: 960px) {
    .home-apps__image img {
        max-width:min-content
    }
}

.home-apps__image .img-refreshed {
    height: 100%;
    transform: scale(.8);
    width: auto
}

@media(min-width: 383px) {
    .home-apps__image .img-refreshed {
        margin-top:20px;
        transform: scale(1.1);
        translate: 0
    }
}

@media(min-width: 768px) {
    .home-apps__image .img-refreshed {
        background-position-x:left;
        background-size: auto 412px;
        margin-bottom: 0;
        margin-top: 30px;
        min-height: 412px;
        text-align: left;
        transform: scale(1.1)
    }
}

@media(min-width: 960px) {
    .home-apps__image .img-refreshed {
        background-size:auto 441px;
        left: 0;
        margin-top: -32px;
        min-height: 441px;
        position: absolute;
        transform: scale(.9)
    }
}

@media(min-width: 1264px) {
    .home-apps__image .img-refreshed {
        background-size:auto 512px;
        left: 10px;
        margin-top: 5px;
        min-height: 512px;
        transform: scale(.95)
    }
}

@media(min-width: 528px) {
    .home-apps__image {
        height:360px
    }
}

@media(min-width: 768px) {
    .home-apps__image {
        height:320px
    }
}

@media(min-width: 960px) {
    .home-apps__image {
        background-position-x:left;
        background-size: auto 412px;
        background-size: auto 441px;
        height: 100%;
        margin-bottom: 0;
        margin-top: -51px;
        margin-top: -56px;
        min-height: 412px;
        min-height: 441px;
        position: absolute;
        text-align: left
    }
}

@media(min-width: 1264px) {
    .home-apps__image {
        background-size:auto 512px;
        margin-top: -92px;
        min-height: 512px
    }
}

.home-apps__body {
    background: linear-gradient(to right, rgba(231, 154, 148, 0.20), rgba(129, 221, 206, 0.20));; 
    border-radius: 25px;
    color: #07524D;
    margin-bottom: 64px;
    width: 100%;
    /* background: #f5f7fa url(../images/bgimagebannermobile.webp) no-repeat right 14% bottom;
    background-size: auto 100%;
    background-size: cover;
    background-position: bottom; */
}

@media(min-width: 528px) {
    .home-apps__body {
        margin-bottom:128px
    }
}

@media(min-width: 768px) {
    .home-apps__body {
        margin-bottom:64px;
    }
}

@media(min-width: 960px) {
    .home-apps__body {
        margin-bottom:0
    }
}

.home-apps__inner-grid__item {
    grid-column: 1/-1
}

.home-apps__inner-grid__item--image {
    position: relative
}

@media(min-width: 768px)and (max-width:959.98px) {
    .home-apps__inner-grid__item--image {
        grid-column:2/6
    }
}

@media(min-width: 960px) {
    .home-apps__inner-grid__item {
        grid-column:span 3
    }
}

.home-apps__content {
    padding: 32px 16px 0;
    text-align: center
}

@media(min-width: 528px) {
    .home-apps__content {
        padding-left:24px;
        padding-right: 24px
    }
}

@media(min-width: 960px) {
    .home-apps__content {
        padding-bottom:24px;
        padding-bottom: 32px;
        padding-right: 0;
        padding-top: 24px;
        padding-top: 32px;
        text-align: left
    }
}

@media(min-width: 1264px) {
    .home-apps__content {
        padding-bottom:48px;
        padding-left: 32px;
        padding-top: 48px
    }
}

@media(min-width: 960px) {
    .home-apps__content-refreshed-title {
        max-width:450px
    }
}

@media(min-width: 1264px) {
    .home-apps__content-refreshed-title {
        max-width:600px
    }
}

.home-apps__content-description {
    justify-content: center;
    margin-bottom: 32px
}

@media(min-width: 960px) {
    .home-apps__content-description {
        justify-content:flex-start;
        margin-bottom: 16px
    }
}

@media(min-width: 1264px) {
    .home-apps__content-description {
        margin-bottom:24px
    }
}

@media(min-width: 960px) {
    .home-apps__content-description-text {
        max-width:360px
    }
}

@media(min-width: 1264px) {
    .home-apps__content-description-refreshed-text {
        max-width:400px!important
    }
}

@media(min-width: 960px) {
    .home-apps__content-description-refreshed-text {
        margin:0!important;
        max-width: 460px
    }
}

@media(min-width: 768px) {
    .home-apps__content-description-refreshed-text {
        margin:0 16px
    }
}

.home-apps__content-QR {
    max-height: 88px;
    max-width: 88px;
    padding: 8px
}

.home-apps__content-QR-container {
    border: 1px solid #07524D;
    border-radius: 5px;
    display: none;
    max-height: 88px;
    max-width: 88px
}
.home-section-title
{
    color: #07524D;
    font-family: 'PPTelegraf-UltraBold';
}

@media(min-width: 960px) {
    .home-apps__content-QR-container {
        display:flex;
        margin-right: 24px
    }
}

.home-apps__content-stores {
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin: 0 24px 16px
}

@media(min-width: 528px) {
    .home-apps__content-stores {
        margin:0 0 16px
    }
}

@media(min-width: 960px) {
    .home-apps__content-stores {
        gap:16px;
        justify-content: flex-start;
        margin: 0
    }
}

@media(min-width: 1264px) {
    .home-apps__content-stores {
        margin:0 0 16px
    }
}

.home-apps__content-stores a {
    max-height: 40px
}

.how-to-wrapper .h4,.how-to-wrapper h3,.how-to-wrapper h4,.how-to-wrapper p {
    margin: 16px 0
}

.how-to-wrapper hr {
    border: 0;
    border-top: 1px solid var(--colorNeutralDivider)
}



.home>section {
    padding-bottom: var(--bdsSpacingXl)
}

@media(min-width: 768px) {
    .home>section {
        padding-bottom:var(--bdsSpacingXxxl)
    }
}

.home>section:first-of-type {
    margin-top: var(--bdsSpacingXl)
}

@media(min-width: 768px) {
    .home>section:first-of-type {
        margin-top:var(--bdsSpacingXxxl)
    }
}