:root {
  --ui-primary: rgba(20, 168, 0, 1) !important;
  --ui-secondary: rgba(33, 35, 30, 1) !important;
  --ui-secondary-hover: rgba(20, 168, 0, 0.1) !important;
  --tx_primary: rgba(255, 255, 255, 1) !important;
  --tx-secondary: rgba(153, 153, 153, 1) !important;
  --tx-accent: rgba(20, 168, 0, 1) !important;
  --tx-over: rgba(255, 255, 255, 1) !important;
  --ui-separator: rgba(16, 133, 0, 0.3) !important;
  --ui-bg: rgba(33, 35, 30, 1) !important;
  --ui-secondary-bg: rgba(33, 35, 30, 1) !important;
}

/* #loyalty-page__container > div:first-of-type {
  background: linear-gradient(rgba(33, 35, 30, 1) 25%, rgb(33, 35, 30) 100%) !important;
} */

.primary-pill-button {
  color: rgba(255, 255, 255, 1) !important;
}

.header-description-parent h1 {
  text-transform: uppercase !important;
}

.header-loyalty-points-balance {
  color: rgba(153, 153, 153, 1) !important;
}

#dynamic-modal * .typography--primary {
  color: unset !important;
}

.titlebar-right-buttons .primary-pill-button {
  color: rgba(255, 255, 255, 1) !important;
}

.socials-row {
  gap: 10px !important;
}

.socials-row > *:first-child {
  padding-right: 14px;
}

.socials-row * {
  color: var(--color-tx-accent) !important;
}

.socials-row > *:not(:first-child) {
  display: flex;
  padding: 10px;
  align-items: center;
  border-radius: 20px;
  background: var(--color-ui-secondary-hover, rgba(20, 168, 0, 0.10));
}

.parent-has-empty-child * {
  color: rgba(255, 255, 255, 1) !important;
}