/* GENERATED by apps/xpo_web/tool/generate.dart from
 * tokens/club_pilates.json (brand club_pilates; XPO_ClubPilates_Baton_Flutter_Reference_Reconcile V2 (Uk6wvu0FdMWlsJWsPAgtmh, 2026-09-01)).
 * Do not edit. */

@font-face {
  font-family: "DM Sans";
  src: url("fonts/DMSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("fonts/DMSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("fonts/DMSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("fonts/DMSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --xpo-fonts-primary: "DM Sans", sans-serif;
  --xpo-fonts-secondary: "DM Sans", sans-serif;
  --xpo-palette-accent: #D5E6FAFF;
  --xpo-palette-background: #FFFFFFFF;
  --xpo-palette-base: #24211CFF;
  --xpo-palette-darkBase: #24211CFF;
  --xpo-palette-disabled: #84898FFF;
  --xpo-palette-divider: #E2E8F0FF;
  --xpo-palette-dropShadow: #E2E6ECFF;
  --xpo-palette-errorDark: #FF0000FF;
  --xpo-palette-errorLight: #FFF1F1FF;
  --xpo-palette-fieldBackground: #FFFFFFFF;
  --xpo-palette-globalBronze: #A56527FF;
  --xpo-palette-globalGold: #FFC12EFF;
  --xpo-palette-globalSilver: #DBDBDBFF;
  --xpo-palette-glyphAccent: #00315CFF;
  --xpo-palette-lightBackground: #F5F2ECFF;
  --xpo-palette-lightPrimary: #DFEAF4FF;
  --xpo-palette-lightWarning: #FEF3C7FF;
  --xpo-palette-mapPinDefault: #40464CFF;
  --xpo-palette-mapPinFavorite: #00315CFF;
  --xpo-palette-midBackground: #DDDDDDFF;
  --xpo-palette-midBase: #40464CFF;
  --xpo-palette-onPrimary: #24211CFF;
  --xpo-palette-primary: #D5E6FAFF;
  --xpo-palette-primaryTransparent: #D5E6FA1A;
  --xpo-palette-secondary: #00315CFF;
  --xpo-palette-spotDefault: #24211CFF;
  --xpo-palette-spotInstructor: #24211CFF;
  --xpo-palette-spotReserved: #F5F2ECFF;
  --xpo-palette-spotSelected: #D5E6FAFF;
  --xpo-palette-success: #219653FF;
  --xpo-palette-successLight: #E8F4EDFF;
  --xpo-palette-textTertiary: #555555FF;
  --xpo-palette-warning: #D97706FF;
  --xpo-valueScale-large: 24px;
  --xpo-valueScale-medium: 16px;
  --xpo-valueScale-small: 8px;
  --xpo-valueScale-xl: 32px;
  --xpo-valueScale-xs: 4px;
  --xpo-valueScale-xxl: 64px;
  --xpo-valueScale-zero: 0;
  --xpo-ramp-body12-family: "DM Sans", sans-serif;
  --xpo-ramp-body12-size: 12px;
  --xpo-ramp-body12-lineHeight: 16px;
  --xpo-ramp-body12-letterSpacing: 0.03em;
  --xpo-ramp-body12-weight: 400;
  --xpo-ramp-body12-fontStyle: normal;
  --xpo-ramp-body12Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-body12Bold-size: 12px;
  --xpo-ramp-body12Bold-letterSpacing: 0.03em;
  --xpo-ramp-body12Bold-weight: 600;
  --xpo-ramp-body12Bold-fontStyle: normal;
  --xpo-ramp-body14-family: "DM Sans", sans-serif;
  --xpo-ramp-body14-size: 14px;
  --xpo-ramp-body14-lineHeight: 20px;
  --xpo-ramp-body14-letterSpacing: 0em;
  --xpo-ramp-body14-weight: 400;
  --xpo-ramp-body14-fontStyle: normal;
  --xpo-ramp-body14Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-body14Bold-size: 14px;
  --xpo-ramp-body14Bold-lineHeight: 20px;
  --xpo-ramp-body14Bold-letterSpacing: 0.03em;
  --xpo-ramp-body14Bold-weight: 600;
  --xpo-ramp-body14Bold-fontStyle: normal;
  --xpo-ramp-body16-family: "DM Sans", sans-serif;
  --xpo-ramp-body16-size: 16px;
  --xpo-ramp-body16-lineHeight: 20px;
  --xpo-ramp-body16-letterSpacing: 0em;
  --xpo-ramp-body16-weight: 400;
  --xpo-ramp-body16-fontStyle: normal;
  --xpo-ramp-body16Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-body16Bold-size: 16px;
  --xpo-ramp-body16Bold-lineHeight: 20px;
  --xpo-ramp-body16Bold-letterSpacing: 0.03em;
  --xpo-ramp-body16Bold-weight: 600;
  --xpo-ramp-body16Bold-fontStyle: normal;
  --xpo-ramp-body20-family: "DM Sans", sans-serif;
  --xpo-ramp-body20-size: 20px;
  --xpo-ramp-body20-letterSpacing: 0em;
  --xpo-ramp-body20-weight: 400;
  --xpo-ramp-body20-fontStyle: normal;
  --xpo-ramp-body20Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-body20Bold-size: 20px;
  --xpo-ramp-body20Bold-letterSpacing: 0em;
  --xpo-ramp-body20Bold-weight: 600;
  --xpo-ramp-body20Bold-fontStyle: normal;
  --xpo-ramp-body24-family: "DM Sans", sans-serif;
  --xpo-ramp-body24-size: 24px;
  --xpo-ramp-body24-lineHeight: 36px;
  --xpo-ramp-body24-letterSpacing: 0.03em;
  --xpo-ramp-body24-weight: 400;
  --xpo-ramp-body24-fontStyle: normal;
  --xpo-ramp-body24Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-body24Bold-size: 24px;
  --xpo-ramp-body24Bold-lineHeight: 36px;
  --xpo-ramp-body24Bold-letterSpacing: 0em;
  --xpo-ramp-body24Bold-weight: 600;
  --xpo-ramp-body24Bold-fontStyle: normal;
  --xpo-ramp-buttonLabel-family: "DM Sans", sans-serif;
  --xpo-ramp-buttonLabel-size: 14px;
  --xpo-ramp-buttonLabel-lineHeight: 20px;
  --xpo-ramp-buttonLabel-letterSpacing: 0em;
  --xpo-ramp-buttonLabel-weight: 600;
  --xpo-ramp-buttonLabel-fontStyle: normal;
  --xpo-ramp-caption10-family: "DM Sans", sans-serif;
  --xpo-ramp-caption10-size: 10px;
  --xpo-ramp-caption10-lineHeight: 14px;
  --xpo-ramp-caption10-letterSpacing: 0.03em;
  --xpo-ramp-caption10-weight: 400;
  --xpo-ramp-caption10-fontStyle: normal;
  --xpo-ramp-caption10Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-caption10Bold-size: 10px;
  --xpo-ramp-caption10Bold-letterSpacing: 0.03em;
  --xpo-ramp-caption10Bold-weight: 600;
  --xpo-ramp-caption10Bold-fontStyle: normal;
  --xpo-ramp-h1-family: "DM Sans", sans-serif;
  --xpo-ramp-h1-size: 96px;
  --xpo-ramp-h1-letterSpacing: 0em;
  --xpo-ramp-h1-weight: 400;
  --xpo-ramp-h1-fontStyle: normal;
  --xpo-ramp-h1Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-h1Bold-size: 96px;
  --xpo-ramp-h1Bold-lineHeight: 136px;
  --xpo-ramp-h1Bold-letterSpacing: 0em;
  --xpo-ramp-h1Bold-weight: 600;
  --xpo-ramp-h1Bold-fontStyle: normal;
  --xpo-ramp-h2-family: "DM Sans", sans-serif;
  --xpo-ramp-h2-size: 48px;
  --xpo-ramp-h2-letterSpacing: 0em;
  --xpo-ramp-h2-weight: 400;
  --xpo-ramp-h2-fontStyle: normal;
  --xpo-ramp-h2Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-h2Bold-size: 48px;
  --xpo-ramp-h2Bold-lineHeight: 52px;
  --xpo-ramp-h2Bold-letterSpacing: 0em;
  --xpo-ramp-h2Bold-weight: 600;
  --xpo-ramp-h2Bold-fontStyle: normal;
  --xpo-ramp-h3-family: "DM Sans", sans-serif;
  --xpo-ramp-h3-size: 32px;
  --xpo-ramp-h3-letterSpacing: 0em;
  --xpo-ramp-h3-weight: 400;
  --xpo-ramp-h3-fontStyle: normal;
  --xpo-ramp-h3Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-h3Bold-size: 32px;
  --xpo-ramp-h3Bold-lineHeight: 34px;
  --xpo-ramp-h3Bold-letterSpacing: 0em;
  --xpo-ramp-h3Bold-weight: 600;
  --xpo-ramp-h3Bold-fontStyle: normal;
  --xpo-ramp-h3Bold24-family: "DM Sans", sans-serif;
  --xpo-ramp-h3Bold24-size: 24px;
  --xpo-ramp-h3Bold24-lineHeight: 36px;
  --xpo-ramp-h3Bold24-letterSpacing: 0em;
  --xpo-ramp-h3Bold24-weight: 700;
  --xpo-ramp-h3Bold24-fontStyle: normal;
  --xpo-ramp-h4-family: "DM Sans", sans-serif;
  --xpo-ramp-h4-size: 16px;
  --xpo-ramp-h4-lineHeight: 24px;
  --xpo-ramp-h4-letterSpacing: 0em;
  --xpo-ramp-h4-weight: 400;
  --xpo-ramp-h4-fontStyle: normal;
  --xpo-ramp-h4Bold-family: "DM Sans", sans-serif;
  --xpo-ramp-h4Bold-size: 16px;
  --xpo-ramp-h4Bold-lineHeight: 24px;
  --xpo-ramp-h4Bold-letterSpacing: 0.03em;
  --xpo-ramp-h4Bold-weight: 600;
  --xpo-ramp-h4Bold-fontStyle: normal;
  --xpo-ramp-largeTitle62-family: "DM Sans", sans-serif;
  --xpo-ramp-largeTitle62-size: 62px;
  --xpo-ramp-largeTitle62-letterSpacing: 0em;
  --xpo-ramp-largeTitle62-weight: 700;
  --xpo-ramp-largeTitle62-fontStyle: normal;
  --xpo-ramp-largeTitleCompact36-family: "DM Sans", sans-serif;
  --xpo-ramp-largeTitleCompact36-size: 36px;
  --xpo-ramp-largeTitleCompact36-letterSpacing: 0em;
  --xpo-ramp-largeTitleCompact36-weight: 700;
  --xpo-ramp-largeTitleCompact36-fontStyle: normal;
  --xpo-roles-colors-calendarSelectedFill: #D5E6FAFF;
  --xpo-roles-colors-cancelled: #FF0000FF;
  --xpo-roles-colors-classPointsPrimary: #D5E6FAFF;
  --xpo-roles-colors-dateStripSelectedBackground: #D5E6FAFF;
  --xpo-roles-colors-dateStripSelectedForeground: #24211CFF;
  --xpo-roles-colors-divider: #DDDDDDFF;
  --xpo-roles-colors-expiration: #D97706FF;
  --xpo-roles-colors-foreground: #24211CFF;
  --xpo-roles-colors-homeBackground: #FFFFFFFF;
  --xpo-roles-colors-homeSettings: #24211CFF;
  --xpo-roles-colors-mapPinDefault: #40464CFF;
  --xpo-roles-colors-mapPinFavorite: #00315CFF;
  --xpo-roles-colors-primary: #D5E6FAFF;
  --xpo-roles-colors-secondary: #00315CFF;
  --xpo-roles-colors-semanticError: #FF0000FF;
  --xpo-roles-colors-semanticErrorLight: #FFF1F1FF;
  --xpo-roles-colors-semanticSuccess: #219653FF;
  --xpo-roles-colors-settings: #24211CFF;
  --xpo-roles-colors-spotDefault: #24211CFF;
  --xpo-roles-colors-spotInstructorOutline: #24211CFF;
  --xpo-roles-colors-spotReserved: #F5F2ECFF;
  --xpo-roles-colors-spotSelected: #D5E6FAFF;
  --xpo-roles-colors-spotTick: #24211CFF;
  --xpo-roles-colors-textTertiary: #555555FF;
  --xpo-roles-colors-webLink: #00315CFF;
  --xpo-roles-type-action-family: "DM Sans", sans-serif;
  --xpo-roles-type-action-size: 14px;
  --xpo-roles-type-action-lineHeight: 20px;
  --xpo-roles-type-action-letterSpacing: 0px;
  --xpo-roles-type-action-weight: 600;
  --xpo-roles-type-action-colors-colored: #D5E6FAFF;
  --xpo-roles-type-action-colors-dark: #24211CFF;
  --xpo-roles-type-action-colors-light: #FFFFFFFF;
  --xpo-roles-type-body-family: "DM Sans", sans-serif;
  --xpo-roles-type-body-size: 16px;
  --xpo-roles-type-body-lineHeight: 24px;
  --xpo-roles-type-body-letterSpacing: 0px;
  --xpo-roles-type-body-weight: 400;
  --xpo-roles-type-body-colors-colored: #D5E6FAFF;
  --xpo-roles-type-body-colors-dark: #24211CFF;
  --xpo-roles-type-body-colors-light: #FFFFFFFF;
  --xpo-roles-type-cardTitle-family: "DM Sans", sans-serif;
  --xpo-roles-type-cardTitle-size: 16px;
  --xpo-roles-type-cardTitle-lineHeight: 20px;
  --xpo-roles-type-cardTitle-letterSpacing: 0.48px;
  --xpo-roles-type-cardTitle-weight: 600;
  --xpo-roles-type-cardTitle-colors-colored: #D5E6FAFF;
  --xpo-roles-type-cardTitle-colors-dark: #24211CFF;
  --xpo-roles-type-cardTitle-colors-light: #FFFFFFFF;
  --xpo-roles-type-emphasis-family: "DM Sans", sans-serif;
  --xpo-roles-type-emphasis-size: 14px;
  --xpo-roles-type-emphasis-lineHeight: 20px;
  --xpo-roles-type-emphasis-letterSpacing: 0.42px;
  --xpo-roles-type-emphasis-weight: 600;
  --xpo-roles-type-emphasis-colors-colored: #D5E6FAFF;
  --xpo-roles-type-emphasis-colors-dark: #24211CFF;
  --xpo-roles-type-emphasis-colors-light: #FFFFFFFF;
  --xpo-roles-type-featureTitle-family: "DM Sans", sans-serif;
  --xpo-roles-type-featureTitle-size: 24px;
  --xpo-roles-type-featureTitle-lineHeight: 36px;
  --xpo-roles-type-featureTitle-letterSpacing: 0px;
  --xpo-roles-type-featureTitle-weight: 700;
  --xpo-roles-type-featureTitle-colors-colored: #D5E6FAFF;
  --xpo-roles-type-featureTitle-colors-dark: #24211CFF;
  --xpo-roles-type-featureTitle-colors-light: #FFFFFFFF;
  --xpo-roles-type-helper-family: "DM Sans", sans-serif;
  --xpo-roles-type-helper-size: 12px;
  --xpo-roles-type-helper-lineHeight: 16px;
  --xpo-roles-type-helper-letterSpacing: 0.36px;
  --xpo-roles-type-helper-weight: 400;
  --xpo-roles-type-helper-colors-colored: #D5E6FAFF;
  --xpo-roles-type-helper-colors-dark: #24211CFF;
  --xpo-roles-type-helper-colors-light: #FFFFFFFF;
  --xpo-roles-type-modalTitle-family: "DM Sans", sans-serif;
  --xpo-roles-type-modalTitle-size: 16px;
  --xpo-roles-type-modalTitle-lineHeight: 20px;
  --xpo-roles-type-modalTitle-letterSpacing: 0.48px;
  --xpo-roles-type-modalTitle-weight: 600;
  --xpo-roles-type-modalTitle-colors-colored: #D5E6FAFF;
  --xpo-roles-type-modalTitle-colors-dark: #24211CFF;
  --xpo-roles-type-modalTitle-colors-light: #FFFFFFFF;
  --xpo-roles-type-pageTitle-family: "DM Sans", sans-serif;
  --xpo-roles-type-pageTitle-size: 32px;
  --xpo-roles-type-pageTitle-lineHeight: 34px;
  --xpo-roles-type-pageTitle-letterSpacing: 0px;
  --xpo-roles-type-pageTitle-weight: 600;
  --xpo-roles-type-pageTitle-colors-colored: #D5E6FAFF;
  --xpo-roles-type-pageTitle-colors-dark: #24211CFF;
  --xpo-roles-type-pageTitle-colors-light: #FFFFFFFF;
  --xpo-activityDashboard-milestonesCellGap: 16px;
  --xpo-activityDashboard-milestonesLabelColor: #24211CFF;
  --xpo-activityDashboard-milestonesLabelStyle-family: "DM Sans", sans-serif;
  --xpo-activityDashboard-milestonesLabelStyle-size: 14px;
  --xpo-activityDashboard-milestonesLabelStyle-lineHeight: 20px;
  --xpo-activityDashboard-milestonesLabelStyle-letterSpacing: 0px;
  --xpo-activityDashboard-milestonesLabelStyle-weight: 600;
  --xpo-activityDashboard-milestonesMedallionSize: 119px;
  --xpo-activityDashboard-sectionHeaderBackground: #F5F2ECFF;
  --xpo-activityDashboard-sectionHeaderTitleColor: #24211CFF;
  --xpo-activityDashboard-sectionHeaderTitleStyle-family: "DM Sans", sans-serif;
  --xpo-activityDashboard-sectionHeaderTitleStyle-size: 16px;
  --xpo-activityDashboard-sectionHeaderTitleStyle-lineHeight: 20px;
  --xpo-activityDashboard-sectionHeaderTitleStyle-letterSpacing: 0.48px;
  --xpo-activityDashboard-sectionHeaderTitleStyle-weight: 600;
  --xpo-advisoryBanner-background: #D5E6FAFF;
  --xpo-advisoryBanner-cornerRadius: 0;
  --xpo-advisoryBanner-horizontalPadding: 24px;
  --xpo-advisoryBanner-textColor: #24211CFF;
  --xpo-advisoryBanner-textStyle-family: "DM Sans", sans-serif;
  --xpo-advisoryBanner-textStyle-size: 14px;
  --xpo-advisoryBanner-textStyle-lineHeight: 14px;
  --xpo-advisoryBanner-textStyle-letterSpacing: 0.42px;
  --xpo-advisoryBanner-textStyle-weight: 600;
  --xpo-advisoryBanner-verticalPadding: 16px;
  --xpo-appProgressBar-labelGap: 8px;
  --xpo-appProgressBar-markerDiameter: 17px;
  --xpo-appProgressBar-trackHeight: 8px;
  --xpo-appProgressBar-trackRadius: 4px;
  --xpo-blockingAlert-buttonGap: 24px;
  --xpo-blockingAlert-buttonHeight: 48px;
  --xpo-blockingAlert-fill: #FFFFFFFF;
  --xpo-blockingAlert-margin: 24px;
  --xpo-blockingAlert-messageColor: #40464CFF;
  --xpo-blockingAlert-messageStyle-family: "DM Sans", sans-serif;
  --xpo-blockingAlert-messageStyle-size: 16px;
  --xpo-blockingAlert-messageStyle-lineHeight: 24px;
  --xpo-blockingAlert-messageStyle-letterSpacing: 0px;
  --xpo-blockingAlert-messageStyle-weight: 400;
  --xpo-blockingAlert-padding: 24px;
  --xpo-blockingAlert-scrim: #00000066;
  --xpo-blockingAlert-titleColor: #24211CFF;
  --xpo-blockingAlert-titleGap: 16px;
  --xpo-blockingAlert-titleStyle-family: "DM Sans", sans-serif;
  --xpo-blockingAlert-titleStyle-size: 16px;
  --xpo-blockingAlert-titleStyle-lineHeight: 20px;
  --xpo-blockingAlert-titleStyle-letterSpacing: 0.48px;
  --xpo-blockingAlert-titleStyle-weight: 600;
  --xpo-challenges-milestoneLabelColor: #24211CFF;
  --xpo-challenges-milestoneLabelStyle-family: "DM Sans", sans-serif;
  --xpo-challenges-milestoneLabelStyle-size: 12px;
  --xpo-challenges-milestoneLabelStyle-lineHeight: 16px;
  --xpo-challenges-milestoneLabelStyle-letterSpacing: 0.36px;
  --xpo-challenges-milestoneLabelStyle-weight: 400;
  --xpo-challenges-progressTintColor: #D5E6FAFF;
  --xpo-challengesModuleCard-background: #FFFFFFFF;
  --xpo-challengesModuleCard-cardBorderColor: #F5F2ECFF;
  --xpo-challengesModuleCard-cardCornerRadius: 8px;
  --xpo-challengesModuleCard-cardDescriptionColor: #555555FF;
  --xpo-challengesModuleCard-cardDescriptionEmphasisColor: #00315CFF;
  --xpo-challengesModuleCard-cardDescriptionStyle-family: "DM Sans", sans-serif;
  --xpo-challengesModuleCard-cardDescriptionStyle-size: 16px;
  --xpo-challengesModuleCard-cardDescriptionStyle-lineHeight: 20px;
  --xpo-challengesModuleCard-cardDescriptionStyle-letterSpacing: 0px;
  --xpo-challengesModuleCard-cardDescriptionStyle-weight: 400;
  --xpo-challengesModuleCard-cardPadding-bottom: 16px;
  --xpo-challengesModuleCard-cardPadding-left: 16px;
  --xpo-challengesModuleCard-cardPadding-right: 16px;
  --xpo-challengesModuleCard-cardPadding-top: 16px;
  --xpo-challengesModuleCard-cardTitleColor: #24211CFF;
  --xpo-challengesModuleCard-cardTitleStyle-family: "DM Sans", sans-serif;
  --xpo-challengesModuleCard-cardTitleStyle-size: 16px;
  --xpo-challengesModuleCard-cardTitleStyle-lineHeight: 20px;
  --xpo-challengesModuleCard-cardTitleStyle-letterSpacing: 0.48px;
  --xpo-challengesModuleCard-cardTitleStyle-weight: 600;
  --xpo-challengesModuleCard-contentGap: 16px;
  --xpo-challengesModuleCard-cornerRadius: 24px;
  --xpo-challengesModuleCard-headingColor: #24211CFF;
  --xpo-challengesModuleCard-headingStyle-family: "DM Sans", sans-serif;
  --xpo-challengesModuleCard-headingStyle-size: 24px;
  --xpo-challengesModuleCard-headingStyle-lineHeight: 36px;
  --xpo-challengesModuleCard-headingStyle-letterSpacing: 0px;
  --xpo-challengesModuleCard-headingStyle-weight: 700;
  --xpo-challengesModuleCard-joinPill-disabled-backgroundColor: #00000000;
  --xpo-challengesModuleCard-joinPill-disabled-borderColor: #DADADAFF;
  --xpo-challengesModuleCard-joinPill-disabled-borderWidth: 1px;
  --xpo-challengesModuleCard-joinPill-disabled-foregroundColor: #84898FFF;
  --xpo-challengesModuleCard-joinPill-enabled-backgroundColor: #D5E6FAFF;
  --xpo-challengesModuleCard-joinPill-enabled-borderWidth: 0;
  --xpo-challengesModuleCard-joinPill-enabled-foregroundColor: #24211CFF;
  --xpo-challengesModuleCard-joinPill-height: 28px;
  --xpo-challengesModuleCard-joinPill-horizontalPadding: 16px;
  --xpo-challengesModuleCard-joinPill-label-family: "DM Sans", sans-serif;
  --xpo-challengesModuleCard-joinPill-label-size: 12px;
  --xpo-challengesModuleCard-joinPill-label-lineHeight: 16px;
  --xpo-challengesModuleCard-joinPill-label-letterSpacing: 0.36px;
  --xpo-challengesModuleCard-joinPill-label-weight: 600;
  --xpo-challengesModuleCard-joinPill-shape-cornerRadius: 24px;
  --xpo-challengesModuleCard-joinPill-textTransform: none;
  --xpo-challengesModuleCard-joinPill-verticalPadding: 8px;
  --xpo-challengesModuleCard-padding-bottom: 16px;
  --xpo-challengesModuleCard-padding-left: 24px;
  --xpo-challengesModuleCard-padding-right: 24px;
  --xpo-challengesModuleCard-padding-top: 16px;
  --xpo-challengesModuleCard-screenInset: 16px;
  --xpo-challengesModuleCard-shadow-blur: 16px;
  --xpo-challengesModuleCard-shadow-color: #E2E6ECFF;
  --xpo-challengesModuleCard-shadow-offsetX: 0;
  --xpo-challengesModuleCard-shadow-offsetY: 0;
  --xpo-challengesModuleCard-shadow-spread: 0;
  --xpo-challengesModuleCard-viewAll-disabled-backgroundColor: #00000000;
  --xpo-challengesModuleCard-viewAll-disabled-borderColor: #DADADAFF;
  --xpo-challengesModuleCard-viewAll-disabled-borderWidth: 1px;
  --xpo-challengesModuleCard-viewAll-disabled-foregroundColor: #84898FFF;
  --xpo-challengesModuleCard-viewAll-enabled-backgroundColor: #00000000;
  --xpo-challengesModuleCard-viewAll-enabled-borderColor: #24211CFF;
  --xpo-challengesModuleCard-viewAll-enabled-borderWidth: 1px;
  --xpo-challengesModuleCard-viewAll-enabled-foregroundColor: #24211CFF;
  --xpo-challengesModuleCard-viewAll-label-family: "DM Sans", sans-serif;
  --xpo-challengesModuleCard-viewAll-label-size: 14px;
  --xpo-challengesModuleCard-viewAll-label-lineHeight: 20px;
  --xpo-challengesModuleCard-viewAll-label-letterSpacing: 0px;
  --xpo-challengesModuleCard-viewAll-label-weight: 600;
  --xpo-challengesModuleCard-viewAll-shape-cornerRadius: 24px;
  --xpo-challengesModuleCard-viewAll-textTransform: none;
  --xpo-classPoints-andStyle-family: "DM Sans", sans-serif;
  --xpo-classPoints-andStyle-size: 14px;
  --xpo-classPoints-andStyle-lineHeight: 20px;
  --xpo-classPoints-andStyle-letterSpacing: 0.42px;
  --xpo-classPoints-andStyle-weight: 600;
  --xpo-classPoints-arcBalanceStyle-family: "DM Sans", sans-serif;
  --xpo-classPoints-arcBalanceStyle-size: 48px;
  --xpo-classPoints-arcBalanceStyle-lineHeight: 52px;
  --xpo-classPoints-arcBalanceStyle-letterSpacing: 0px;
  --xpo-classPoints-arcBalanceStyle-weight: 700;
  --xpo-classPoints-arcRenewStyle-family: "DM Sans", sans-serif;
  --xpo-classPoints-arcRenewStyle-size: 12px;
  --xpo-classPoints-arcRenewStyle-lineHeight: 16px;
  --xpo-classPoints-arcRenewStyle-letterSpacing: 0.36px;
  --xpo-classPoints-arcRenewStyle-weight: 400;
  --xpo-classPoints-arcStatusStyle-family: "DM Sans", sans-serif;
  --xpo-classPoints-arcStatusStyle-size: 16px;
  --xpo-classPoints-arcStatusStyle-lineHeight: 24px;
  --xpo-classPoints-arcStatusStyle-letterSpacing: 0.48px;
  --xpo-classPoints-arcStatusStyle-weight: 600;
  --xpo-classPoints-headlineCaptionColor: #FFFFFFFF;
  --xpo-classPoints-headlineCaptionStyle-family: "DM Sans", sans-serif;
  --xpo-classPoints-headlineCaptionStyle-size: 14px;
  --xpo-classPoints-headlineCaptionStyle-lineHeight: 20px;
  --xpo-classPoints-headlineCaptionStyle-letterSpacing: 0px;
  --xpo-classPoints-headlineCaptionStyle-weight: 400;
  --xpo-classPoints-headlineValueStyle-family: "DM Sans", sans-serif;
  --xpo-classPoints-headlineValueStyle-size: 32px;
  --xpo-classPoints-headlineValueStyle-lineHeight: 34px;
  --xpo-classPoints-headlineValueStyle-letterSpacing: 0px;
  --xpo-classPoints-headlineValueStyle-weight: 600;
  --xpo-classPoints-levelUpPillHeight: 32px;
  --xpo-classPoints-levelUpPillLabelColor: #24211CFF;
  --xpo-classPoints-levelUpPillLabelStyle-family: "DM Sans", sans-serif;
  --xpo-classPoints-levelUpPillLabelStyle-size: 12px;
  --xpo-classPoints-levelUpPillLabelStyle-lineHeight: 16px;
  --xpo-classPoints-levelUpPillLabelStyle-letterSpacing: 0.36px;
  --xpo-classPoints-levelUpPillLabelStyle-weight: 400;
  --xpo-classPoints-levelUpPillRadius: 4px;
  --xpo-classPoints-levelUpPillWidth: 70px;
  --xpo-classPoints-pointsRewardTierStyle-family: "DM Sans", sans-serif;
  --xpo-classPoints-pointsRewardTierStyle-size: 12px;
  --xpo-classPoints-pointsRewardTierStyle-lineHeight: 16px;
  --xpo-classPoints-pointsRewardTierStyle-letterSpacing: 0.36px;
  --xpo-classPoints-pointsRewardTierStyle-weight: 400;
  --xpo-errorBanner-background: #FF0000FF;
  --xpo-errorBanner-cornerRadius: 0;
  --xpo-errorBanner-horizontalPadding: 24px;
  --xpo-errorBanner-textColor: #FFFFFFFF;
  --xpo-errorBanner-textStyle-family: "DM Sans", sans-serif;
  --xpo-errorBanner-textStyle-size: 14px;
  --xpo-errorBanner-textStyle-lineHeight: 14px;
  --xpo-errorBanner-textStyle-letterSpacing: 0.42px;
  --xpo-errorBanner-textStyle-weight: 600;
  --xpo-errorBanner-verticalPadding: 16px;
  --xpo-goalTrackingModuleCard-cardSurface: #FFFFFFFF;
  --xpo-goalTrackingModuleCard-headingColor: #24211CFF;
  --xpo-goalTrackingModuleCard-headingStyle-family: "DM Sans", sans-serif;
  --xpo-goalTrackingModuleCard-headingStyle-size: 16px;
  --xpo-goalTrackingModuleCard-headingStyle-lineHeight: 24px;
  --xpo-goalTrackingModuleCard-headingStyle-letterSpacing: 0.48px;
  --xpo-goalTrackingModuleCard-headingStyle-weight: 600;
  --xpo-goalTrackingModuleCard-setGoalButton-disabled-backgroundColor: #00000000;
  --xpo-goalTrackingModuleCard-setGoalButton-disabled-borderColor: #DADADAFF;
  --xpo-goalTrackingModuleCard-setGoalButton-disabled-borderWidth: 1px;
  --xpo-goalTrackingModuleCard-setGoalButton-disabled-foregroundColor: #84898FFF;
  --xpo-goalTrackingModuleCard-setGoalButton-enabled-backgroundColor: #00000000;
  --xpo-goalTrackingModuleCard-setGoalButton-enabled-borderColor: #24211CFF;
  --xpo-goalTrackingModuleCard-setGoalButton-enabled-borderWidth: 1px;
  --xpo-goalTrackingModuleCard-setGoalButton-enabled-foregroundColor: #24211CFF;
  --xpo-goalTrackingModuleCard-setGoalButton-height: 48px;
  --xpo-goalTrackingModuleCard-setGoalButton-horizontalPadding: 24px;
  --xpo-goalTrackingModuleCard-setGoalButton-label-family: "DM Sans", sans-serif;
  --xpo-goalTrackingModuleCard-setGoalButton-label-size: 14px;
  --xpo-goalTrackingModuleCard-setGoalButton-label-lineHeight: 20px;
  --xpo-goalTrackingModuleCard-setGoalButton-label-letterSpacing: 0px;
  --xpo-goalTrackingModuleCard-setGoalButton-label-weight: 600;
  --xpo-goalTrackingModuleCard-setGoalButton-shape-cornerRadius: 24px;
  --xpo-goalTrackingModuleCard-setGoalButton-textTransform: none;
  --xpo-goalTrackingModuleCard-setGoalButton-verticalPadding: 8px;
  --xpo-homeModuleCard-background: #FFFFFFFF;
  --xpo-homeModuleCard-bordered-borderColor: #DDDDDDFF;
  --xpo-homeModuleCard-bordered-borderWidth: 1px;
  --xpo-homeModuleCard-bordered-contentGap: 16px;
  --xpo-homeModuleCard-bordered-headerDividerColor: #DDDDDDFF;
  --xpo-homeModuleCard-bordered-headerHeight: 68px;
  --xpo-homeModuleCard-bordered-headerLinkColor: #00315CFF;
  --xpo-homeModuleCard-bordered-headerLinkStyle-family: "DM Sans", sans-serif;
  --xpo-homeModuleCard-bordered-headerLinkStyle-size: 12px;
  --xpo-homeModuleCard-bordered-headerLinkStyle-lineHeight: 16px;
  --xpo-homeModuleCard-bordered-headerLinkStyle-letterSpacing: 0.36px;
  --xpo-homeModuleCard-bordered-headerLinkStyle-weight: 400;
  --xpo-homeModuleCard-bordered-headerLinkUnderline: underline;
  --xpo-homeModuleCard-bordered-padding: 24px;
  --xpo-homeModuleCard-bordered-titleColor: #24211CFF;
  --xpo-homeModuleCard-bordered-titleStyle-family: "DM Sans", sans-serif;
  --xpo-homeModuleCard-bordered-titleStyle-size: 16px;
  --xpo-homeModuleCard-bordered-titleStyle-lineHeight: 20px;
  --xpo-homeModuleCard-bordered-titleStyle-letterSpacing: 0.48px;
  --xpo-homeModuleCard-bordered-titleStyle-weight: 600;
  --xpo-homeModuleCard-button-disabled-backgroundColor: #00000000;
  --xpo-homeModuleCard-button-disabled-borderColor: #DADADAFF;
  --xpo-homeModuleCard-button-disabled-borderWidth: 1px;
  --xpo-homeModuleCard-button-disabled-foregroundColor: #84898FFF;
  --xpo-homeModuleCard-button-enabled-backgroundColor: #00000000;
  --xpo-homeModuleCard-button-enabled-borderColor: #24211CFF;
  --xpo-homeModuleCard-button-enabled-borderWidth: 1px;
  --xpo-homeModuleCard-button-enabled-foregroundColor: #24211CFF;
  --xpo-homeModuleCard-button-height: 48px;
  --xpo-homeModuleCard-button-horizontalPadding: 24px;
  --xpo-homeModuleCard-button-label-family: "DM Sans", sans-serif;
  --xpo-homeModuleCard-button-label-size: 14px;
  --xpo-homeModuleCard-button-label-lineHeight: 20px;
  --xpo-homeModuleCard-button-label-letterSpacing: 0px;
  --xpo-homeModuleCard-button-label-weight: 600;
  --xpo-homeModuleCard-button-shape-cornerRadius: 24px;
  --xpo-homeModuleCard-button-textTransform: none;
  --xpo-homeModuleCard-button-verticalPadding: 8px;
  --xpo-homeModuleCard-buttonHairlineColor: #F5F2ECFF;
  --xpo-homeModuleCard-buttonHairlineThickness: 1px;
  --xpo-homeModuleCard-buttonHeight: 48px;
  --xpo-homeModuleCard-cornerRadius: 24px;
  --xpo-homeModuleCard-headerGap: 0;
  --xpo-homeModuleCard-padding-bottom: 24px;
  --xpo-homeModuleCard-padding-left: 24px;
  --xpo-homeModuleCard-padding-right: 24px;
  --xpo-homeModuleCard-padding-top: 24px;
  --xpo-homeModuleCard-rowGap: 24px;
  --xpo-homeModuleCard-screenInset: 16px;
  --xpo-homeModuleCard-shadow-blur: 16px;
  --xpo-homeModuleCard-shadow-color: #E2E6ECFF;
  --xpo-homeModuleCard-shadow-offsetX: 0;
  --xpo-homeModuleCard-shadow-offsetY: 0;
  --xpo-homeModuleCard-shadow-spread: 0;
  --xpo-homeModuleCard-subtitleColor: #40464CFF;
  --xpo-homeModuleCard-subtitleStyle-family: "DM Sans", sans-serif;
  --xpo-homeModuleCard-subtitleStyle-size: 12px;
  --xpo-homeModuleCard-subtitleStyle-lineHeight: 16px;
  --xpo-homeModuleCard-subtitleStyle-letterSpacing: 0.36px;
  --xpo-homeModuleCard-subtitleStyle-weight: 400;
  --xpo-homeModuleCard-titleColor: #24211CFF;
  --xpo-homeModuleCard-titleStyle-family: "DM Sans", sans-serif;
  --xpo-homeModuleCard-titleStyle-size: 16px;
  --xpo-homeModuleCard-titleStyle-lineHeight: 24px;
  --xpo-homeModuleCard-titleStyle-letterSpacing: 0.48px;
  --xpo-homeModuleCard-titleStyle-weight: 600;
  --xpo-milestoneTracker-nodeDiameter: 32px;
  --xpo-milestoneTracker-ringWidth: 2px;
  --xpo-pagerDots-activeColor: #00315CFF;
  --xpo-pagerDots-diameter: 8px;
  --xpo-pagerDots-gap: 8px;
  --xpo-pagerDots-inactiveColor: #DFEAF4FF;
  --xpo-primaryButton-disabled-backgroundColor: #DDDDDDFF;
  --xpo-primaryButton-disabled-borderWidth: 0;
  --xpo-primaryButton-disabled-foregroundColor: #40464CFF;
  --xpo-primaryButton-enabled-backgroundColor: #D5E6FAFF;
  --xpo-primaryButton-enabled-borderWidth: 0;
  --xpo-primaryButton-enabled-foregroundColor: #24211CFF;
  --xpo-primaryButton-height: 48px;
  --xpo-primaryButton-horizontalPadding: 24px;
  --xpo-primaryButton-label-family: "DM Sans", sans-serif;
  --xpo-primaryButton-label-size: 14px;
  --xpo-primaryButton-label-lineHeight: 20px;
  --xpo-primaryButton-label-letterSpacing: 0px;
  --xpo-primaryButton-label-weight: 600;
  --xpo-primaryButton-shape-cornerRadius: 24px;
  --xpo-primaryButton-textTransform: none;
  --xpo-referralModuleCard-background: #FFFFFFFF;
  --xpo-referralModuleCard-bodyColor: #40464CFF;
  --xpo-referralModuleCard-bodyStyle-family: "DM Sans", sans-serif;
  --xpo-referralModuleCard-bodyStyle-size: 16px;
  --xpo-referralModuleCard-bodyStyle-lineHeight: 20px;
  --xpo-referralModuleCard-bodyStyle-letterSpacing: 0px;
  --xpo-referralModuleCard-bodyStyle-weight: 400;
  --xpo-referralModuleCard-contentGap: 16px;
  --xpo-referralModuleCard-cornerRadius: 24px;
  --xpo-referralModuleCard-headingColor: #24211CFF;
  --xpo-referralModuleCard-headingStyle-family: "DM Sans", sans-serif;
  --xpo-referralModuleCard-headingStyle-size: 24px;
  --xpo-referralModuleCard-headingStyle-lineHeight: 36px;
  --xpo-referralModuleCard-headingStyle-letterSpacing: 0px;
  --xpo-referralModuleCard-headingStyle-weight: 700;
  --xpo-referralModuleCard-padding-bottom: 24px;
  --xpo-referralModuleCard-padding-left: 24px;
  --xpo-referralModuleCard-padding-right: 24px;
  --xpo-referralModuleCard-padding-top: 24px;
  --xpo-referralModuleCard-pill-disabled-backgroundColor: #00000000;
  --xpo-referralModuleCard-pill-disabled-borderColor: #DADADAFF;
  --xpo-referralModuleCard-pill-disabled-borderWidth: 1px;
  --xpo-referralModuleCard-pill-disabled-foregroundColor: #84898FFF;
  --xpo-referralModuleCard-pill-enabled-backgroundColor: #D5E6FAFF;
  --xpo-referralModuleCard-pill-enabled-borderWidth: 0;
  --xpo-referralModuleCard-pill-enabled-foregroundColor: #24211CFF;
  --xpo-referralModuleCard-pill-height: 28px;
  --xpo-referralModuleCard-pill-horizontalPadding: 16px;
  --xpo-referralModuleCard-pill-label-family: "DM Sans", sans-serif;
  --xpo-referralModuleCard-pill-label-size: 12px;
  --xpo-referralModuleCard-pill-label-lineHeight: 16px;
  --xpo-referralModuleCard-pill-label-letterSpacing: 0.36px;
  --xpo-referralModuleCard-pill-label-weight: 600;
  --xpo-referralModuleCard-pill-shape-cornerRadius: 24px;
  --xpo-referralModuleCard-pill-textTransform: none;
  --xpo-referralModuleCard-pill-verticalPadding: 8px;
  --xpo-referralModuleCard-rowGap: 16px;
  --xpo-referralModuleCard-screenInset: 16px;
  --xpo-referralModuleCard-shadow-blur: 16px;
  --xpo-referralModuleCard-shadow-color: #E2E6ECFF;
  --xpo-referralModuleCard-shadow-offsetX: 0;
  --xpo-referralModuleCard-shadow-offsetY: 0;
  --xpo-referralModuleCard-shadow-spread: 0;
  --xpo-secondaryButton-disabled-backgroundColor: #00000000;
  --xpo-secondaryButton-disabled-borderColor: #DADADAFF;
  --xpo-secondaryButton-disabled-borderWidth: 1px;
  --xpo-secondaryButton-disabled-foregroundColor: #84898FFF;
  --xpo-secondaryButton-enabled-backgroundColor: #00000000;
  --xpo-secondaryButton-enabled-borderColor: #24211CFF;
  --xpo-secondaryButton-enabled-borderWidth: 1px;
  --xpo-secondaryButton-enabled-foregroundColor: #24211CFF;
  --xpo-secondaryButton-height: 48px;
  --xpo-secondaryButton-horizontalPadding: 24px;
  --xpo-secondaryButton-label-family: "DM Sans", sans-serif;
  --xpo-secondaryButton-label-size: 14px;
  --xpo-secondaryButton-label-lineHeight: 20px;
  --xpo-secondaryButton-label-letterSpacing: 0px;
  --xpo-secondaryButton-label-weight: 600;
  --xpo-secondaryButton-shape-cornerRadius: 24px;
  --xpo-secondaryButton-textTransform: none;
  --xpo-secondaryButton-verticalPadding: 8px;
  --xpo-smallPillButton-disabled-backgroundColor: #DDDDDDFF;
  --xpo-smallPillButton-disabled-borderWidth: 0;
  --xpo-smallPillButton-disabled-foregroundColor: #24211CFF;
  --xpo-smallPillButton-enabled-backgroundColor: #D5E6FAFF;
  --xpo-smallPillButton-enabled-borderWidth: 0;
  --xpo-smallPillButton-enabled-foregroundColor: #24211CFF;
  --xpo-smallPillButton-height: 28px;
  --xpo-smallPillButton-horizontalPadding: 16px;
  --xpo-smallPillButton-label-family: "DM Sans", sans-serif;
  --xpo-smallPillButton-label-size: 12px;
  --xpo-smallPillButton-label-letterSpacing: 0.36px;
  --xpo-smallPillButton-label-weight: 600;
  --xpo-smallPillButton-shape-cornerRadius: 24px;
  --xpo-smallPillButton-textTransform: none;
  --xpo-tertiaryButton-disabled-backgroundColor: #00000000;
  --xpo-tertiaryButton-disabled-borderWidth: 0;
  --xpo-tertiaryButton-disabled-foregroundColor: #84898FFF;
  --xpo-tertiaryButton-enabled-backgroundColor: #00000000;
  --xpo-tertiaryButton-enabled-borderWidth: 0;
  --xpo-tertiaryButton-enabled-foregroundColor: #00315CFF;
  --xpo-tertiaryButton-label-family: "DM Sans", sans-serif;
  --xpo-tertiaryButton-label-size: 12px;
  --xpo-tertiaryButton-label-letterSpacing: 0.36px;
  --xpo-tertiaryButton-label-weight: 600;
  --xpo-tertiaryButton-shape-cornerRadius: 0;
  --xpo-tertiaryButton-textTransform: none;
  --xpo-unselectedToggleButton-disabled-backgroundColor: #DDDDDDFF;
  --xpo-unselectedToggleButton-disabled-borderWidth: 0;
  --xpo-unselectedToggleButton-disabled-foregroundColor: #40464CFF;
  --xpo-unselectedToggleButton-enabled-backgroundColor: #00000000;
  --xpo-unselectedToggleButton-enabled-borderColor: #24211CFF;
  --xpo-unselectedToggleButton-enabled-borderWidth: 1px;
  --xpo-unselectedToggleButton-enabled-foregroundColor: #24211CFF;
  --xpo-unselectedToggleButton-height: 48px;
  --xpo-unselectedToggleButton-horizontalPadding: 24px;
  --xpo-unselectedToggleButton-label-family: "DM Sans", sans-serif;
  --xpo-unselectedToggleButton-label-size: 14px;
  --xpo-unselectedToggleButton-label-lineHeight: 20px;
  --xpo-unselectedToggleButton-label-letterSpacing: 0px;
  --xpo-unselectedToggleButton-label-weight: 600;
  --xpo-unselectedToggleButton-shape-cornerRadius: 24px;
  --xpo-unselectedToggleButton-textTransform: none;
  --xpo-webClassPointsCard-arcAchievedColor: #00315CFF;
  --xpo-webClassPointsCard-arcBoxWidth: 256px;
  --xpo-webClassPointsCard-arcTrackColor: #DDDDDDFF;
  --xpo-webClassPointsCard-arcUnachievedColor: #DDDDDDFF;
  --xpo-webClassPointsCard-captionColor: #40464CFF;
  --xpo-webClassPointsCard-tierFills-bronze: #A56527FF;
  --xpo-webClassPointsCard-tierFills-gold: #FFC12EFF;
  --xpo-webClassPointsCard-tierFills-silver: #DBDBDBFF;
  --xpo-webClassPointsCard-tierLabelColor: #24211CFF;
  --xpo-webFooter-height: 30px;
  --xpo-webFooter-horizontalPadding: 24px;
  --xpo-webFooter-ink: #FFFFFFFF;
  --xpo-webFooter-linkGap: 16px;
  --xpo-webFooter-surface: #00315CFF;
  --xpo-webFooter-textStyle-family: "DM Sans", sans-serif;
  --xpo-webFooter-textStyle-size: 10px;
  --xpo-webFooter-textStyle-lineHeight: 14px;
  --xpo-webFooter-textStyle-letterSpacing: 0.3px;
  --xpo-webFooter-textStyle-weight: 400;
  --xpo-webFooter-verticalPadding: 8px;
  --xpo-webGlobalBanner-barHeight: 28px;
  --xpo-webGlobalBanner-defaultVariant-fill: #40464CFF;
  --xpo-webGlobalBanner-defaultVariant-ink: #FFFFFFFF;
  --xpo-webGlobalBanner-horizontalPadding: 24px;
  --xpo-webGlobalBanner-iconGap: 4px;
  --xpo-webGlobalBanner-iconSize: 12px;
  --xpo-webGlobalBanner-successVariant-fill: #E8F4EDFF;
  --xpo-webGlobalBanner-successVariant-ink: #219653FF;
  --xpo-webGlobalBanner-textStyle-family: "DM Sans", sans-serif;
  --xpo-webGlobalBanner-textStyle-size: 12px;
  --xpo-webGlobalBanner-textStyle-lineHeight: 16px;
  --xpo-webGlobalBanner-textStyle-letterSpacing: 0.36px;
  --xpo-webGlobalBanner-textStyle-weight: 400;
  --xpo-webGlobalBanner-warningVariant-fill: #FEF3C7FF;
  --xpo-webGlobalBanner-warningVariant-ink: #D97706FF;
  --xpo-webImageBanner-contentGap: 4px;
  --xpo-webImageBanner-cornerRadius: 24px;
  --xpo-webImageBanner-ink: #FFFFFFFF;
  --xpo-webImageBanner-linkStyle-family: "DM Sans", sans-serif;
  --xpo-webImageBanner-linkStyle-size: 16px;
  --xpo-webImageBanner-linkStyle-lineHeight: 20px;
  --xpo-webImageBanner-linkStyle-letterSpacing: 0.48px;
  --xpo-webImageBanner-linkStyle-weight: 600;
  --xpo-webImageBanner-linkUnderline: underline;
  --xpo-webImageBanner-padding: 16px;
  --xpo-webImageBanner-scrim: #24211C80;
  --xpo-webImageBanner-subtitleStyle-family: "DM Sans", sans-serif;
  --xpo-webImageBanner-subtitleStyle-size: 16px;
  --xpo-webImageBanner-subtitleStyle-lineHeight: 20px;
  --xpo-webImageBanner-subtitleStyle-letterSpacing: 0.48px;
  --xpo-webImageBanner-subtitleStyle-weight: 600;
  --xpo-webImageBanner-titleStyle-family: "DM Sans", sans-serif;
  --xpo-webImageBanner-titleStyle-size: 32px;
  --xpo-webImageBanner-titleStyle-lineHeight: 34px;
  --xpo-webImageBanner-titleStyle-letterSpacing: 0px;
  --xpo-webImageBanner-titleStyle-weight: 600;
  --xpo-webInput-borderColor: #DDDDDDFF;
  --xpo-webInput-borderWidth: 1px;
  --xpo-webInput-cornerRadius: 32px;
  --xpo-webInput-fill: #F5F2ECFF;
  --xpo-webInput-height: 56px;
  --xpo-webInput-padding: 16px;
  --xpo-webInput-textColor: #24211CFF;
  --xpo-webInput-textStyle-family: "DM Sans", sans-serif;
  --xpo-webInput-textStyle-size: 12px;
  --xpo-webInput-textStyle-lineHeight: 16px;
  --xpo-webInput-textStyle-letterSpacing: 0.36px;
  --xpo-webInput-textStyle-weight: 400;
  --xpo-webModal-bodyPadding: 24px;
  --xpo-webModal-cornerRadius: 24px;
  --xpo-webModal-headerHeight: 68px;
  --xpo-webModal-headerRuleColor: #E2E8F0FF;
  --xpo-webModal-headerRuleThickness: 1px;
  --xpo-webModal-scrim: #24211C26;
  --xpo-webModal-surface: #FFFFFFFF;
  --xpo-webModal-titleColor: #24211CFF;
  --xpo-webModal-titleStyle-family: "DM Sans", sans-serif;
  --xpo-webModal-titleStyle-size: 16px;
  --xpo-webModal-titleStyle-lineHeight: 20px;
  --xpo-webModal-titleStyle-letterSpacing: 0.48px;
  --xpo-webModal-titleStyle-weight: 600;
  --xpo-webModal-width: 375px;
  --xpo-webProgressBar-thumbDiameter: 12px;
  --xpo-webProgressBar-tint: #D5E6FAFF;
  --xpo-webProgressBar-trackHeight: 4px;
  --xpo-webProgressBar-trackRadius: 8px;
  --xpo-webTopNav-activeColor: #00315CFF;
  --xpo-webTopNav-activeIndicatorThickness: 4px;
  --xpo-webTopNav-barHeight: 64px;
  --xpo-webTopNav-drawerScrim: #24211C26;
  --xpo-webTopNav-drawerWidth: 375px;
  --xpo-webTopNav-dropdownHairlineColor: #DDDDDDFF;
  --xpo-webTopNav-dropdownItemColor: #40464CFF;
  --xpo-webTopNav-dropdownItemStyle-family: "DM Sans", sans-serif;
  --xpo-webTopNav-dropdownItemStyle-size: 12px;
  --xpo-webTopNav-dropdownItemStyle-lineHeight: 16px;
  --xpo-webTopNav-dropdownItemStyle-letterSpacing: 0.36px;
  --xpo-webTopNav-dropdownItemStyle-weight: 400;
  --xpo-webTopNav-dropdownRadius: 24px;
  --xpo-webTopNav-dropdownShadow-blur: 16px;
  --xpo-webTopNav-dropdownShadow-color: #E2E6ECFF;
  --xpo-webTopNav-dropdownShadow-offsetX: 0;
  --xpo-webTopNav-dropdownShadow-offsetY: 0;
  --xpo-webTopNav-dropdownShadow-spread: 0;
  --xpo-webTopNav-dropdownSurface: #FFFFFFFF;
  --xpo-webTopNav-horizontalPadding: 24px;
  --xpo-webTopNav-linkColor: #40464CFF;
  --xpo-webTopNav-linkGap: 16px;
  --xpo-webTopNav-linkPadding: 24px;
  --xpo-webTopNav-linkStyle-family: "DM Sans", sans-serif;
  --xpo-webTopNav-linkStyle-size: 12px;
  --xpo-webTopNav-linkStyle-lineHeight: 16px;
  --xpo-webTopNav-linkStyle-letterSpacing: 0.36px;
  --xpo-webTopNav-linkStyle-weight: 400;
  --xpo-webTopNav-logoHeight: 24px;
  --xpo-webTopNav-ruleColor: #DDDDDDFF;
  --xpo-webTopNav-ruleThickness: 1px;
  --xpo-webTopNav-surface: #FFFFFFFF;
  --xpo-web-layout-gridGutter: 16px;
  --xpo-web-layout-columns: 1;
  --xpo-web-layout-contentMaxWidth: none;
}

/* web.layout: ruling Grid / T-11 / T-12. */

@media (min-width: 768px) {
  :root {
    --xpo-web-layout-columns: 1;
    --xpo-web-layout-contentMaxWidth: 448px;
  }
  .xpo-hide-from-md {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .xpo-hide-below-md {
    display: none !important;
  }
}

@media (min-width: 992px) {
  :root {
    --xpo-web-layout-columns: 2;
    --xpo-web-layout-contentMaxWidth: 672px;
  }
  .xpo-hide-from-lg {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .xpo-hide-below-lg {
    display: none !important;
  }
}

@media (min-width: 1310px) {
  :root {
    --xpo-web-layout-columns: 3;
    --xpo-web-layout-contentMaxWidth: 1136px;
  }
  .xpo-hide-from-xl {
    display: none !important;
  }
}

@media (max-width: 1309.98px) {
  .xpo-hide-below-xl {
    display: none !important;
  }
}