/* Add your own CSS styles there */

:root {
  --ui-primary: linear-gradient(90deg, #81DA94 0%, #56A9F6 100%) !important;
  --tx-accent: rgba(145, 119, 218, 1) !important;
  --ui-secondary-hover: rgba(41, 41, 41, 1) !important;
  --tx-over: rgb(0, 0, 0) !important;
}

html,
body {
  background-color: #121417;
  /* assuming contentPrimaryInverse resolves to this */
}

/* WebKit scrollbar styling */

::-webkit-scrollbar {
  width: 0.25rem;
  background-color: #272b31;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(240, 248, 255, 0.32);
  border-radius: 0.5rem;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(240, 248, 255, 0.32);
  background-color: #272b31;
  border-radius: 0.5rem;
}

/* Firefox scrollbar */

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(240, 248, 255, 0.32) #272b31;
}

.primary-pill-button {
  background: linear-gradient(90deg, #81DA94 0%, #56A9F6 100%) !important;
}

.header-description-parent h1 {
  font-family: "Video" !important;
  font-size: 30px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 36px !important;
  /* 120% */
  text-transform: uppercase !important;
}

#loyalty-leaderboard h1 {
  font-family: "Video" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 28px !important;
}

#loyalty-history-table h1 {
  font-family: "Video" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 28px !important;
}

#loyalty-referral button.connect-button a.secondary-pill-button {
  background: linear-gradient(90deg, #81DA94 0%, #56A9F6 100%) !important;
  color: var(--color-tx-over) !important;
  border-radius: 0 !important;
  font-family: "Video" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

#loyalty-referral button.secondary-pill-button {
  background: linear-gradient(90deg, #81DA94 0%, #56A9F6 100%) !important;
  color: var(--color-tx-over) !important;
  border-radius: 0 !important;
  font-family: "Video" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

#connect-wallet-to-view-history button.connect-button a {
  color: var(--color-tx-accent) !important;
}

.titlebar-right-buttons * {
  border-radius: 0 !important;
}

.titlebar-right-buttons img {
  border-radius: 9999px !important;
}

.loyalty-points {
  border-radius: 0 !important;
}

.secondary-pill-button {
  border-radius: 0 !important;
  font-family: "Video" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

#loyalty-quests * {
  border-radius: 0 !important;
}

#loyalty-quests img {
  border-radius: 9999px !important;
}

#connect-wallet-to-view-history {
  border-radius: 0 !important;
}

#signin-card {
  border-radius: 0 !important;
}

#signin-card button {
  color: var(--color-tx-accent) !important;
}

#connect-wallet-to-view-history button {
  color: var(--color-tx-accent) !important;
}

.header-loyalty-points-balance span {
  font-family: "Sen" !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  color: var(--color-tx-secondary) !important;
}

.header-loyalty-points {
  flex-direction: row-reverse !important;
  font-family: "Sen" !important;
  font-size: 30px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 36px !important;
}

.header-loyalty-points img {
  height: 20px !important;
}

#earn-loyalty-points > div:nth-of-type(2) > div:first-child > h1 {
  font-family: "Video" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 28px !important;
}

.loyalty-points-icon-image {
  border-radius: 100px !important;
}

#loyalty-history-table img {
  border-radius: 9999px !important;
}

#loyalty-history-table > div > div {
  padding-right: 0.5rem;
}

#connect-wallet-edit-profile-link + a {
  display: none !important;
}

#connect-wallet-balance-link {
  display: none !important;
}

#connect-wallet-edit-profile-link {
  display: none !important;
}

#connect-wallet-transfer-items-link {
  display: none !important;
}

#connect-wallet-my-offers-link {
  display: none !important;
}

#loyalty-quest-root-external_rule > div > div:nth-child(1) {
  pointer-events: none;
}

#loyalty-quest-root-external_rule > div > div > div:nth-child(2) {
  pointer-events: all !important;
}

#leaderboard thead th:nth-child(n+4) {
  display: none;
}

#leaderboard tbody td:nth-child(n+4) {
  display: none;
}

.login-view__scroll__section.login-view__scroll__section--wallet {
  display: none;
}

#leaderboard > div > div div > div > div > table > tbody > tr > td:first-child {
  pointer-events: none;
}

#history-table-parent > div > div > div> span > button {
  pointer-events: none;
}

#title-bar-left {
  visibility: hidden;
}