:root {
  --highscore-logo-height: 115px;
  --highscore-logo-width: 115px;

  --highscore-primary-rgb: 0, 117, 255;
  --highscore-secondary-rgb: 51, 255, 84;
  --highscore-white-rgb: 0, 0, 0;
  --highscore-text-rgb: 0, 0, 0;

  --highscore-primary-color: rgb(var(--highscore-primary-rgb));
  --highscore-secondary-color: rgb(var(--highscore-secondary-rgb));
  --highscore-white-color: rgb(var(--highscore-white-rgb));
  --highscore-text-color: rgb(var(--highscore-text-rgb));

  --highscore-text-gradient-color: linear-gradient(90deg, var(--highscore-white-color) 0%, rgba(255, 255, 255, 0.12) 100%);
  --highscore-score-gradient-color: linear-gradient(90deg, var(--highscore-white-color) 0%, rgba(var(--highscore-white-rgb), 0.1) 79.84%);
  --highscore-gradient-color: linear-gradient(112.23deg, white 0%, white 103.45%);

  --highscore-shadow: none;
}

.highscore__footer {
  background: white !important;
}