.earn-experience-scope {
  background-color: var(--surface-canvas) !important;
  color: var(--color-text-primary);
  font-family: var(--font-family-body) !important;
}

.earn-experience-scope .font-primary,
.earn-experience-scope h1,
.earn-experience-scope h2,
.earn-experience-scope h3,
.earn-experience-scope h4,
.earn-experience-scope h5 {
  font-family: var(--font-family-display) !important;
}

.earn-experience-scope .font-secondary,
.earn-experience-scope p,
.earn-experience-scope a,
.earn-experience-scope button {
  font-family: var(--font-family-body) !important;
}

.earn-experience-scope [data-btr-hero-title],
.earn-experience-scope [data-btr-hero-title] * {
  font-size: var(--font-size-display-hero) !important;
  line-height: var(--line-height-heading) !important;
}

.earn-experience-scope [data-btr-hero-description],
.earn-experience-scope [data-btr-hero-description] * {
  font-size: var(--font-size-body-large) !important;
  line-height: var(--line-height-body) !important;
}

.earn-experience--rewards [data-btr-rewards-hero] [data-btr-hero-title],
.earn-experience--rewards [data-btr-rewards-hero] [data-btr-hero-title] * {
  font-size: var(--font-size-display-hero) !important;
  line-height: var(--line-height-heading) !important;
}

.earn-experience--rewards [data-btr-rewards-hero] [data-btr-hero-description],
.earn-experience--rewards [data-btr-rewards-hero] [data-btr-hero-description] * {
  font-size: var(--font-size-body-large) !important;
  line-height: var(--line-height-body) !important;
}

.earn-experience-scope h2,
.earn-experience-scope h2 * {
  font-size: var(--font-size-display-section) !important;
  line-height: var(--line-height-heading) !important;
}

.earn-experience-scope h3,
.earn-experience-scope h3 *,
.earn-experience-scope h4,
.earn-experience-scope h4 *,
.earn-experience-scope h5,
.earn-experience-scope h5 * {
  font-size: var(--font-size-card-title) !important;
  line-height: var(--line-height-body) !important;
}

.earn-experience-scope [data-btr-brand-badge] {
  display: none !important;
}

.earn-experience-scope [data-btr-brand-button] {
  min-height: var(--control-height-medium) !important;
  height: var(--control-height-medium) !important;
  border-radius: var(--radius-none) !important;
  font-family: var(--font-family-body) !important;
  font-size: var(--font-size-body) !important;
  line-height: var(--line-height-heading) !important;
}

.earn-experience--rewards > header,
.earn-experience--rewards main {
  background-color: var(--surface-canvas) !important;
}

.earn-experience--rewards [data-btr-rewards-summary] > div {
  background: var(--surface-section) !important;
  border-color: var(--border-subtle) !important;
  border-radius: var(--radius-none) !important;
  box-shadow: none !important;
}