/* Add your own CSS styles there */

#earn-loyalty-points > div:first-child > div > h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  font-family: "Unbounded", "Manrope";
}

#earn-loyalty-points > div:nth-child(2) > div > h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  font-family: "Unbounded", "Manrope";
}

#loyalty-leaderboard > h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  font-family: "Unbounded", "Manrope";
}

#loyalty-history-table > h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  font-family: "Unbounded", "Manrope";
}

#loyalty-shop > h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  font-family: "Unbounded", "Manrope";
}

.header-loyalty-points-balance {
  color: var(--template-text-icons-tx-secondary, #6B6B6B);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.header-loyalty-points {
  flex-direction: row-reverse !important;
}